@pagopa/io-app-design-system 1.37.1 → 1.38.0
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/lib/commonjs/components/buttons/ButtonSolid.js +2 -2
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/divider/Divider.js +8 -31
- package/lib/commonjs/components/divider/Divider.js.map +1 -1
- package/lib/commonjs/components/index.js +11 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +3 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/searchInput/SearchInput.js +222 -0
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -0
- package/lib/commonjs/components/{endOfPage → searchInput}/index.js +4 -4
- package/lib/commonjs/components/searchInput/index.js.map +1 -0
- package/lib/module/components/buttons/ButtonSolid.js +2 -2
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/divider/Divider.js +7 -29
- package/lib/module/components/divider/Divider.js.map +1 -1
- package/lib/module/components/index.js +1 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +3 -1
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/searchInput/SearchInput.js +213 -0
- package/lib/module/components/searchInput/SearchInput.js.map +1 -0
- package/lib/module/components/searchInput/index.js +2 -0
- package/lib/module/components/searchInput/index.js.map +1 -0
- package/lib/typescript/components/divider/Divider.d.ts +1 -5
- package/lib/typescript/components/divider/Divider.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +3 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts +25 -0
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -0
- package/lib/typescript/components/searchInput/index.d.ts +2 -0
- package/lib/typescript/components/searchInput/index.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/buttons/ButtonSolid.tsx +2 -2
- package/src/components/divider/Divider.tsx +11 -25
- package/src/components/index.tsx +1 -1
- package/src/components/layout/HeaderSecondLevel.tsx +4 -0
- package/src/components/searchInput/SearchInput.tsx +308 -0
- package/src/components/searchInput/index.tsx +1 -0
- package/lib/commonjs/components/endOfPage/EndOfPage.js +0 -36
- package/lib/commonjs/components/endOfPage/EndOfPage.js.map +0 -1
- package/lib/commonjs/components/endOfPage/index.js.map +0 -1
- package/lib/module/components/endOfPage/EndOfPage.js +0 -28
- package/lib/module/components/endOfPage/EndOfPage.js.map +0 -1
- package/lib/module/components/endOfPage/index.js +0 -2
- package/lib/module/components/endOfPage/index.js.map +0 -1
- package/lib/typescript/components/endOfPage/EndOfPage.d.ts +0 -23
- package/lib/typescript/components/endOfPage/EndOfPage.d.ts.map +0 -1
- package/lib/typescript/components/endOfPage/index.d.ts +0 -2
- package/lib/typescript/components/endOfPage/index.d.ts.map +0 -1
- package/src/components/endOfPage/EndOfPage.tsx +0 -55
- package/src/components/endOfPage/index.tsx +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","_ref","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","isMounted","current","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","Icon","LoadingSpinner","HSpacer","ButtonText","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","forwardRef","_ref","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","isMounted","current","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","undefined","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -4,37 +4,15 @@ import { IOColors, useIOTheme } from "../../core";
|
|
|
4
4
|
const DEFAULT_BORDER_SIZE = StyleSheet.hairlineWidth;
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
|
-
|
|
8
|
-
@param {DividerOrientation} orientation
|
|
7
|
+
Horizontal `Divider` component
|
|
9
8
|
*/
|
|
10
|
-
const
|
|
11
|
-
let {
|
|
12
|
-
orientation
|
|
13
|
-
} = _ref;
|
|
9
|
+
export const Divider = () => {
|
|
14
10
|
const theme = useIOTheme();
|
|
15
|
-
const baseStyle = {
|
|
16
|
-
backgroundColor: IOColors[theme["divider-default"]],
|
|
17
|
-
...(orientation === "vertical" ? {
|
|
18
|
-
width: DEFAULT_BORDER_SIZE
|
|
19
|
-
} : {
|
|
20
|
-
height: DEFAULT_BORDER_SIZE
|
|
21
|
-
})
|
|
22
|
-
};
|
|
23
11
|
return /*#__PURE__*/React.createElement(View, {
|
|
24
|
-
style:
|
|
12
|
+
style: {
|
|
13
|
+
backgroundColor: IOColors[theme["divider-default"]],
|
|
14
|
+
height: DEFAULT_BORDER_SIZE
|
|
15
|
+
}
|
|
25
16
|
});
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
Horizontal Divider component
|
|
30
|
-
*/
|
|
31
|
-
export const Divider = () => /*#__PURE__*/React.createElement(BaseDivider, {
|
|
32
|
-
orientation: "horizontal"
|
|
33
|
-
});
|
|
34
|
-
/**
|
|
35
|
-
Vertical Divider component
|
|
36
|
-
*/
|
|
37
|
-
export const VDivider = () => /*#__PURE__*/React.createElement(BaseDivider, {
|
|
38
|
-
orientation: "vertical"
|
|
39
|
-
});
|
|
17
|
+
};
|
|
40
18
|
//# sourceMappingURL=Divider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","IOColors","useIOTheme","DEFAULT_BORDER_SIZE","hairlineWidth","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","IOColors","useIOTheme","DEFAULT_BORDER_SIZE","hairlineWidth","Divider","theme","createElement","style","backgroundColor","height"],"sourceRoot":"../../../../src","sources":["components/divider/Divider.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,QAAQ,EAAEC,UAAU,QAAQ,YAAY;AAEjD,MAAMC,mBAAmB,GAAGH,UAAU,CAACI,aAAa;;AAEpD;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,KAAK,GAAGJ,UAAU,CAAC,CAAC;EAE1B,oBACEJ,KAAA,CAAAS,aAAA,CAACR,IAAI;IACHS,KAAK,EAAE;MACLC,eAAe,EAAER,QAAQ,CAACK,KAAK,CAAC,iBAAiB,CAAC,CAAC;MACnDI,MAAM,EAAEP;IACV;EAAE,CACH,CAAC;AAEN,CAAC"}
|
|
@@ -8,7 +8,6 @@ export * from "./checkbox";
|
|
|
8
8
|
export * from "./codeInput";
|
|
9
9
|
export * from "./contentWrapper";
|
|
10
10
|
export * from "./divider";
|
|
11
|
-
export * from "./endOfPage";
|
|
12
11
|
export * from "./featureInfo";
|
|
13
12
|
export * from "./icons";
|
|
14
13
|
export * from "./image";
|
|
@@ -29,6 +28,7 @@ export * from "./switch";
|
|
|
29
28
|
export * from "./tabs";
|
|
30
29
|
export * from "./tag";
|
|
31
30
|
export * from "./textInput";
|
|
31
|
+
export * from "./searchInput";
|
|
32
32
|
export * from "./toast";
|
|
33
33
|
export * from "./typography";
|
|
34
34
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,OAAO;AACrB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,cAAc"}
|
|
@@ -47,6 +47,7 @@ export const HeaderSecondLevel = _ref => {
|
|
|
47
47
|
scrollValues = undefined,
|
|
48
48
|
goBack,
|
|
49
49
|
backAccessibilityLabel,
|
|
50
|
+
backTestID,
|
|
50
51
|
title,
|
|
51
52
|
type,
|
|
52
53
|
transparent = false,
|
|
@@ -98,7 +99,8 @@ export const HeaderSecondLevel = _ref => {
|
|
|
98
99
|
}),
|
|
99
100
|
color: "neutral",
|
|
100
101
|
onPress: goBack,
|
|
101
|
-
accessibilityLabel: backAccessibilityLabel
|
|
102
|
+
accessibilityLabel: backAccessibilityLabel,
|
|
103
|
+
testID: backTestID
|
|
102
104
|
}) : /*#__PURE__*/React.createElement(HSpacer, {
|
|
103
105
|
size: 32
|
|
104
106
|
}), /*#__PURE__*/React.createElement(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,QAAQ,EACRC,cAAc,EACdC,iBAAiB,QACZ,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,OAAO,QAAQ,WAAW;AAGnC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Platform","findNodeHandle","AccessibilityInfo","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","flexGrow","flexDirection","alignItems","justifyContent","titleContainer","flexShrink","marginHorizontal","headerTitle","fontSize","textAlign","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","backTestID","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","titleRef","createRef","isExperimental","insets","isTitleAccessible","useMemo","trim","useLayoutEffect","reactNode","current","setAccessibilityFocus","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","ref","accessibilityElementsHidden","importantForAccessibility","accessible","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
/* eslint-disable functional/immutable-data */
|
|
2
|
+
import React, { useCallback, useMemo, useRef, useState } from "react";
|
|
3
|
+
import { Dimensions, Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
|
|
4
|
+
import Animated, { Easing, Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
5
|
+
import { IOColors, IOVisualCostants, useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
6
|
+
import { makeFontStyleObject } from "../../utils/fonts";
|
|
7
|
+
import { ButtonLink } from "../buttons";
|
|
8
|
+
import { Icon } from "../icons";
|
|
9
|
+
|
|
10
|
+
/* Component visual attributes */
|
|
11
|
+
const inputPaddingHorizontal = 12;
|
|
12
|
+
const inputPaddingClearButton = 8;
|
|
13
|
+
const inputRadius = 8;
|
|
14
|
+
const inputBgColorDefault = IOColors["grey-50"];
|
|
15
|
+
const inputBgColorFocused = IOColors["grey-100"];
|
|
16
|
+
const inputColorPlaceholder = IOColors["grey-700"];
|
|
17
|
+
const iconMargin = 8;
|
|
18
|
+
const iconColor = "grey-700";
|
|
19
|
+
const iconSize = 16;
|
|
20
|
+
const iconCloseSize = 24;
|
|
21
|
+
const inputFontSizePlaceholder = 12;
|
|
22
|
+
const cancelButtonMargin = 16;
|
|
23
|
+
const inputTransitionDuration = 250;
|
|
24
|
+
const inputHeightIOS = 36;
|
|
25
|
+
const inputHeightAndroid = 42;
|
|
26
|
+
const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
|
|
27
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
28
|
+
const inputWithTimingConfig = {
|
|
29
|
+
duration: inputTransitionDuration,
|
|
30
|
+
easing: Easing.inOut(Easing.cubic)
|
|
31
|
+
};
|
|
32
|
+
export const SearchInput = _ref => {
|
|
33
|
+
let {
|
|
34
|
+
accessibilityLabel,
|
|
35
|
+
cancelButtonLabel,
|
|
36
|
+
clearAccessibilityLabel,
|
|
37
|
+
onChangeText,
|
|
38
|
+
placeholder,
|
|
39
|
+
value = "",
|
|
40
|
+
autoFocus,
|
|
41
|
+
pressable,
|
|
42
|
+
testID
|
|
43
|
+
} = _ref;
|
|
44
|
+
const searchInputRef = useRef(null);
|
|
45
|
+
|
|
46
|
+
/* Component visual attributes */
|
|
47
|
+
const theme = useIOTheme();
|
|
48
|
+
const {
|
|
49
|
+
isExperimental
|
|
50
|
+
} = useIOExperimentalDesign();
|
|
51
|
+
const inputCaretColor = IOColors[theme["interactiveElem-default"]];
|
|
52
|
+
|
|
53
|
+
/* Widths used for the transition:
|
|
54
|
+
- `SearchInput` entire width
|
|
55
|
+
- `Cancel` button */
|
|
56
|
+
const inputWidth = useMemo(() => Dimensions.get("window").width - IOVisualCostants.appMarginDefault * 2, []);
|
|
57
|
+
const [cancelButtonWidth, setCancelButtonWidth] = useState(0);
|
|
58
|
+
const getCancelButtonWidth = _ref2 => {
|
|
59
|
+
let {
|
|
60
|
+
nativeEvent
|
|
61
|
+
} = _ref2;
|
|
62
|
+
setCancelButtonWidth(nativeEvent.layout.width);
|
|
63
|
+
};
|
|
64
|
+
const inputWidthWithCancel = useMemo(() => inputWidth - cancelButtonWidth, [inputWidth, cancelButtonWidth]);
|
|
65
|
+
|
|
66
|
+
/* Reanimated styles */
|
|
67
|
+
const inputAnimatedWidth = useSharedValue(inputWidth);
|
|
68
|
+
const isFocused = useSharedValue(0);
|
|
69
|
+
|
|
70
|
+
/* Applied to the `SearchInput` */
|
|
71
|
+
const animatedStyle = useAnimatedStyle(() => ({
|
|
72
|
+
width: withTiming(inputAnimatedWidth.value, inputWithTimingConfig),
|
|
73
|
+
backgroundColor: interpolateColor(isFocused.value, [0, 1], [inputBgColorDefault, inputBgColorFocused])
|
|
74
|
+
}));
|
|
75
|
+
|
|
76
|
+
/* Applied to the `Cancel` button */
|
|
77
|
+
const cancelButtonAnimatedStyle = useAnimatedStyle(() => ({
|
|
78
|
+
transform: [{
|
|
79
|
+
translateX: interpolate(isFocused.value, [0, 1], [cancelButtonWidth + IOVisualCostants.appMarginDefault, 0], Extrapolate.CLAMP)
|
|
80
|
+
}],
|
|
81
|
+
opacity: interpolate(isFocused.value, [0, 1], [0.5, 1])
|
|
82
|
+
}));
|
|
83
|
+
|
|
84
|
+
/* Applied to the `Clear` button inside the `SearchInput` */
|
|
85
|
+
const clearButtonAnimatedStyle = useAnimatedStyle(() => {
|
|
86
|
+
const showClearButton = value.length > 0;
|
|
87
|
+
return {
|
|
88
|
+
transform: [{
|
|
89
|
+
scale: showClearButton ? withTiming(1, inputWithTimingConfig) : withTiming(0.5, inputWithTimingConfig)
|
|
90
|
+
}],
|
|
91
|
+
opacity: withTiming(showClearButton ? 1 : 0, inputWithTimingConfig)
|
|
92
|
+
};
|
|
93
|
+
}, [value]);
|
|
94
|
+
|
|
95
|
+
/* Related event handlers */
|
|
96
|
+
const handleFocus = () => {
|
|
97
|
+
isFocused.value = withTiming(1, inputWithTimingConfig);
|
|
98
|
+
inputAnimatedWidth.value = inputWidthWithCancel;
|
|
99
|
+
};
|
|
100
|
+
const handleBlur = () => {
|
|
101
|
+
isFocused.value = withTiming(0, inputWithTimingConfig);
|
|
102
|
+
inputAnimatedWidth.value = inputWidth;
|
|
103
|
+
};
|
|
104
|
+
const cancel = useCallback(() => {
|
|
105
|
+
var _searchInputRef$curre, _searchInputRef$curre2;
|
|
106
|
+
onChangeText === null || onChangeText === void 0 || onChangeText("");
|
|
107
|
+
(_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.clear();
|
|
108
|
+
(_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 || _searchInputRef$curre2.blur();
|
|
109
|
+
}, [onChangeText]);
|
|
110
|
+
const clear = useCallback(() => {
|
|
111
|
+
var _searchInputRef$curre3;
|
|
112
|
+
onChangeText === null || onChangeText === void 0 || onChangeText("");
|
|
113
|
+
(_searchInputRef$curre3 = searchInputRef.current) === null || _searchInputRef$curre3 === void 0 || _searchInputRef$curre3.clear();
|
|
114
|
+
}, [onChangeText]);
|
|
115
|
+
const handleChangeText = useCallback(text => onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text), [onChangeText]);
|
|
116
|
+
const renderSearchBar = () => /*#__PURE__*/React.createElement(Animated.View, {
|
|
117
|
+
style: styles.searchBar
|
|
118
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
119
|
+
style: [styles.searchInput, animatedStyle],
|
|
120
|
+
pointerEvents: pressable ? "none" : "auto"
|
|
121
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
122
|
+
style: styles.iconContainer
|
|
123
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
124
|
+
name: "search",
|
|
125
|
+
size: iconSize,
|
|
126
|
+
color: iconColor
|
|
127
|
+
})), /*#__PURE__*/React.createElement(AnimatedTextInput, {
|
|
128
|
+
testID: testID,
|
|
129
|
+
ref: searchInputRef,
|
|
130
|
+
inputMode: "search",
|
|
131
|
+
returnKeyType: "search",
|
|
132
|
+
accessibilityRole: "search",
|
|
133
|
+
accessibilityLabel: accessibilityLabel,
|
|
134
|
+
style: [styles.textInput, Platform.OS === "ios" ? styles.textInputIOS : styles.textInputAndroid, isExperimental ? styles.placeholder : styles.placeholderLegacy],
|
|
135
|
+
selectionColor: inputCaretColor,
|
|
136
|
+
cursorColor: inputCaretColor,
|
|
137
|
+
placeholder: placeholder,
|
|
138
|
+
placeholderTextColor: inputColorPlaceholder,
|
|
139
|
+
onFocus: handleFocus,
|
|
140
|
+
onBlur: handleBlur,
|
|
141
|
+
onChangeText: handleChangeText,
|
|
142
|
+
value: value,
|
|
143
|
+
autoFocus: autoFocus
|
|
144
|
+
}), /*#__PURE__*/React.createElement(AnimatedPressable, {
|
|
145
|
+
style: [styles.clearButton, clearButtonAnimatedStyle],
|
|
146
|
+
onPress: clear,
|
|
147
|
+
accessibilityLabel: clearAccessibilityLabel,
|
|
148
|
+
accessibilityRole: "button",
|
|
149
|
+
hitSlop: 16
|
|
150
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
151
|
+
name: "closeSmall",
|
|
152
|
+
size: iconCloseSize,
|
|
153
|
+
color: iconColor
|
|
154
|
+
}))), /*#__PURE__*/React.createElement(Animated.View, {
|
|
155
|
+
onLayout: getCancelButtonWidth,
|
|
156
|
+
style: [styles.cancelButton, cancelButtonAnimatedStyle]
|
|
157
|
+
}, /*#__PURE__*/React.createElement(ButtonLink, {
|
|
158
|
+
label: cancelButtonLabel,
|
|
159
|
+
onPress: cancel
|
|
160
|
+
})));
|
|
161
|
+
return pressable ? /*#__PURE__*/React.createElement(Pressable, {
|
|
162
|
+
accessibilityRole: "button",
|
|
163
|
+
accessibilityLabel: placeholder,
|
|
164
|
+
onPress: pressable === null || pressable === void 0 ? void 0 : pressable.onPress
|
|
165
|
+
}, renderSearchBar()) : renderSearchBar();
|
|
166
|
+
};
|
|
167
|
+
const styles = StyleSheet.create({
|
|
168
|
+
searchBar: {
|
|
169
|
+
width: "100%",
|
|
170
|
+
flexDirection: "row",
|
|
171
|
+
justifyContent: "flex-start",
|
|
172
|
+
alignItems: "center"
|
|
173
|
+
},
|
|
174
|
+
searchInput: {
|
|
175
|
+
flexShrink: 0,
|
|
176
|
+
borderRadius: inputRadius,
|
|
177
|
+
borderCurve: "continuous",
|
|
178
|
+
flexDirection: "row",
|
|
179
|
+
alignItems: "center",
|
|
180
|
+
paddingLeft: inputPaddingHorizontal,
|
|
181
|
+
paddingRight: inputPaddingClearButton
|
|
182
|
+
},
|
|
183
|
+
textInput: {
|
|
184
|
+
flexShrink: 1,
|
|
185
|
+
flexGrow: 1
|
|
186
|
+
},
|
|
187
|
+
textInputIOS: {
|
|
188
|
+
height: inputHeightIOS
|
|
189
|
+
},
|
|
190
|
+
textInputAndroid: {
|
|
191
|
+
height: inputHeightAndroid
|
|
192
|
+
},
|
|
193
|
+
iconContainer: {
|
|
194
|
+
marginRight: iconMargin
|
|
195
|
+
},
|
|
196
|
+
placeholder: {
|
|
197
|
+
fontSize: inputFontSizePlaceholder,
|
|
198
|
+
...makeFontStyleObject("Regular", false, "ReadexPro")
|
|
199
|
+
},
|
|
200
|
+
placeholderLegacy: {
|
|
201
|
+
fontSize: inputFontSizePlaceholder,
|
|
202
|
+
...makeFontStyleObject("Regular", false, "TitilliumWeb")
|
|
203
|
+
},
|
|
204
|
+
cancelButton: {
|
|
205
|
+
position: "absolute",
|
|
206
|
+
right: 0,
|
|
207
|
+
paddingLeft: cancelButtonMargin
|
|
208
|
+
},
|
|
209
|
+
clearButton: {
|
|
210
|
+
marginLeft: iconMargin
|
|
211
|
+
}
|
|
212
|
+
});
|
|
213
|
+
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIOExperimentalDesign","useIOTheme","makeFontStyleObject","ButtonLink","Icon","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","_ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","theme","isExperimental","inputCaretColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","_searchInputRef$curre","_searchInputRef$curre2","current","clear","blur","_searchInputRef$curre3","handleChangeText","text","renderSearchBar","createElement","style","styles","searchBar","searchInput","pointerEvents","iconContainer","name","size","color","ref","inputMode","returnKeyType","accessibilityRole","textInput","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","label","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/searchInput/index.tsx"],"mappings":"AAAA,cAAc,eAAe"}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
/**
|
|
3
|
-
Horizontal Divider component
|
|
3
|
+
Horizontal `Divider` component
|
|
4
4
|
*/
|
|
5
5
|
export declare const Divider: () => React.JSX.Element;
|
|
6
|
-
/**
|
|
7
|
-
Vertical Divider component
|
|
8
|
-
*/
|
|
9
|
-
export declare const VDivider: () => React.JSX.Element;
|
|
10
6
|
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;GAEG;AACH,eAAO,MAAM,OAAO,yBAWnB,CAAC"}
|
|
@@ -8,7 +8,6 @@ export * from "./checkbox";
|
|
|
8
8
|
export * from "./codeInput";
|
|
9
9
|
export * from "./contentWrapper";
|
|
10
10
|
export * from "./divider";
|
|
11
|
-
export * from "./endOfPage";
|
|
12
11
|
export * from "./featureInfo";
|
|
13
12
|
export * from "./icons";
|
|
14
13
|
export * from "./image";
|
|
@@ -29,6 +28,7 @@ export * from "./switch";
|
|
|
29
28
|
export * from "./tabs";
|
|
30
29
|
export * from "./tag";
|
|
31
30
|
export * from "./textInput";
|
|
31
|
+
export * from "./searchInput";
|
|
32
32
|
export * from "./toast";
|
|
33
33
|
export * from "./typography";
|
|
34
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
@@ -9,9 +9,11 @@ type ScrollValues = {
|
|
|
9
9
|
type BackProps = {
|
|
10
10
|
goBack: () => void;
|
|
11
11
|
backAccessibilityLabel: string;
|
|
12
|
+
backTestID?: string;
|
|
12
13
|
} | {
|
|
13
14
|
goBack?: never;
|
|
14
15
|
backAccessibilityLabel?: never;
|
|
16
|
+
backTestID?: never;
|
|
15
17
|
};
|
|
16
18
|
type CommonProps = WithTestID<{
|
|
17
19
|
scrollValues?: ScrollValues;
|
|
@@ -49,6 +51,6 @@ export type HeaderSecondLevel = BackProps & (Base | OneAction | TwoActions | Thr
|
|
|
49
51
|
* @param {HeaderSecondLevel} props - The props of the component
|
|
50
52
|
* @returns React Element
|
|
51
53
|
*/
|
|
52
|
-
export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, title, type, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
|
|
54
|
+
export declare const HeaderSecondLevel: ({ scrollValues, goBack, backAccessibilityLabel, backTestID, title, type, transparent, isModal, testID, firstAction, secondAction, thirdAction }: HeaderSecondLevel) => React.JSX.Element;
|
|
53
55
|
export default HeaderSecondLevel;
|
|
54
56
|
//# sourceMappingURL=HeaderSecondLevel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AAiCjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,oJAa3B,iBAAiB,sBA2HnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { GestureResponderEvent, TextInputProps } from "react-native";
|
|
3
|
+
import { WithTestID } from "src/utils/types";
|
|
4
|
+
type SearchInputPressableProps = {
|
|
5
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
6
|
+
};
|
|
7
|
+
type SearchInputActionProps = {
|
|
8
|
+
pressable: SearchInputPressableProps;
|
|
9
|
+
onChangeText?: never;
|
|
10
|
+
value?: never;
|
|
11
|
+
} | {
|
|
12
|
+
pressable?: never;
|
|
13
|
+
onChangeText: (value: string) => void;
|
|
14
|
+
value: string;
|
|
15
|
+
};
|
|
16
|
+
type SearchInputProps = WithTestID<{
|
|
17
|
+
accessibilityLabel: TextInputProps["accessibilityLabel"];
|
|
18
|
+
cancelButtonLabel: string;
|
|
19
|
+
clearAccessibilityLabel: string;
|
|
20
|
+
placeholder: TextInputProps["placeholder"];
|
|
21
|
+
autoFocus?: TextInputProps["autoFocus"];
|
|
22
|
+
}> & SearchInputActionProps;
|
|
23
|
+
export declare const SearchInput: ({ accessibilityLabel, cancelButtonLabel, clearAccessibilityLabel, onChangeText, placeholder, value, autoFocus, pressable, testID }: SearchInputProps) => React.JSX.Element;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AA6B7C,KAAK,yBAAyB,GAAG;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,SAAS,EAAE,yBAAyB,CAAC;IACrC,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,KAAK,gBAAgB,GAAG,UAAU,CAAC;IACjC,kBAAkB,EAAE,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACzD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,MAAM,CAAC;IAChC,WAAW,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC,GACA,sBAAsB,CAAC;AAUzB,eAAO,MAAM,WAAW,uIAUrB,gBAAgB,sBAoKlB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -210,7 +210,7 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
|
|
|
210
210
|
// Interpolate animation values from `isPressed` values
|
|
211
211
|
const pressedAnimationStyle = useAnimatedStyle(() => {
|
|
212
212
|
// Link color states to the pressed states
|
|
213
|
-
const
|
|
213
|
+
const backgroundColor = interpolateColor(
|
|
214
214
|
progressPressed.value,
|
|
215
215
|
[0, 1],
|
|
216
216
|
[colorMap[color].default, colorMap[color].pressed]
|
|
@@ -225,7 +225,7 @@ export const ButtonSolid = React.forwardRef<View, ButtonSolidProps>(
|
|
|
225
225
|
);
|
|
226
226
|
|
|
227
227
|
return {
|
|
228
|
-
backgroundColor
|
|
228
|
+
backgroundColor,
|
|
229
229
|
transform: [{ scale }]
|
|
230
230
|
};
|
|
231
231
|
});
|
|
@@ -2,34 +2,20 @@ import React from "react";
|
|
|
2
2
|
import { View, StyleSheet } from "react-native";
|
|
3
3
|
import { IOColors, useIOTheme } from "../../core";
|
|
4
4
|
|
|
5
|
-
type DividerOrientation = "vertical" | "horizontal";
|
|
6
|
-
|
|
7
|
-
type DividerProps = {
|
|
8
|
-
orientation: DividerOrientation;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
5
|
const DEFAULT_BORDER_SIZE = StyleSheet.hairlineWidth;
|
|
12
6
|
|
|
13
7
|
/**
|
|
14
|
-
|
|
15
|
-
@param {DividerOrientation} orientation
|
|
8
|
+
Horizontal `Divider` component
|
|
16
9
|
*/
|
|
17
|
-
const
|
|
10
|
+
export const Divider = () => {
|
|
18
11
|
const theme = useIOTheme();
|
|
19
|
-
const baseStyle = {
|
|
20
|
-
backgroundColor: IOColors[theme["divider-default"]],
|
|
21
|
-
...(orientation === "vertical"
|
|
22
|
-
? { width: DEFAULT_BORDER_SIZE }
|
|
23
|
-
: { height: DEFAULT_BORDER_SIZE })
|
|
24
|
-
};
|
|
25
|
-
return <View style={baseStyle} />;
|
|
26
|
-
});
|
|
27
12
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
13
|
+
return (
|
|
14
|
+
<View
|
|
15
|
+
style={{
|
|
16
|
+
backgroundColor: IOColors[theme["divider-default"]],
|
|
17
|
+
height: DEFAULT_BORDER_SIZE
|
|
18
|
+
}}
|
|
19
|
+
/>
|
|
20
|
+
);
|
|
21
|
+
};
|
package/src/components/index.tsx
CHANGED
|
@@ -8,7 +8,6 @@ export * from "./checkbox";
|
|
|
8
8
|
export * from "./codeInput";
|
|
9
9
|
export * from "./contentWrapper";
|
|
10
10
|
export * from "./divider";
|
|
11
|
-
export * from "./endOfPage";
|
|
12
11
|
export * from "./featureInfo";
|
|
13
12
|
export * from "./icons";
|
|
14
13
|
export * from "./image";
|
|
@@ -29,5 +28,6 @@ export * from "./switch";
|
|
|
29
28
|
export * from "./tabs";
|
|
30
29
|
export * from "./tag";
|
|
31
30
|
export * from "./textInput";
|
|
31
|
+
export * from "./searchInput";
|
|
32
32
|
export * from "./toast";
|
|
33
33
|
export * from "./typography";
|