@pagopa/io-app-design-system 4.5.6 → 4.6.1
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/accordion/AccordionItem.js +20 -56
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js +119 -0
- package/lib/commonjs/components/claimsSelector/ClaimsSelector.js.map +1 -0
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js +46 -0
- package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/lib/commonjs/components/claimsSelector/index.js +17 -0
- package/lib/commonjs/components/claimsSelector/index.js.map +1 -0
- package/lib/commonjs/components/index.js +11 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +6 -2
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/commonjs/components/textInput/TextInputValidation.js +19 -7
- package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH1.js +1 -2
- package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH2.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/commonjs/components/typography/markdown/MdH3.js +2 -2
- package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +1 -1
- package/lib/commonjs/hooks/useAccordionAnimation.js +83 -0
- package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/accordion/AccordionItem.js +19 -52
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/claimsSelector/ClaimsSelector.js +109 -0
- package/lib/module/components/claimsSelector/ClaimsSelector.js.map +1 -0
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js +41 -0
- package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/lib/module/components/claimsSelector/index.js +2 -0
- package/lib/module/components/claimsSelector/index.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +6 -2
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/module/components/textInput/TextInputValidation.js +20 -8
- package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH1.js +1 -2
- package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH2.js +2 -2
- package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
- package/lib/module/components/typography/markdown/MdH3.js +2 -2
- package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
- package/lib/module/core/IOColors.js +1 -1
- package/lib/module/hooks/useAccordionAnimation.js +76 -0
- package/lib/module/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/accordion/AccordionItem.d.ts +0 -6
- package/lib/typescript/components/accordion/AccordionItem.d.ts.map +1 -1
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts +42 -0
- package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts.map +1 -0
- package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts +2 -0
- package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts.map +1 -0
- package/lib/typescript/components/claimsSelector/index.d.ts +2 -0
- package/lib/typescript/components/claimsSelector/index.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -1
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputValidation.d.ts +31 -4
- package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/hooks/useAccordionAnimation.d.ts +41 -0
- package/lib/typescript/hooks/useAccordionAnimation.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +21 -82
- package/src/components/claimsSelector/ClaimsSelector.tsx +185 -0
- package/src/components/claimsSelector/__test__/ClaimsSelector.test.tsx +55 -0
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
- package/src/components/claimsSelector/index.tsx +1 -0
- package/src/components/index.tsx +1 -0
- package/src/components/listitems/ListItemInfo.tsx +7 -2
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/src/components/textInput/TextInputValidation.tsx +140 -97
- package/src/components/typography/markdown/MdH1.tsx +1 -2
- package/src/components/typography/markdown/MdH2.tsx +2 -2
- package/src/components/typography/markdown/MdH3.tsx +2 -2
- package/src/core/IOColors.ts +1 -1
- package/src/hooks/useAccordionAnimation.tsx +106 -0
- package/src/index.tsx +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/claimsSelector/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB"}
|
|
@@ -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,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,WAAW;AACzB,cAAc,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,kBAAkB;AAChC,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,WAAW;AACzB,cAAc,cAAc"}
|
|
@@ -15,6 +15,7 @@ export const ListItemInfo = ({
|
|
|
15
15
|
label,
|
|
16
16
|
value,
|
|
17
17
|
numberOfLines = 2,
|
|
18
|
+
reversed = false,
|
|
18
19
|
icon,
|
|
19
20
|
paymentLogoIcon,
|
|
20
21
|
endElement,
|
|
@@ -40,14 +41,17 @@ export const ListItemInfo = ({
|
|
|
40
41
|
const componentValueToAccessibility = useMemo(() => typeof value === "string" ? value : "", [value]);
|
|
41
42
|
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ?? `${label}; ${componentValueToAccessibility}`, [label, componentValueToAccessibility, accessibilityLabel]);
|
|
42
43
|
const itemInfoTextComponent = useMemo(() => /*#__PURE__*/React.createElement(View, {
|
|
43
|
-
accessible: Platform.OS === "ios"
|
|
44
|
+
accessible: Platform.OS === "ios",
|
|
45
|
+
style: {
|
|
46
|
+
flexDirection: reversed ? "column-reverse" : "column"
|
|
47
|
+
}
|
|
44
48
|
}, /*#__PURE__*/React.createElement(BodySmall, {
|
|
45
49
|
weight: "Regular",
|
|
46
50
|
color: theme["textBody-tertiary"]
|
|
47
51
|
}, label), typeof value === "string" ? /*#__PURE__*/React.createElement(H6, {
|
|
48
52
|
color: theme["textBody-default"],
|
|
49
53
|
numberOfLines: numberOfLines
|
|
50
|
-
}, value) : value), [label, value, numberOfLines, theme]);
|
|
54
|
+
}, value) : value), [label, value, numberOfLines, theme, reversed]);
|
|
51
55
|
const listItemInfoAction = useCallback(() => {
|
|
52
56
|
if (endElement) {
|
|
53
57
|
const {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","BodySmall","H6","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","ListItemInfoContent","allowFontScaling","name","size","iconSize","brand","
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Platform","Pressable","View","Animated","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","useListItemAnimation","useIOFontDynamicScale","Badge","ButtonLink","IconButton","LogoPaymentWithFallback","Icon","BodySmall","H6","PAYMENT_LOGO_SIZE","ListItemInfo","label","value","numberOfLines","reversed","icon","paymentLogoIcon","endElement","accessibilityLabel","accessibilityRole","accessibilityActions","onAccessibilityAction","onLongPress","testID","theme","dynamicFontScale","spacingScaleMultiplier","hugeFontEnabled","onPressIn","onPressOut","scaleAnimatedStyle","backgroundAnimatedStyle","componentValueToAccessibility","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","OS","style","flexDirection","weight","color","listItemInfoAction","type","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","ListItemInfoContent","allowFontScaling","name","size","iconSize","brand","flex","onTouchEnd","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
|
|
@@ -239,6 +239,11 @@ exports[`Test List Item Components - Experimental Enabled ListItemInfo Snapshot
|
|
|
239
239
|
>
|
|
240
240
|
<View
|
|
241
241
|
accessible={true}
|
|
242
|
+
style={
|
|
243
|
+
{
|
|
244
|
+
"flexDirection": "column",
|
|
245
|
+
}
|
|
246
|
+
}
|
|
242
247
|
>
|
|
243
248
|
<Text
|
|
244
249
|
allowFontScaling={true}
|
|
@@ -1909,6 +1914,11 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
|
|
|
1909
1914
|
>
|
|
1910
1915
|
<View
|
|
1911
1916
|
accessible={true}
|
|
1917
|
+
style={
|
|
1918
|
+
{
|
|
1919
|
+
"flexDirection": "column",
|
|
1920
|
+
}
|
|
1921
|
+
}
|
|
1912
1922
|
>
|
|
1913
1923
|
<Text
|
|
1914
1924
|
allowFontScaling={true}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
import { useCallback, useMemo, useState } from "react";
|
|
3
|
+
import { useCallback, useMemo, useState, forwardRef, useImperativeHandle } from "react";
|
|
4
4
|
import { AccessibilityInfo, View } from "react-native";
|
|
5
5
|
import Animated from "react-native-reanimated";
|
|
6
6
|
import { useIOTheme } from "../../core";
|
|
@@ -12,15 +12,17 @@ function isValidationWithOptions(validation) {
|
|
|
12
12
|
return typeof validation === "object" && "isValid" in validation && "errorMessage" in validation;
|
|
13
13
|
}
|
|
14
14
|
const feedbackIconSize = 24;
|
|
15
|
-
export const TextInputValidation = ({
|
|
15
|
+
export const TextInputValidation = /*#__PURE__*/forwardRef(({
|
|
16
16
|
onValidate,
|
|
17
17
|
errorMessage,
|
|
18
18
|
value,
|
|
19
19
|
bottomMessage,
|
|
20
20
|
onBlur,
|
|
21
21
|
onFocus,
|
|
22
|
+
validationMode = "onBlur",
|
|
23
|
+
accessibilityErrorLabel,
|
|
22
24
|
...props
|
|
23
|
-
}) => {
|
|
25
|
+
}, ref) => {
|
|
24
26
|
const theme = useIOTheme();
|
|
25
27
|
const [isValid, setIsValid] = useState(undefined);
|
|
26
28
|
const [errMessage, setErrMessage] = useState(errorMessage);
|
|
@@ -29,22 +31,32 @@ export const TextInputValidation = ({
|
|
|
29
31
|
setErrMessage(message);
|
|
30
32
|
if (!isValid) {
|
|
31
33
|
triggerHaptic("notificationError");
|
|
32
|
-
AccessibilityInfo.announceForAccessibilityWithOptions(message, {
|
|
34
|
+
AccessibilityInfo.announceForAccessibilityWithOptions(accessibilityErrorLabel ?? message, {
|
|
33
35
|
queue: true
|
|
34
36
|
});
|
|
35
37
|
} else {
|
|
36
38
|
triggerHaptic("notificationSuccess");
|
|
37
39
|
}
|
|
38
|
-
}, []);
|
|
39
|
-
const
|
|
40
|
+
}, [accessibilityErrorLabel]);
|
|
41
|
+
const validateInput = useCallback(() => {
|
|
40
42
|
const validation = onValidate(value);
|
|
41
43
|
if (isValidationWithOptions(validation)) {
|
|
42
44
|
getErrorFeedback(validation.isValid, validation.errorMessage);
|
|
43
45
|
} else {
|
|
44
46
|
getErrorFeedback(validation, errorMessage);
|
|
45
47
|
}
|
|
48
|
+
}, [value, errorMessage, onValidate, getErrorFeedback]);
|
|
49
|
+
|
|
50
|
+
// Expose the validateInput function to the parent component
|
|
51
|
+
useImperativeHandle(ref, () => ({
|
|
52
|
+
validateInput
|
|
53
|
+
}));
|
|
54
|
+
const onBlurHandler = useCallback(() => {
|
|
55
|
+
if (validationMode === "onBlur") {
|
|
56
|
+
validateInput();
|
|
57
|
+
}
|
|
46
58
|
onBlur === null || onBlur === void 0 || onBlur();
|
|
47
|
-
}, [
|
|
59
|
+
}, [validationMode, validateInput, onBlur]);
|
|
48
60
|
const onFocusHandler = useCallback(() => {
|
|
49
61
|
setIsValid(undefined);
|
|
50
62
|
onFocus === null || onFocus === void 0 || onFocus();
|
|
@@ -86,6 +98,6 @@ export const TextInputValidation = ({
|
|
|
86
98
|
onBlur: onBlurHandler,
|
|
87
99
|
onFocus: onFocusHandler
|
|
88
100
|
}));
|
|
89
|
-
};
|
|
101
|
+
});
|
|
90
102
|
export default TextInputValidation;
|
|
91
103
|
//# sourceMappingURL=TextInputValidation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useState","AccessibilityInfo","View","Animated","useIOTheme","enterTransitionInputIcon","exitTransitionInputIcon","triggerHaptic","Icon","TextInputBase","isValidationWithOptions","validation","feedbackIconSize","TextInputValidation","onValidate","errorMessage","value","bottomMessage","onBlur","onFocus","props","theme","isValid","setIsValid","undefined","errMessage","setErrMessage","getErrorFeedback","message","announceForAccessibilityWithOptions","queue","onBlurHandler","onFocusHandler","labelError","labelErrorColor","errorText","feedbackIconAttrMap","valid","name","color","successIcon","notValid","errorIcon","feedbackIcon","validationStatus","createElement","entering","exiting","size","style","width","height","_extends","status","bottomMessageColor","rightElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputValidation.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useState","forwardRef","useImperativeHandle","AccessibilityInfo","View","Animated","useIOTheme","enterTransitionInputIcon","exitTransitionInputIcon","triggerHaptic","Icon","TextInputBase","isValidationWithOptions","validation","feedbackIconSize","TextInputValidation","onValidate","errorMessage","value","bottomMessage","onBlur","onFocus","validationMode","accessibilityErrorLabel","props","ref","theme","isValid","setIsValid","undefined","errMessage","setErrMessage","getErrorFeedback","message","announceForAccessibilityWithOptions","queue","validateInput","onBlurHandler","onFocusHandler","labelError","labelErrorColor","errorText","feedbackIconAttrMap","valid","name","color","successIcon","notValid","errorIcon","feedbackIcon","validationStatus","createElement","entering","exiting","size","style","width","height","_extends","status","bottomMessageColor","rightElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputValidation.tsx"],"mappings":"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"}
|
|
@@ -6,7 +6,6 @@ import { IOText } from "../IOText";
|
|
|
6
6
|
/**
|
|
7
7
|
* `MdH1` typographic style
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
export const MdH1 = /*#__PURE__*/forwardRef(({
|
|
11
10
|
color: customColor,
|
|
12
11
|
...props
|
|
@@ -21,7 +20,7 @@ export const MdH1 = /*#__PURE__*/forwardRef(({
|
|
|
21
20
|
weight: "Semibold",
|
|
22
21
|
size: 20,
|
|
23
22
|
lineHeight: 24,
|
|
24
|
-
color: customColor ?? theme["textHeading-
|
|
23
|
+
color: customColor ?? theme["textHeading-default"]
|
|
25
24
|
};
|
|
26
25
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
27
26
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH1","color","customColor","props","ref","theme","isExperimental","MdH1Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH1.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH1","color","customColor","props","ref","theme","isExperimental","MdH1Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH1.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAC5B,CAAC;EAAEK,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEQ;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,MAAMU,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAG,UAAU,GAAG,kBAAkB;IACtDG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -18,9 +18,9 @@ export const MdH2 = /*#__PURE__*/forwardRef(({
|
|
|
18
18
|
...props,
|
|
19
19
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
20
20
|
weight: "Semibold",
|
|
21
|
-
size:
|
|
21
|
+
size: 18,
|
|
22
22
|
lineHeight: 24,
|
|
23
|
-
color: customColor ?? theme["textHeading-
|
|
23
|
+
color: customColor ?? theme["textHeading-default"]
|
|
24
24
|
};
|
|
25
25
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
26
26
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH2","color","customColor","props","ref","theme","isExperimental","MdH2Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH2.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAC5B,CAAC;EAAEK,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEQ;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,MAAMU,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAG,UAAU,GAAG,kBAAkB;IACtDG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH2","color","customColor","props","ref","theme","isExperimental","MdH2Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH2.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAC5B,CAAC;EAAEK,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEQ;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,MAAMU,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAG,UAAU,GAAG,kBAAkB;IACtDG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -17,10 +17,10 @@ export const MdH3 = /*#__PURE__*/forwardRef(({
|
|
|
17
17
|
const MdH3Props = {
|
|
18
18
|
...props,
|
|
19
19
|
font: isExperimental ? "Titillio" : "TitilliumSansPro",
|
|
20
|
-
weight: "
|
|
20
|
+
weight: "Semibold",
|
|
21
21
|
size: 16,
|
|
22
22
|
lineHeight: 24,
|
|
23
|
-
color: customColor ?? theme["textHeading-
|
|
23
|
+
color: customColor ?? theme["textHeading-default"]
|
|
24
24
|
};
|
|
25
25
|
return /*#__PURE__*/React.createElement(IOText, _extends({
|
|
26
26
|
ref: ref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH3","color","customColor","props","ref","theme","isExperimental","MdH3Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH3.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAC5B,CAAC;EAAEK,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEQ;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,MAAMU,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAG,UAAU,GAAG,kBAAkB;IACtDG,MAAM,EAAE,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useIOExperimentalDesign","useIOTheme","IOText","MdH3","color","customColor","props","ref","theme","isExperimental","MdH3Props","font","weight","size","lineHeight","createElement","_extends","children"],"sourceRoot":"../../../../../src","sources":["components/typography/markdown/MdH3.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO;AAEvD,SAASC,uBAAuB,EAAEC,UAAU,QAAQ,eAAe;AACnE,SAASC,MAAM,QAA4C,WAAW;;AAEtE;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGJ,UAAU,CAC5B,CAAC;EAAEK,KAAK,EAAEC,WAAW;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAwB,KAAK;EAC9D,MAAMC,KAAK,GAAGP,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAEQ;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,MAAMU,SAAsB,GAAG;IAC7B,GAAGJ,KAAK;IACRK,IAAI,EAAEF,cAAc,GAAG,UAAU,GAAG,kBAAkB;IACtDG,MAAM,EAAE,UAAU;IAClBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,qBAAqB;EACnD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
|
|
@@ -289,7 +289,7 @@ export const IOThemeDark = {
|
|
|
289
289
|
"textHeading-tertiary": "grey-450",
|
|
290
290
|
"textBody-default": "white",
|
|
291
291
|
"textBody-secondary": "grey-100",
|
|
292
|
-
"textBody-tertiary": "grey-
|
|
292
|
+
"textBody-tertiary": "grey-300",
|
|
293
293
|
// Design System related
|
|
294
294
|
"cardBorder-default": "grey-850",
|
|
295
295
|
"icon-default": "grey-450",
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { useCallback, useState } from "react";
|
|
2
|
+
import { StyleSheet } from "react-native";
|
|
3
|
+
import { useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
+
import { IOSpringValues } from "../core";
|
|
5
|
+
const accordionBodySpacing = 16;
|
|
6
|
+
export const useAccordionAnimation = ({
|
|
7
|
+
defaultExpanded = false
|
|
8
|
+
} = {}) => {
|
|
9
|
+
const [expanded, setExpanded] = useState(defaultExpanded);
|
|
10
|
+
// Disable animation when starting expanded
|
|
11
|
+
const animationEnabled = useSharedValue(!defaultExpanded);
|
|
12
|
+
const bodyHeight = useSharedValue(0);
|
|
13
|
+
const toggleAccordion = useCallback(() => {
|
|
14
|
+
// Re-enable animation when the user interacts with the accordion
|
|
15
|
+
animationEnabled.value = true; // eslint-disable-line functional/immutable-data
|
|
16
|
+
setExpanded(expanded => !expanded);
|
|
17
|
+
}, [animationEnabled]);
|
|
18
|
+
const iconAnimatedStyle = useAnimatedStyle(() => ({
|
|
19
|
+
transform: [{
|
|
20
|
+
rotate: withSpring(expanded ? "180deg" : "0deg", IOSpringValues.accordion)
|
|
21
|
+
}]
|
|
22
|
+
}), [expanded]);
|
|
23
|
+
|
|
24
|
+
// The code below is a re-adaptation of Dima Portenko's code:
|
|
25
|
+
// https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
|
|
26
|
+
const onBodyLayout = useCallback(event => {
|
|
27
|
+
const {
|
|
28
|
+
height: onLayoutHeight
|
|
29
|
+
} = event.nativeEvent.layout;
|
|
30
|
+
if (onLayoutHeight > 0 && bodyHeight.value !== onLayoutHeight) {
|
|
31
|
+
bodyHeight.value = onLayoutHeight; // eslint-disable-line functional/immutable-data
|
|
32
|
+
}
|
|
33
|
+
}, [bodyHeight]);
|
|
34
|
+
const bodyAnimatedHeight = useAnimatedStyle(() => {
|
|
35
|
+
const nextHeight = expanded ? bodyHeight.value : 0;
|
|
36
|
+
return {
|
|
37
|
+
height: animationEnabled.value ? withSpring(nextHeight, IOSpringValues.accordion) : nextHeight
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
const bodyAnimatedStyle = [bodyAnimatedHeight, styles.accordionCollapsableContainer];
|
|
41
|
+
const bodyInnerStyle = styles.accordionBodyContainer;
|
|
42
|
+
return {
|
|
43
|
+
expanded,
|
|
44
|
+
/**
|
|
45
|
+
* Toggle the accordion expanded/collapsed state.
|
|
46
|
+
*/
|
|
47
|
+
toggleAccordion,
|
|
48
|
+
/**
|
|
49
|
+
* The style to apply to the accordion icon.
|
|
50
|
+
*/
|
|
51
|
+
iconAnimatedStyle,
|
|
52
|
+
/**
|
|
53
|
+
* Callback to execute on the body's inner container layout.
|
|
54
|
+
*/
|
|
55
|
+
onBodyLayout,
|
|
56
|
+
/**
|
|
57
|
+
* The animated style to apply to the collapsible body container – it must be an `Animated.View`.
|
|
58
|
+
*/
|
|
59
|
+
bodyAnimatedStyle,
|
|
60
|
+
/**
|
|
61
|
+
* The style to apply to the inner body container.
|
|
62
|
+
*/
|
|
63
|
+
bodyInnerStyle
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
const styles = StyleSheet.create({
|
|
67
|
+
accordionCollapsableContainer: {
|
|
68
|
+
overflow: "hidden"
|
|
69
|
+
},
|
|
70
|
+
accordionBodyContainer: {
|
|
71
|
+
position: "absolute",
|
|
72
|
+
padding: accordionBodySpacing,
|
|
73
|
+
paddingTop: 0
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=useAccordionAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useState","StyleSheet","useAnimatedStyle","useSharedValue","withSpring","IOSpringValues","accordionBodySpacing","useAccordionAnimation","defaultExpanded","expanded","setExpanded","animationEnabled","bodyHeight","toggleAccordion","value","iconAnimatedStyle","transform","rotate","accordion","onBodyLayout","event","height","onLayoutHeight","nativeEvent","layout","bodyAnimatedHeight","nextHeight","bodyAnimatedStyle","styles","accordionCollapsableContainer","bodyInnerStyle","accordionBodyContainer","create","overflow","position","padding","paddingTop"],"sourceRoot":"../../../src","sources":["hooks/useAccordionAnimation.tsx"],"mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AAC7C,SAASC,UAAU,QAAgC,cAAc;AACjE,SACEC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAAyBC,cAAc,QAAQ,SAAS;AAExD,MAAMC,oBAAoC,GAAG,EAAE;AAM/C,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EACpCC,eAAe,GAAG;AACZ,CAAC,GAAG,CAAC,CAAC,KAAK;EACjB,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGV,QAAQ,CAACQ,eAAe,CAAC;EACzD;EACA,MAAMG,gBAAgB,GAAGR,cAAc,CAAC,CAACK,eAAe,CAAC;EACzD,MAAMI,UAAU,GAAGT,cAAc,CAAC,CAAC,CAAC;EAEpC,MAAMU,eAAe,GAAGd,WAAW,CAAC,MAAM;IACxC;IACAY,gBAAgB,CAACG,KAAK,GAAG,IAAI,CAAC,CAAC;IAC/BJ,WAAW,CAACD,QAAQ,IAAI,CAACA,QAAQ,CAAC;EACpC,CAAC,EAAE,CAACE,gBAAgB,CAAC,CAAC;EAEtB,MAAMI,iBAAiB,GAAGb,gBAAgB,CACxC,OAAO;IACLc,SAAS,EAAE,CACT;MACEC,MAAM,EAAEb,UAAU,CAChBK,QAAQ,GAAG,QAAQ,GAAG,MAAM,EAC5BJ,cAAc,CAACa,SACjB;IACF,CAAC;EAEL,CAAC,CAAC,EACF,CAACT,QAAQ,CACX,CAAC;;EAED;EACA;EACA,MAAMU,YAAY,GAAGpB,WAAW,CAC7BqB,KAAwB,IAAK;IAC5B,MAAM;MAAEC,MAAM,EAAEC;IAAe,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAE3D,IAAIF,cAAc,GAAG,CAAC,IAAIV,UAAU,CAACE,KAAK,KAAKQ,cAAc,EAAE;MAC7DV,UAAU,CAACE,KAAK,GAAGQ,cAAc,CAAC,CAAC;IACrC;EACF,CAAC,EACD,CAACV,UAAU,CACb,CAAC;EAED,MAAMa,kBAAkB,GAAGvB,gBAAgB,CAAC,MAAM;IAChD,MAAMwB,UAAU,GAAGjB,QAAQ,GAAGG,UAAU,CAACE,KAAK,GAAG,CAAC;IAClD,OAAO;MACLO,MAAM,EAAEV,gBAAgB,CAACG,KAAK,GAC1BV,UAAU,CAACsB,UAAU,EAAErB,cAAc,CAACa,SAAS,CAAC,GAChDQ;IACN,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAG,CACxBF,kBAAkB,EAClBG,MAAM,CAACC,6BAA6B,CACrC;EACD,MAAMC,cAAc,GAAGF,MAAM,CAACG,sBAAsB;EAEpD,OAAO;IACLtB,QAAQ;IACR;AACJ;AACA;IACII,eAAe;IACf;AACJ;AACA;IACIE,iBAAiB;IACjB;AACJ;AACA;IACII,YAAY;IACZ;AACJ;AACA;IACIQ,iBAAiB;IACjB;AACJ;AACA;IACIG;EACF,CAAC;AACH,CAAC;AAED,MAAMF,MAAM,GAAG3B,UAAU,CAAC+B,MAAM,CAAC;EAC/BH,6BAA6B,EAAE;IAC7BI,QAAQ,EAAE;EACZ,CAAC;EACDF,sBAAsB,EAAE;IACtBG,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE7B,oBAAoB;IAC7B8B,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}
|
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,eAAe"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,uBAAuB;AACrC,cAAc,eAAe"}
|
|
@@ -6,11 +6,5 @@ export type AccordionItem = {
|
|
|
6
6
|
accessibilityLabel?: string;
|
|
7
7
|
icon?: IOIcons;
|
|
8
8
|
};
|
|
9
|
-
type AccordionBody = {
|
|
10
|
-
children: React.ReactNode;
|
|
11
|
-
expanded: boolean;
|
|
12
|
-
};
|
|
13
|
-
export declare const AccordionBody: ({ children, expanded }: AccordionBody) => React.JSX.Element;
|
|
14
9
|
export declare const AccordionItem: ({ title, accessibilityLabel, body, icon }: AccordionItem) => React.JSX.Element;
|
|
15
|
-
export {};
|
|
16
10
|
//# sourceMappingURL=AccordionItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAmB,OAAO,EAAQ,MAAM,eAAe,CAAC;AAG/D,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AASF,eAAO,MAAM,aAAa,8CAKvB,aAAa,sBA4Ff,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type Props = {
|
|
3
|
+
/**
|
|
4
|
+
* The accordion title.
|
|
5
|
+
*/
|
|
6
|
+
title: string;
|
|
7
|
+
/**
|
|
8
|
+
* The list of items to display within the accordion.
|
|
9
|
+
*/
|
|
10
|
+
items: Array<Item>;
|
|
11
|
+
/**
|
|
12
|
+
* Enable the selection of items with a checkbox.
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
15
|
+
selectionEnabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* The IDs of the selected items, when the component is controlled.
|
|
18
|
+
*/
|
|
19
|
+
selectedItemIds?: Array<string>;
|
|
20
|
+
/**
|
|
21
|
+
* Whether the accordion starts expanded.
|
|
22
|
+
* @default false
|
|
23
|
+
*/
|
|
24
|
+
defaultExpanded?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Function called when a item is selected.
|
|
27
|
+
*/
|
|
28
|
+
onItemSelected?: (item: Item, selected: boolean) => void;
|
|
29
|
+
/**
|
|
30
|
+
* Function called when the accordion is toggled to collapsed or expanded state.
|
|
31
|
+
*/
|
|
32
|
+
onToggle?: (expanded: boolean) => void;
|
|
33
|
+
accessibilityLabel?: string;
|
|
34
|
+
};
|
|
35
|
+
type Item = {
|
|
36
|
+
id: string;
|
|
37
|
+
title: string;
|
|
38
|
+
description: string;
|
|
39
|
+
};
|
|
40
|
+
export declare const ClaimsSelector: ({ title, items, defaultExpanded, onItemSelected, onToggle, accessibilityLabel, selectedItemIds, selectionEnabled }: Props) => React.JSX.Element;
|
|
41
|
+
export {};
|
|
42
|
+
//# sourceMappingURL=ClaimsSelector.d.ts.map
|
|
@@ -0,0 +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;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,uHASxB,KAAK,sBAyFP,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClaimsSelector.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/claimsSelector/__test__/ClaimsSelector.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/claimsSelector/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -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,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,WAAW,CAAC;AAC1B,cAAc,cAAc,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,kBAAkB,CAAC;AACjC,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,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
|
|
@@ -33,7 +33,8 @@ export type ListItemInfo = WithTestID<{
|
|
|
33
33
|
endElement?: EndElementProps;
|
|
34
34
|
accessibilityLabel?: string;
|
|
35
35
|
accessibilityRole?: AccessibilityRole;
|
|
36
|
+
reversed?: boolean;
|
|
36
37
|
}> & GraphicProps & InteractiveProps;
|
|
37
|
-
export declare const ListItemInfo: ({ label, value, numberOfLines, icon, paymentLogoIcon, endElement, accessibilityLabel, accessibilityRole, accessibilityActions, onAccessibilityAction, onLongPress, testID }: ListItemInfo) => React.JSX.Element;
|
|
38
|
+
export declare const ListItemInfo: ({ label, value, numberOfLines, reversed, icon, paymentLogoIcon, endElement, accessibilityLabel, accessibilityRole, accessibilityActions, onAccessibilityAction, onLongPress, testID }: ListItemInfo) => React.JSX.Element;
|
|
38
39
|
export default ListItemInfo;
|
|
39
40
|
//# sourceMappingURL=ListItemInfo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAY,SAAS,EAAQ,MAAM,cAAc,CAAC;AAU5E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAmB,OAAO,EAAQ,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,KAAK,YAAY,GACb;IACE,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEN,KAAK,gBAAgB,GAAG,IAAI,CAC1B,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,aAAa,GAAG,sBAAsB,GAAG,uBAAuB,CACjE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,UAAU,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,GACA,YAAY,GACZ,gBAAgB,CAAC;AAInB,eAAO,MAAM,YAAY,0LActB,YAAY,sBAwJd,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,10 +1,28 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { TextInputBase } from "./TextInputBase";
|
|
3
2
|
export type ValidationWithOptions = {
|
|
4
3
|
isValid: boolean;
|
|
5
4
|
errorMessage: string;
|
|
6
5
|
};
|
|
7
|
-
|
|
6
|
+
export declare const TextInputValidation: React.ForwardRefExoticComponent<Omit<{
|
|
7
|
+
placeholder: string;
|
|
8
|
+
value: string;
|
|
9
|
+
onChangeText: (value: string) => void;
|
|
10
|
+
accessibilityLabel?: string | undefined;
|
|
11
|
+
accessibilityHint?: string | undefined;
|
|
12
|
+
textInputProps?: import("../../utils/textInput").RNTextInputProps | undefined;
|
|
13
|
+
inputType?: import("../..").InputType | undefined;
|
|
14
|
+
status?: ("disabled" | "error" | "initial" | "focused") | undefined;
|
|
15
|
+
icon?: "code" | "option" | "change" | "search" | "light" | "key" | "spid" | "cie" | "cieLetter" | "qrCode" | "bell" | "website" | "abacus" | "home" | "homeFill" | "copy" | "selfCert" | "institution" | "merchant" | "hourglass" | "shareiOs" | "shareAndroid" | "filterOniOS" | "filterOffiOS" | "filterAndroid" | "locked" | "unlocked" | "initiatives" | "analytics" | "fornitori" | "eyeShow" | "eyeHide" | "pinOff" | "pinOn" | "emojiSad" | "emojiHappy" | "phone" | "email" | "emailFill" | "pec" | "messageLegal" | "message" | "chat" | "archive" | "archiveFilled" | "inbox" | "inboxFilled" | "security" | "docGiacenza" | "docPaymentTitle" | "docPaymentCode" | "docAttach" | "docAttachPDF" | "folder" | "receiptOn" | "receiptOff" | "notes" | "attachment" | "print" | "add" | "addSmall" | "success" | "ok" | "fiscalCodeIndividual" | "entityCode" | "creditCard" | "creditCardOff" | "creditCardFilled" | "bonus" | "bonusFilled" | "transactionsBoxed" | "transactions" | "amount" | "psp" | "mapPin" | "locationiOS" | "locationiOSFilled" | "locationAndroid" | "coggle" | "warningFilled" | "notice" | "noticeFilled" | "noticePlain" | "info" | "infoFilled" | "canceled" | "errorFilled" | "legalValue" | "refund" | "reload" | "history" | "edit" | "battery" | "trashcan" | "calendar" | "profile" | "familySharing" | "lightbulb" | "magicWand" | "sparkles" | "starEmpty" | "starFilled" | "starOff" | "heartEmpty" | "heartFilled" | "heartOff" | "switchOff" | "switchCard" | "fingerprint" | "touch" | "device" | "deviceVibration" | "contactless" | "signal" | "notification" | "keyboard" | "keyboardDown" | "dotMenu" | "barcode" | "save" | "login" | "logout" | "ladybug" | "tag" | "gallery" | "externalLink" | "externalLinkSmall" | "forward" | "cancel" | "compare" | "instruction" | "terms" | "help" | "accessibility" | "car" | "healthCard" | "chevronRight" | "chevronLeft" | "chevronBottom" | "chevronTop" | "chevronRightListItem" | "closeLarge" | "closeMedium" | "closeSmall" | "arrowBottom" | "arrowLeft" | "arrowTop" | "arrowRight" | "backiOS" | "backAndroid" | "checkTick" | "checkTickBig" | "read" | "lightFilled" | "navMessages" | "navMessagesFocused" | "navWallet" | "navWalletFocused" | "navQrWallet" | "navScan" | "navServices" | "navServicesFocused" | "navProfile" | "navProfileFocused" | "navPsp" | "legRadioOn" | "legRadioOff" | "legCheckOn" | "legCheckOff" | "biomFingerprint" | "biomFaceID" | "categCulture" | "categWellness" | "categLearning" | "categSport" | "categHome" | "categTelco" | "categFinance" | "categTravel" | "categMobility" | "categJobOffers" | "categShopping" | "categSustainability" | "productIOApp" | "productPagoPA" | "productIOAppBlueBg" | "systemSettingsAndroid" | "systemSettingsiOS" | "systemToggleInstructions" | "systemAppsAndroid" | "systemNotificationsInstructions" | "systemPermissionsAndroid" | "systemLocationiOS" | "systemPhotosiOS" | "systemPrivacyiOS" | "systemBiometricRecognitionOS" | "systemNFC" | "systemPasswordAndroid" | "systemPasswordiOS" | undefined;
|
|
16
|
+
rightElement?: React.ReactNode;
|
|
17
|
+
counterLimit?: number | undefined;
|
|
18
|
+
bottomMessage?: string | undefined;
|
|
19
|
+
bottomMessageColor?: "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-400" | "blueIO-300" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-300" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-500" | "blue-50" | undefined;
|
|
20
|
+
disabled?: boolean | undefined;
|
|
21
|
+
isPassword?: boolean | undefined;
|
|
22
|
+
onBlur?: (() => void) | undefined;
|
|
23
|
+
onFocus?: (() => void) | undefined;
|
|
24
|
+
autoFocus?: boolean | undefined;
|
|
25
|
+
} & import("../..").TestID, "status" | "rightElement" | "bottomMessageColor" | "isPassword"> & {
|
|
8
26
|
/**
|
|
9
27
|
* This function can return either a `boolean` or a `ValidationWithOptions` object.
|
|
10
28
|
* If a `boolean` is returned and the field is not valid, the value of the errorMessage prop will be displayed/announced.
|
|
@@ -15,7 +33,16 @@ type TextInputValidationProps = Omit<React.ComponentProps<typeof TextInputBase>,
|
|
|
15
33
|
* In case of a dynamic `errorMessage`, use the `onValidate` function with a `ValidationWithOptions` object as the return value to ensure that screen readers announce the correct value.
|
|
16
34
|
*/
|
|
17
35
|
errorMessage: string;
|
|
18
|
-
|
|
19
|
-
|
|
36
|
+
/**
|
|
37
|
+
* Determines the validation mode. If "onBlur", validation occurs on blur. If "onContinue", validation occurs when an external button is pressed.
|
|
38
|
+
*/
|
|
39
|
+
validationMode?: "onBlur" | "onContinue" | undefined;
|
|
40
|
+
/**
|
|
41
|
+
* A string that will be read by screen readers when the field is not valid.
|
|
42
|
+
*/
|
|
43
|
+
accessibilityErrorLabel?: string | undefined;
|
|
44
|
+
} & React.RefAttributes<{
|
|
45
|
+
validateInput: () => void;
|
|
46
|
+
}>>;
|
|
20
47
|
export default TextInputValidation;
|
|
21
48
|
//# sourceMappingURL=TextInputValidation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInputValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInputValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,MAAM,MAAM,qBAAqB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAsC/E,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;IAhC9B;;;;OAIG;gBACS,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,qBAAqB;IAC9D;;OAEG;kBACW,MAAM;IACpB;;OAEG;;IAEH;;OAEG;;;mBAkBc,MAAM,IAAI;GAgI5B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MdH1.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;
|
|
1
|
+
{"version":3,"file":"MdH1.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/markdown/MdH1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAU,WAAW,EAAyB,MAAM,WAAW,CAAC;AAEvE;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;8BAoBhB,CAAC"}
|