@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.
Files changed (89) hide show
  1. package/lib/commonjs/components/accordion/AccordionItem.js +20 -56
  2. package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
  3. package/lib/commonjs/components/claimsSelector/ClaimsSelector.js +119 -0
  4. package/lib/commonjs/components/claimsSelector/ClaimsSelector.js.map +1 -0
  5. package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js +46 -0
  6. package/lib/commonjs/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
  7. package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
  8. package/lib/commonjs/components/claimsSelector/index.js +17 -0
  9. package/lib/commonjs/components/claimsSelector/index.js.map +1 -0
  10. package/lib/commonjs/components/index.js +11 -0
  11. package/lib/commonjs/components/index.js.map +1 -1
  12. package/lib/commonjs/components/listitems/ListItemInfo.js +6 -2
  13. package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
  14. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
  15. package/lib/commonjs/components/textInput/TextInputValidation.js +19 -7
  16. package/lib/commonjs/components/textInput/TextInputValidation.js.map +1 -1
  17. package/lib/commonjs/components/typography/markdown/MdH1.js +1 -2
  18. package/lib/commonjs/components/typography/markdown/MdH1.js.map +1 -1
  19. package/lib/commonjs/components/typography/markdown/MdH2.js +2 -2
  20. package/lib/commonjs/components/typography/markdown/MdH2.js.map +1 -1
  21. package/lib/commonjs/components/typography/markdown/MdH3.js +2 -2
  22. package/lib/commonjs/components/typography/markdown/MdH3.js.map +1 -1
  23. package/lib/commonjs/core/IOColors.js +1 -1
  24. package/lib/commonjs/hooks/useAccordionAnimation.js +83 -0
  25. package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -0
  26. package/lib/commonjs/index.js +11 -0
  27. package/lib/commonjs/index.js.map +1 -1
  28. package/lib/module/components/accordion/AccordionItem.js +19 -52
  29. package/lib/module/components/accordion/AccordionItem.js.map +1 -1
  30. package/lib/module/components/claimsSelector/ClaimsSelector.js +109 -0
  31. package/lib/module/components/claimsSelector/ClaimsSelector.js.map +1 -0
  32. package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js +41 -0
  33. package/lib/module/components/claimsSelector/__test__/ClaimsSelector.test.js.map +1 -0
  34. package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
  35. package/lib/module/components/claimsSelector/index.js +2 -0
  36. package/lib/module/components/claimsSelector/index.js.map +1 -0
  37. package/lib/module/components/index.js +1 -0
  38. package/lib/module/components/index.js.map +1 -1
  39. package/lib/module/components/listitems/ListItemInfo.js +6 -2
  40. package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
  41. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
  42. package/lib/module/components/textInput/TextInputValidation.js +20 -8
  43. package/lib/module/components/textInput/TextInputValidation.js.map +1 -1
  44. package/lib/module/components/typography/markdown/MdH1.js +1 -2
  45. package/lib/module/components/typography/markdown/MdH1.js.map +1 -1
  46. package/lib/module/components/typography/markdown/MdH2.js +2 -2
  47. package/lib/module/components/typography/markdown/MdH2.js.map +1 -1
  48. package/lib/module/components/typography/markdown/MdH3.js +2 -2
  49. package/lib/module/components/typography/markdown/MdH3.js.map +1 -1
  50. package/lib/module/core/IOColors.js +1 -1
  51. package/lib/module/hooks/useAccordionAnimation.js +76 -0
  52. package/lib/module/hooks/useAccordionAnimation.js.map +1 -0
  53. package/lib/module/index.js +1 -0
  54. package/lib/module/index.js.map +1 -1
  55. package/lib/typescript/components/accordion/AccordionItem.d.ts +0 -6
  56. package/lib/typescript/components/accordion/AccordionItem.d.ts.map +1 -1
  57. package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts +42 -0
  58. package/lib/typescript/components/claimsSelector/ClaimsSelector.d.ts.map +1 -0
  59. package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts +2 -0
  60. package/lib/typescript/components/claimsSelector/__test__/ClaimsSelector.test.d.ts.map +1 -0
  61. package/lib/typescript/components/claimsSelector/index.d.ts +2 -0
  62. package/lib/typescript/components/claimsSelector/index.d.ts.map +1 -0
  63. package/lib/typescript/components/index.d.ts +1 -0
  64. package/lib/typescript/components/index.d.ts.map +1 -1
  65. package/lib/typescript/components/listitems/ListItemInfo.d.ts +2 -1
  66. package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
  67. package/lib/typescript/components/textInput/TextInputValidation.d.ts +31 -4
  68. package/lib/typescript/components/textInput/TextInputValidation.d.ts.map +1 -1
  69. package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
  70. package/lib/typescript/hooks/useAccordionAnimation.d.ts +41 -0
  71. package/lib/typescript/hooks/useAccordionAnimation.d.ts.map +1 -0
  72. package/lib/typescript/index.d.ts +1 -0
  73. package/lib/typescript/index.d.ts.map +1 -1
  74. package/package.json +1 -1
  75. package/src/components/accordion/AccordionItem.tsx +21 -82
  76. package/src/components/claimsSelector/ClaimsSelector.tsx +185 -0
  77. package/src/components/claimsSelector/__test__/ClaimsSelector.test.tsx +55 -0
  78. package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +1270 -0
  79. package/src/components/claimsSelector/index.tsx +1 -0
  80. package/src/components/index.tsx +1 -0
  81. package/src/components/listitems/ListItemInfo.tsx +7 -2
  82. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
  83. package/src/components/textInput/TextInputValidation.tsx +140 -97
  84. package/src/components/typography/markdown/MdH1.tsx +1 -2
  85. package/src/components/typography/markdown/MdH2.tsx +2 -2
  86. package/src/components/typography/markdown/MdH3.tsx +2 -2
  87. package/src/core/IOColors.ts +1 -1
  88. package/src/hooks/useAccordionAnimation.tsx +106 -0
  89. package/src/index.tsx +1 -0
