@pagopa/io-app-design-system 5.6.3 → 5.6.4
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/IOButton/IOButton.js +2 -5
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +0 -3
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js +35 -13
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js +16 -3
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +295 -0
- package/lib/commonjs/components/searchInput/SearchInput.js +8 -5
- package/lib/commonjs/components/searchInput/SearchInput.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +2 -5
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +0 -3
- package/lib/module/components/claimsSelector/ClaimsSelector.js +36 -14
- package/lib/module/components/claimsSelector/ClaimsSelector.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js +16 -3
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +295 -0
- package/lib/module/components/searchInput/SearchInput.js +9 -6
- package/lib/module/components/searchInput/SearchInput.js.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts +2 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts.map +1 -1
- package/lib/typescript/components/searchInput/SearchInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/IOButton/IOButton.tsx +6 -7
- package/src/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +0 -3
- package/src/components/claimsSelector/ClaimsSelector.tsx +49 -22
- package/src/components/claimsSelector/__test__/ClaimsSelector.test.tsx +21 -3
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +295 -0
- package/src/components/searchInput/SearchInput.tsx +13 -5
|
@@ -5,13 +5,14 @@ import React, { forwardRef, useCallback, useImperativeHandle, useRef, useState }
|
|
|
5
5
|
import { Dimensions, Platform, Pressable, StyleSheet, TextInput, View } from "react-native";
|
|
6
6
|
import Animated, { Easing, Extrapolation, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
|
|
7
7
|
import { IOColors, IOVisualCostants, useIONewTypeface, useIOTheme } from "../../core";
|
|
8
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
8
|
+
import { IOMaxFontSizeMultiplier, makeFontStyleObject } from "../../utils/fonts";
|
|
9
9
|
import { Icon } from "../icons";
|
|
10
10
|
import { buttonTextFontSize, buttonTextLineHeight, IOText } from "../typography";
|
|
11
11
|
|
|
12
12
|
/* Component visual attributes */
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
14
|
const inputPaddingHorizontal = 12;
|
|
15
|
+
const inputPaddingVertical = 8;
|
|
15
16
|
const inputPaddingClearButton = 8;
|
|
16
17
|
const inputRadius = 8;
|
|
17
18
|
const iconMargin = 8;
|
|
@@ -20,8 +21,6 @@ const iconCloseSize = 24;
|
|
|
20
21
|
const inputFontSizePlaceholder = 14;
|
|
21
22
|
const cancelButtonMargin = 16;
|
|
22
23
|
const inputTransitionDuration = 250;
|
|
23
|
-
const inputHeightIOS = 36;
|
|
24
|
-
const inputHeightAndroid = 42;
|
|
25
24
|
const AnimatedTextInput = Animated.createAnimatedComponent(TextInput);
|
|
26
25
|
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
27
26
|
const inputWithTimingConfig = {
|
|
@@ -142,6 +141,7 @@ export const SearchInput = /*#__PURE__*/forwardRef(({
|
|
|
142
141
|
returnKeyType: "search",
|
|
143
142
|
accessibilityRole: "search",
|
|
144
143
|
accessibilityLabel: accessibilityLabel,
|
|
144
|
+
numberOfLines: 1,
|
|
145
145
|
style: [{
|
|
146
146
|
color: IOColors[theme["textBody-default"]],
|
|
147
147
|
...makeFontStyleObject(inputFontSizePlaceholder, newTypefaceEnabled ? "Titillio" : "TitilliumSansPro", undefined, "Regular")
|
|
@@ -154,7 +154,8 @@ export const SearchInput = /*#__PURE__*/forwardRef(({
|
|
|
154
154
|
onBlur: handleBlur,
|
|
155
155
|
onChangeText: handleChangeText,
|
|
156
156
|
value: value,
|
|
157
|
-
autoFocus: autoFocus
|
|
157
|
+
autoFocus: autoFocus,
|
|
158
|
+
maxFontSizeMultiplier: IOMaxFontSizeMultiplier
|
|
158
159
|
}), /*#__PURE__*/_jsx(AnimatedPressable, {
|
|
159
160
|
style: [styles.clearButton, clearButtonAnimatedStyle],
|
|
160
161
|
onPress: handleClear,
|
|
@@ -218,10 +219,11 @@ const styles = StyleSheet.create({
|
|
|
218
219
|
flexGrow: 1
|
|
219
220
|
},
|
|
220
221
|
textInputIOS: {
|
|
221
|
-
|
|
222
|
+
paddingVertical: inputPaddingVertical
|
|
222
223
|
},
|
|
223
224
|
textInputAndroid: {
|
|
224
|
-
|
|
225
|
+
textAlignVertical: "center",
|
|
226
|
+
overflow: "hidden"
|
|
225
227
|
},
|
|
226
228
|
iconContainer: {
|
|
227
229
|
marginRight: iconMargin
|
|
@@ -232,6 +234,7 @@ const styles = StyleSheet.create({
|
|
|
232
234
|
paddingLeft: cancelButtonMargin
|
|
233
235
|
},
|
|
234
236
|
clearButton: {
|
|
237
|
+
transformOrigin: "center",
|
|
235
238
|
marginLeft: iconMargin
|
|
236
239
|
}
|
|
237
240
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIONewTypeface","useIOTheme","makeFontStyleObject","Icon","buttonTextFontSize","buttonTextLineHeight","IOText","jsx","_jsx","jsxs","_jsxs","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","iconMargin","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useImperativeHandle","useRef","useState","Dimensions","Platform","Pressable","StyleSheet","TextInput","View","Animated","Easing","Extrapolation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOVisualCostants","useIONewTypeface","useIOTheme","IOMaxFontSizeMultiplier","makeFontStyleObject","Icon","buttonTextFontSize","buttonTextLineHeight","IOText","jsx","_jsx","jsxs","_jsxs","inputPaddingHorizontal","inputPaddingVertical","inputPaddingClearButton","inputRadius","iconMargin","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","AnimatedTextInput","createAnimatedComponent","AnimatedPressable","inputWithTimingConfig","duration","easing","inOut","cubic","SearchInput","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","placeholder","autoFocus","keepCancelVisible","onCancel","onChangeText","pressable","testID","value","ref","searchInputRef","newTypefaceEnabled","theme","inputCaretColor","inputBgColorDefault","inputBgColorFocused","inputColorPlaceholder","iconColor","inputWidth","get","width","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","getCancelButtonWidth","nativeEvent","layout","inputWidthWithCancel","focus","current","inputAnimatedWidth","isFocused","animatedStyle","backgroundColor","cancelButtonAnimatedStyle","showCancelButton","transform","translateX","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","handleCancel","event","handleClear","clear","handleChangeText","text","renderSearchBar","importantForAccessibility","style","styles","searchBar","children","searchInput","pointerEvents","iconContainer","allowFontScaling","name","size","color","inputMode","returnKeyType","accessibilityRole","numberOfLines","undefined","textInput","OS","textInputIOS","textInputAndroid","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","maxFontSizeMultiplier","clearButton","onPress","hitSlop","onLayout","cancelButton","font","weight","lineHeight","accessible","accessibilityElementsHidden","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","paddingVertical","textAlignVertical","overflow","marginRight","position","right","transformOrigin","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/buttons/IOButton/IOButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,SAAS,EAGT,SAAS,EACT,SAAS,EACT,IAAI,EAEL,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAIL,OAAO,EACR,MAAM,aAAa,CAAC;AASrB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,eAAe,GAAG,WAAW,CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,WAAW,GAAG,SAAS,CACxB,CAAC;AAEF,KAAK,qBAAqB,GACtB;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,qBAAqB,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GAAG,IAAI,CACJ,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"IOButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/buttons/IOButton/IOButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAC;AACf,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,SAAS,EAGT,SAAS,EACT,SAAS,EACT,IAAI,EAEL,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAIL,OAAO,EACR,MAAM,aAAa,CAAC;AASrB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC9D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,eAAe,GAAG,WAAW,CAC9B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,cAAc,CAAC,OAAO,QAAQ,CAAC,EAC/B,WAAW,GAAG,SAAS,CACxB,CAAC;AAEF,KAAK,qBAAqB,GACtB;IACE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,CAAC;AAEN,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,qBAAqB,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GAAG,IAAI,CACJ,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,UAAU,GAAG,oBAAoB,GAAG,mBAAmB,CACxD,CACJ,CAAC;AAEF,eAAO,MAAM,QAAQ,4EAwOpB,CAAC;AAmBF,eAAe,QAAQ,CAAC"}
|
|
@@ -34,8 +34,9 @@ type Props = {
|
|
|
34
34
|
};
|
|
35
35
|
type Item = {
|
|
36
36
|
id: string;
|
|
37
|
-
|
|
37
|
+
value: string;
|
|
38
38
|
description: string;
|
|
39
|
+
type?: "text" | "image";
|
|
39
40
|
};
|
|
40
41
|
export declare const ClaimsSelector: ({ title, items, defaultExpanded, onItemSelected, onToggle, accessibilityLabel, selectedItemIds, selectionEnabled }: Props) => React.JSX.Element;
|
|
41
42
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClaimsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/claimsSelector/ClaimsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ClaimsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/claimsSelector/ClaimsSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAChC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,IAAI,GAAG;IACV,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,oHAS5B,KAAK,sBA+GP,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/searchInput/SearchInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAMN,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,qBAAqB,EAOrB,cAAc,EAEf,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAgC7C,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,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,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;AAEzB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,WAAW,yFAgPvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -180,11 +180,6 @@ export const IOButton = forwardRef<View, IOButtonProps>(
|
|
|
180
180
|
const ICON_MARGIN = 8;
|
|
181
181
|
const DISABLED_OPACITY = 0.5;
|
|
182
182
|
|
|
183
|
-
// Background color
|
|
184
|
-
const backgroundColor: ColorValue = disabled
|
|
185
|
-
? mapColorStates[color].background.disabled
|
|
186
|
-
: mapColorStates[color].background.default;
|
|
187
|
-
|
|
188
183
|
// Label & Icons colors
|
|
189
184
|
const foregroundColor: ColorValue = disabled
|
|
190
185
|
? mapColorStates[color]?.foreground?.disabled
|
|
@@ -325,12 +320,16 @@ export const IOButton = forwardRef<View, IOButtonProps>(
|
|
|
325
320
|
},
|
|
326
321
|
{
|
|
327
322
|
height: isLinkButton ? undefined : btnSizeDefault,
|
|
328
|
-
backgroundColor,
|
|
329
323
|
borderWidth: btnBorderWidth,
|
|
330
324
|
borderRadius: btnBorderRadius,
|
|
331
325
|
borderColor: foregroundColor
|
|
332
326
|
},
|
|
333
|
-
disabled
|
|
327
|
+
disabled
|
|
328
|
+
? {
|
|
329
|
+
opacity: DISABLED_OPACITY,
|
|
330
|
+
backgroundColor: mapColorStates[color].background.disabled
|
|
331
|
+
}
|
|
332
|
+
: {},
|
|
334
333
|
/* Prevent Reanimated from overriding background colors
|
|
335
334
|
if button is disabled */
|
|
336
335
|
!disabled && !reducedMotion && scaleAnimatedStyle,
|
|
@@ -63,7 +63,6 @@ exports[`Test Buttons Components IOButton Snapshot · Link variant 1`] = `
|
|
|
63
63
|
"paddingHorizontal": 0,
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
|
-
"backgroundColor": "transparent",
|
|
67
66
|
"borderColor": "#0B3EE3",
|
|
68
67
|
"borderRadius": 8,
|
|
69
68
|
"borderWidth": 0,
|
|
@@ -192,7 +191,6 @@ exports[`Test Buttons Components IOButton Snapshot · Outline variant 1`] = `
|
|
|
192
191
|
"paddingHorizontal": 24,
|
|
193
192
|
},
|
|
194
193
|
{
|
|
195
|
-
"backgroundColor": "rgba(9,50,182,0)",
|
|
196
194
|
"borderColor": "#0B3EE3",
|
|
197
195
|
"borderRadius": 8,
|
|
198
196
|
"borderWidth": 2,
|
|
@@ -324,7 +322,6 @@ exports[`Test Buttons Components IOButton Snapshot · Solid variant 1`] = `
|
|
|
324
322
|
"paddingHorizontal": 24,
|
|
325
323
|
},
|
|
326
324
|
{
|
|
327
|
-
"backgroundColor": "#0B3EE3",
|
|
328
325
|
"borderColor": "#FFFFFF",
|
|
329
326
|
"borderRadius": 8,
|
|
330
327
|
"borderWidth": 0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { Fragment } from "react";
|
|
2
|
-
import { StyleSheet, View } from "react-native";
|
|
2
|
+
import { Image, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated from "react-native-reanimated";
|
|
4
4
|
import { TouchableWithoutFeedback } from "react-native-gesture-handler";
|
|
5
5
|
import LinearGradient from "react-native-linear-gradient";
|
|
@@ -54,8 +54,9 @@ type Props = {
|
|
|
54
54
|
|
|
55
55
|
type Item = {
|
|
56
56
|
id: string;
|
|
57
|
-
|
|
57
|
+
value: string;
|
|
58
58
|
description: string;
|
|
59
|
+
type?: "text" | "image";
|
|
59
60
|
};
|
|
60
61
|
|
|
61
62
|
export const ClaimsSelector = ({
|
|
@@ -88,25 +89,47 @@ export const ClaimsSelector = ({
|
|
|
88
89
|
onToggle?.(!expanded);
|
|
89
90
|
};
|
|
90
91
|
|
|
91
|
-
const
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
{
|
|
95
|
-
<
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
92
|
+
const renderClaimItem = (item: Item, index: number) => {
|
|
93
|
+
const { id, value, description, type = "text" } = item;
|
|
94
|
+
return (
|
|
95
|
+
<Fragment key={id}>
|
|
96
|
+
{index !== 0 && <Divider />}
|
|
97
|
+
{
|
|
98
|
+
// We do not support checkbox selection for images, as it is not needed now
|
|
99
|
+
selectionEnabled && type === "text" ? (
|
|
100
|
+
<ListItemCheckbox
|
|
101
|
+
value={value}
|
|
102
|
+
description={description}
|
|
103
|
+
selected={selectedItemIds?.includes(id)}
|
|
104
|
+
onValueChange={
|
|
105
|
+
onItemSelected
|
|
106
|
+
? selected => onItemSelected(item, selected)
|
|
107
|
+
: undefined
|
|
108
|
+
}
|
|
109
|
+
/>
|
|
110
|
+
) : (
|
|
111
|
+
<ListItemInfo
|
|
112
|
+
value={
|
|
113
|
+
type === "image" ? (
|
|
114
|
+
<Image
|
|
115
|
+
source={{ uri: value }}
|
|
116
|
+
style={styles.imageClaim}
|
|
117
|
+
resizeMode="contain"
|
|
118
|
+
accessibilityIgnoresInvertColors
|
|
119
|
+
/>
|
|
120
|
+
) : (
|
|
121
|
+
value
|
|
122
|
+
)
|
|
123
|
+
}
|
|
124
|
+
label={description}
|
|
125
|
+
accessibilityRole={type}
|
|
126
|
+
reversed
|
|
127
|
+
/>
|
|
128
|
+
)
|
|
129
|
+
}
|
|
130
|
+
</Fragment>
|
|
131
|
+
);
|
|
132
|
+
};
|
|
110
133
|
|
|
111
134
|
return (
|
|
112
135
|
<View
|
|
@@ -141,7 +164,7 @@ export const ClaimsSelector = ({
|
|
|
141
164
|
style={[bodyInnerStyle, styles.bodyInnerContainer]}
|
|
142
165
|
onLayout={onBodyLayout}
|
|
143
166
|
>
|
|
144
|
-
{
|
|
167
|
+
{items.map(renderClaimItem)}
|
|
145
168
|
</View>
|
|
146
169
|
</Animated.View>
|
|
147
170
|
|
|
@@ -181,5 +204,9 @@ const styles = StyleSheet.create({
|
|
|
181
204
|
// Avoid gradient overlaps with border radius
|
|
182
205
|
left: accordionBodySpacing,
|
|
183
206
|
right: accordionBodySpacing
|
|
207
|
+
},
|
|
208
|
+
imageClaim: {
|
|
209
|
+
width: 160,
|
|
210
|
+
aspectRatio: 3 / 4
|
|
184
211
|
}
|
|
185
212
|
});
|
|
@@ -11,7 +11,7 @@ describe("ClaimsSelector", () => {
|
|
|
11
11
|
items={[
|
|
12
12
|
{
|
|
13
13
|
id: "name",
|
|
14
|
-
|
|
14
|
+
value: "Mario Rossi",
|
|
15
15
|
description: "Nome e cognome"
|
|
16
16
|
}
|
|
17
17
|
]}
|
|
@@ -27,7 +27,7 @@ describe("ClaimsSelector", () => {
|
|
|
27
27
|
items={[
|
|
28
28
|
{
|
|
29
29
|
id: "name",
|
|
30
|
-
|
|
30
|
+
value: "Mario Rossi",
|
|
31
31
|
description: "Nome e cognome"
|
|
32
32
|
}
|
|
33
33
|
]}
|
|
@@ -44,7 +44,7 @@ describe("ClaimsSelector", () => {
|
|
|
44
44
|
items={[
|
|
45
45
|
{
|
|
46
46
|
id: "name",
|
|
47
|
-
|
|
47
|
+
value: "Mario Rossi",
|
|
48
48
|
description: "Nome e cognome"
|
|
49
49
|
}
|
|
50
50
|
]}
|
|
@@ -52,4 +52,22 @@ describe("ClaimsSelector", () => {
|
|
|
52
52
|
);
|
|
53
53
|
expect(claimsSelector).toMatchSnapshot();
|
|
54
54
|
});
|
|
55
|
+
|
|
56
|
+
it("ClaimsSelector Snapshot (custom component)", () => {
|
|
57
|
+
const claimsSelector = TestRenderer.create(
|
|
58
|
+
<ClaimsSelector
|
|
59
|
+
title="Patente di guida"
|
|
60
|
+
selectionEnabled={false}
|
|
61
|
+
items={[
|
|
62
|
+
{
|
|
63
|
+
id: "name",
|
|
64
|
+
value: "data:image/png;base64,iVBORw0KGgoAAAANSUh",
|
|
65
|
+
description: "Nome e cognome",
|
|
66
|
+
type: "image"
|
|
67
|
+
}
|
|
68
|
+
]}
|
|
69
|
+
/>
|
|
70
|
+
);
|
|
71
|
+
expect(claimsSelector).toMatchSnapshot();
|
|
72
|
+
});
|
|
55
73
|
});
|