@@ -0,0 +1,2 @@
1
+ export * from "./ClaimsSelector";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/claimsSelector/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB"}
@@ -5,6 +5,7 @@ export * from "./badge";
5
5
  export * from "./banner";
6
6
  export * from "./buttons";
7
7
  export * from "./checkbox";
8
+ export * from "./claimsSelector";
8
9
  export * from "./codeInput";
9
10
  export * from "./contentWrapper";
10
11
  export * from "./divider";
@@ -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","style","flex","onTouchEnd","listItem","listItemInner","columnGap","iconMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":"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"}
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 onBlurHandler = useCallback(() => {
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
- }, [value, errorMessage, onBlur, onValidate, getErrorFeedback]);
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":"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"}
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-tertiary"]
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;;AAEA,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,sBAAsB;EACpD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
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: 16,
21
+ size: 18,
22
22
  lineHeight: 24,
23
- color: customColor ?? theme["textHeading-tertiary"]
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,sBAAsB;EACpD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,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: "Regular",
20
+ weight: "Semibold",
21
21
  size: 16,
22
22
  lineHeight: 24,
23
- color: customColor ?? theme["textHeading-tertiary"]
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,SAAS;IACjBC,IAAI,EAAE,EAAE;IACRC,UAAU,EAAE,EAAE;IACdV,KAAK,EAAEC,WAAW,IAAIG,KAAK,CAAC,sBAAsB;EACpD,CAAC;EAED,oBACEV,KAAA,CAAAiB,aAAA,CAACb,MAAM,EAAAc,QAAA;IAACT,GAAG,EAAEA;EAAI,GAAKG,SAAS,GAC5BJ,KAAK,CAACW,QACD,CAAC;AAEb,CACF,CAAC"}
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-450",
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"}
@@ -3,5 +3,6 @@ export * from "./core";
3
3
  export * from "./functions";
4
4
  export * from "./hooks";
5
5
  export * from "./utils/fonts";
6
+ export * from "./utils/accessibility";
6
7
  export * from "./utils/types";
7
8
  //# sourceMappingURL=index.js.map
@@ -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,KAAmB,MAAM,OAAO,CAAC;AAoBxC,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;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAYF,eAAO,MAAM,aAAa,2BAA4B,aAAa,sBA6BlE,CAAC;AAEF,eAAO,MAAM,aAAa,8CAKvB,aAAa,sBAkGf,CAAC"}
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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=ClaimsSelector.test.d.ts.map
@@ -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,2 @@
1
+ export * from "./ClaimsSelector";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/claimsSelector/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
@@ -5,6 +5,7 @@ export * from "./badge";
5
5
  export * from "./banner";
6
6
  export * from "./buttons";
7
7
  export * from "./checkbox";
8
+ export * from "./claimsSelector";
8
9
  export * from "./codeInput";
9
10
  export * from "./contentWrapper";
10
11
  export * from "./divider";
@@ -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;CACvC,CAAC,GACA,YAAY,GACZ,gBAAgB,CAAC;AAInB,eAAO,MAAM,YAAY,gLAatB,YAAY,sBAqJd,CAAC;AAEF,eAAe,YAAY,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
- type TextInputValidationProps = Omit<React.ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword"> & {
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
- export declare const TextInputValidation: ({ onValidate, errorMessage, value, bottomMessage, onBlur, onFocus, ...props }: TextInputValidationProps) => React.JSX.Element;
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;AAY/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,MAAM,qBAAqB,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,KAAK,wBAAwB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,cAAc,GAAG,QAAQ,GAAG,oBAAoB,GAAG,YAAY,CAChE,GAAG;IACF;;;;OAIG;IACH,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,qBAAqB,CAAC;IAC/D;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAcF,eAAO,MAAM,mBAAmB,kFAQ7B,wBAAwB,sBA6F1B,CAAC;AAEF,eAAe,mBAAmB,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;AAEH,eAAO,MAAM,IAAI;;;;;8BAoBhB,CAAC"}
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"}