@pagopa/io-app-design-system 4.5.5 → 4.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/accordion/AccordionItem.js +20 -56
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +3 -2
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/lib/commonjs/components/buttons/ButtonLink.js +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +8 -5
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.js +4 -2
- package/lib/commonjs/components/checkbox/AnimatedMessageCheckbox.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/ListItemCheckbox.js +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.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/ListItemRadio.js +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js +1 -1
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/commonjs/components/radio/AnimatedRadio.js +8 -5
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/switch/NativeSwitch.js +5 -5
- package/lib/commonjs/components/switch/NativeSwitch.js.map +1 -1
- package/lib/commonjs/components/switch/index.js +0 -22
- package/lib/commonjs/components/switch/index.js.map +1 -1
- 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 +28 -6
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -16
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/hooks/useAccordionAnimation.js +83 -0
- package/lib/commonjs/hooks/useAccordionAnimation.js.map +1 -0
- package/lib/module/components/accordion/AccordionItem.js +19 -52
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/banner/Banner.js +3 -2
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/lib/module/components/buttons/ButtonLink.js +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +1 -1
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedCheckbox.js +9 -6
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.js +6 -4
- package/lib/module/components/checkbox/AnimatedMessageCheckbox.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/ListItemCheckbox.js +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.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/ListItemRadio.js +1 -1
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js +1 -1
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/lib/module/components/radio/AnimatedRadio.js +9 -6
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/switch/NativeSwitch.js +6 -6
- package/lib/module/components/switch/NativeSwitch.js.map +1 -1
- package/lib/module/components/switch/index.js +0 -2
- package/lib/module/components/switch/index.js.map +1 -1
- 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 +28 -6
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -14
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/hooks/useAccordionAnimation.js +76 -0
- package/lib/module/hooks/useAccordionAnimation.js.map +1 -0
- 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/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedMessageCheckbox.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/switch/NativeSwitch.d.ts.map +1 -1
- package/lib/typescript/components/switch/index.d.ts +0 -2
- package/lib/typescript/components/switch/index.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/BodyMonospace.d.ts +1 -1
- package/lib/typescript/components/typography/ButtonText.d.ts +1 -1
- package/lib/typescript/components/typography/Caption.d.ts +1 -1
- package/lib/typescript/components/typography/H1.d.ts +1 -1
- package/lib/typescript/components/typography/H2.d.ts +1 -1
- package/lib/typescript/components/typography/H3.d.ts +1 -1
- package/lib/typescript/components/typography/H4.d.ts +1 -1
- package/lib/typescript/components/typography/H5.d.ts +1 -1
- package/lib/typescript/components/typography/H6.d.ts +1 -1
- package/lib/typescript/components/typography/Hero.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH1.d.ts.map +1 -1
- package/lib/typescript/components/typography/markdown/MdH2.d.ts +1 -1
- package/lib/typescript/components/typography/markdown/MdH3.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts +4 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +0 -13
- package/lib/typescript/core/IOStyles.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/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +21 -82
- package/src/components/banner/Banner.tsx +3 -2
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +56 -0
- package/src/components/buttons/ButtonLink.tsx +1 -1
- package/src/components/buttons/ButtonSolid.tsx +1 -1
- package/src/components/checkbox/AnimatedCheckbox.tsx +9 -10
- package/src/components/checkbox/AnimatedMessageCheckbox.tsx +5 -5
- 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/ListItemCheckbox.tsx +1 -1
- package/src/components/listitems/ListItemInfo.tsx +7 -2
- package/src/components/listitems/ListItemRadio.tsx +1 -1
- package/src/components/listitems/ListItemSwitch.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -0
- package/src/components/radio/AnimatedRadio.tsx +10 -10
- package/src/components/switch/NativeSwitch.tsx +6 -6
- package/src/components/switch/index.tsx +0 -2
- 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 +33 -5
- package/src/core/IOStyles.ts +1 -28
- package/src/hooks/useAccordionAnimation.tsx +106 -0
- package/lib/commonjs/components/switch/AnimatedSwitch.js +0 -94
- package/lib/commonjs/components/switch/AnimatedSwitch.js.map +0 -1
- package/lib/commonjs/components/switch/SwitchLabel.js +0 -76
- package/lib/commonjs/components/switch/SwitchLabel.js.map +0 -1
- package/lib/module/components/switch/AnimatedSwitch.js +0 -85
- package/lib/module/components/switch/AnimatedSwitch.js.map +0 -1
- package/lib/module/components/switch/SwitchLabel.js +0 -68
- package/lib/module/components/switch/SwitchLabel.js.map +0 -1
- package/lib/typescript/components/switch/AnimatedSwitch.d.ts +0 -13
- package/lib/typescript/components/switch/AnimatedSwitch.d.ts.map +0 -1
- package/lib/typescript/components/switch/SwitchLabel.d.ts +0 -18
- package/lib/typescript/components/switch/SwitchLabel.d.ts.map +0 -1
- package/src/components/switch/AnimatedSwitch.tsx +0 -126
- package/src/components/switch/SwitchLabel.tsx +0 -80
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","TouchableWithoutFeedback","View","LinearGradient","Animated","IOAccordionRadius","IOStyles","useIOTheme","IOColors","hexToRgba","useAccordionAnimation","Icon","Body","H6","accordionBodySpacing","accordionIconMargin","accordionChevronMargin","iconSize","AccordionItem","title","accessibilityLabel","body","icon","theme","expanded","toggleAccordion","onBodyLayout","iconAnimatedStyle","bodyAnimatedStyle","bodyInnerStyle","accordionBackground","accordionBorder","accordionIconColor","createElement","style","styles","accordionWrapper","backgroundColor","borderColor","accessible","accessibilityRole","accessibilityState","onPress","textContainer","row","alignCenter","flexShrink","marginRight","name","size","color","accessibilityElementsHidden","importantForAccessibility","onLayout","height","position","bottom","left","right","colors","create","borderWidth","borderRadius","borderCurve","padding","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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"}
|
|
@@ -120,13 +120,14 @@ export const Banner = ({
|
|
|
120
120
|
/*#__PURE__*/
|
|
121
121
|
/* Disable pointer events to avoid
|
|
122
122
|
pressed state on the button */
|
|
123
|
-
React.createElement(
|
|
123
|
+
React.createElement(Pressable, {
|
|
124
124
|
pointerEvents: "none",
|
|
125
125
|
importantForAccessibility: "no-hide-descendants",
|
|
126
126
|
accessible: true,
|
|
127
127
|
accessibilityElementsHidden: true,
|
|
128
128
|
accessibilityLabel: action,
|
|
129
|
-
accessibilityRole: "button"
|
|
129
|
+
accessibilityRole: "button",
|
|
130
|
+
onPress: onPress
|
|
130
131
|
}, /*#__PURE__*/React.createElement(VSpacer, {
|
|
131
132
|
size: 4
|
|
132
133
|
}), /*#__PURE__*/React.createElement(IOText, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","IOBannerSmallHSpacing","IOBannerSmallVSpacing","IOStyles","useIOExperimentalDesign","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","sizePictogramBig","sizePictogramSmall","closeButtonDistanceFromEdge","closeButtonOpacity","sizeBigPadding","sizeSmallHPadding","sizeSmallVPadding","styles","create","container","flexDirection","alignItems","alignContent","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","size","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","isExperimental","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","paddingVertical","paddingHorizontal","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","createElement","Fragment","style","flex","selfCenter","accessible","accessibilityRole","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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"}
|
|
@@ -103,8 +103,36 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
103
103
|
accessibilityElementsHidden={true}
|
|
104
104
|
accessibilityLabel="Action text"
|
|
105
105
|
accessibilityRole="button"
|
|
106
|
+
accessibilityState={
|
|
107
|
+
{
|
|
108
|
+
"busy": undefined,
|
|
109
|
+
"checked": undefined,
|
|
110
|
+
"disabled": undefined,
|
|
111
|
+
"expanded": undefined,
|
|
112
|
+
"selected": undefined,
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
accessibilityValue={
|
|
116
|
+
{
|
|
117
|
+
"max": undefined,
|
|
118
|
+
"min": undefined,
|
|
119
|
+
"now": undefined,
|
|
120
|
+
"text": undefined,
|
|
121
|
+
}
|
|
122
|
+
}
|
|
106
123
|
accessible={true}
|
|
124
|
+
collapsable={false}
|
|
125
|
+
focusable={true}
|
|
107
126
|
importantForAccessibility="no-hide-descendants"
|
|
127
|
+
onBlur={[Function]}
|
|
128
|
+
onClick={[Function]}
|
|
129
|
+
onFocus={[Function]}
|
|
130
|
+
onResponderGrant={[Function]}
|
|
131
|
+
onResponderMove={[Function]}
|
|
132
|
+
onResponderRelease={[Function]}
|
|
133
|
+
onResponderTerminate={[Function]}
|
|
134
|
+
onResponderTerminationRequest={[Function]}
|
|
135
|
+
onStartShouldSetResponder={[Function]}
|
|
108
136
|
pointerEvents="none"
|
|
109
137
|
>
|
|
110
138
|
<View
|
|
@@ -380,8 +408,36 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
380
408
|
accessibilityElementsHidden={true}
|
|
381
409
|
accessibilityLabel="Action text"
|
|
382
410
|
accessibilityRole="button"
|
|
411
|
+
accessibilityState={
|
|
412
|
+
{
|
|
413
|
+
"busy": undefined,
|
|
414
|
+
"checked": undefined,
|
|
415
|
+
"disabled": undefined,
|
|
416
|
+
"expanded": undefined,
|
|
417
|
+
"selected": undefined,
|
|
418
|
+
}
|
|
419
|
+
}
|
|
420
|
+
accessibilityValue={
|
|
421
|
+
{
|
|
422
|
+
"max": undefined,
|
|
423
|
+
"min": undefined,
|
|
424
|
+
"now": undefined,
|
|
425
|
+
"text": undefined,
|
|
426
|
+
}
|
|
427
|
+
}
|
|
383
428
|
accessible={true}
|
|
429
|
+
collapsable={false}
|
|
430
|
+
focusable={true}
|
|
384
431
|
importantForAccessibility="no-hide-descendants"
|
|
432
|
+
onBlur={[Function]}
|
|
433
|
+
onClick={[Function]}
|
|
434
|
+
onFocus={[Function]}
|
|
435
|
+
onResponderGrant={[Function]}
|
|
436
|
+
onResponderMove={[Function]}
|
|
437
|
+
onResponderRelease={[Function]}
|
|
438
|
+
onResponderTerminate={[Function]}
|
|
439
|
+
onResponderTerminationRequest={[Function]}
|
|
440
|
+
onStartShouldSetResponder={[Function]}
|
|
385
441
|
pointerEvents="none"
|
|
386
442
|
>
|
|
387
443
|
<View
|
|
@@ -56,7 +56,7 @@ export const ButtonLink = /*#__PURE__*/forwardRef(({
|
|
|
56
56
|
foreground: {
|
|
57
57
|
default: IOColors[theme["interactiveElem-default"]],
|
|
58
58
|
pressed: IOColors[theme["interactiveElem-pressed"]],
|
|
59
|
-
disabled: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.
|
|
59
|
+
disabled: hexToRgba(IOColors[theme["interactiveElem-default"]], 0.85)
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
contrast: {
|
|
@@ -97,7 +97,7 @@ export const ButtonSolid = /*#__PURE__*/forwardRef(({
|
|
|
97
97
|
disabled: IOColors[theme["interactiveElem-disabled"]]
|
|
98
98
|
},
|
|
99
99
|
foreground: {
|
|
100
|
-
default: theme["buttonText-
|
|
100
|
+
default: theme["buttonText-danger"],
|
|
101
101
|
disabled: theme["buttonText-disabled"]
|
|
102
102
|
}
|
|
103
103
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","ICON_MARGIN","DISABLED_OPACITY","iconSize","mapLegacyColorStates","primary","background","default","pressed","disabled","foreground","danger","contrast","white","ButtonSolid","color","label","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","colorMap","buttonStyles","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonLegacyStyles","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","ICON_MARGIN","DISABLED_OPACITY","iconSize","mapLegacyColorStates","primary","background","default","pressed","disabled","foreground","danger","contrast","white","ButtonSolid","color","label","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","theme","isExperimental","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","colorMap","buttonStyles","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
|
|
|
2
2
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
3
|
import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
|
|
4
4
|
import { useIOFontDynamicScale } from "../../utils/accessibility";
|
|
5
|
-
import { useIOExperimentalDesign } from "../../core";
|
|
5
|
+
import { useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
6
6
|
import { IOSpringValues } from "../../core/IOAnimations";
|
|
7
7
|
import { IOColors } from "../../core/IOColors";
|
|
8
8
|
import { IOSelectionTickLegacyVisualParams, IOSelectionTickVisualParams } from "../../core/IOStyles";
|
|
@@ -34,6 +34,7 @@ export const AnimatedCheckbox = ({
|
|
|
34
34
|
onPress,
|
|
35
35
|
disabled
|
|
36
36
|
}) => {
|
|
37
|
+
const theme = useIOTheme();
|
|
37
38
|
const {
|
|
38
39
|
dynamicFontScale
|
|
39
40
|
} = useIOFontDynamicScale();
|
|
@@ -41,14 +42,16 @@ export const AnimatedCheckbox = ({
|
|
|
41
42
|
const {
|
|
42
43
|
isExperimental
|
|
43
44
|
} = useIOExperimentalDesign();
|
|
44
|
-
const borderColorOffState = IOColors[
|
|
45
|
+
const borderColorOffState = IOColors[theme["selection-border-off"]];
|
|
46
|
+
|
|
45
47
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
46
48
|
const legacyBorderColorOffState = IOColors[IOSelectionTickLegacyVisualParams.borderColorOffState];
|
|
47
49
|
const borderColorProp = isExperimental ? borderColorOffState : legacyBorderColorOffState;
|
|
48
|
-
const backgroundColorOnState = IOColors[
|
|
50
|
+
const backgroundColorOnState = IOColors[theme["selection-background-on"]];
|
|
51
|
+
|
|
49
52
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
50
53
|
const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
|
|
51
|
-
const
|
|
54
|
+
const backgroundColor = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
|
|
52
55
|
const squareAnimationProgress = useSharedValue(checked ? 1 : 0);
|
|
53
56
|
const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
|
|
54
57
|
const checkboxSizeStyle = {
|
|
@@ -91,7 +94,7 @@ export const AnimatedCheckbox = ({
|
|
|
91
94
|
}]
|
|
92
95
|
}), /*#__PURE__*/React.createElement(Animated.View, {
|
|
93
96
|
style: [styles.checkBoxSquare, checkboxSizeStyle, {
|
|
94
|
-
backgroundColor
|
|
97
|
+
backgroundColor
|
|
95
98
|
}, animatedCheckboxSquare]
|
|
96
99
|
}), isChecked && /*#__PURE__*/React.createElement(View, {
|
|
97
100
|
style: {
|
|
@@ -100,7 +103,7 @@ export const AnimatedCheckbox = ({
|
|
|
100
103
|
}, /*#__PURE__*/React.createElement(AnimatedTick, {
|
|
101
104
|
size: size,
|
|
102
105
|
progress: tickAnimationProgress,
|
|
103
|
-
stroke: IOColors[
|
|
106
|
+
stroke: IOColors[theme["selection-tick"]]
|
|
104
107
|
})));
|
|
105
108
|
};
|
|
106
109
|
//# sourceMappingURL=AnimatedCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOFontDynamicScale","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkboxBorder","borderWidth","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","dynamicFontScale","isChecked","isExperimental","borderColorOffState","legacyBorderColorOffState","borderColorProp","backgroundColorOnState","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","View","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOFontDynamicScale","useIOExperimentalDesign","useIOTheme","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOSelectionTickVisualParams","AnimatedTick","checkBoxRadius","styles","create","checkboxBorder","borderWidth","borderCurve","position","left","top","checkBoxSquare","AnimatedCheckbox","size","checked","onPress","disabled","theme","dynamicFontScale","isChecked","isExperimental","borderColorOffState","legacyBorderColorOffState","borderColorProp","backgroundColorOnState","legacyBackgroundColorOnState","bgColorOnState","backgroundColor","squareAnimationProgress","tickAnimationProgress","checkboxSizeStyle","width","height","borderRadius","checkboxWrapperSizeStyle","value","selection","duration","easing","elastic","animatedCheckboxSquare","scale","opacity","transform","createElement","accessible","style","testID","borderColor","zIndex","progress","stroke"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedCheckbox.tsx"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useEffect } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import Animated, { Easing, interpolate, useAnimatedStyle, useSharedValue, withSpring, withTiming } from "react-native-reanimated";
|
|
4
|
-
import { useIOExperimentalDesign } from "../../core";
|
|
4
|
+
import { useIOExperimentalDesign, useIOTheme } from "../../core";
|
|
5
5
|
import { IOSpringValues } from "../../core/IOAnimations";
|
|
6
6
|
import { IOColors } from "../../core/IOColors";
|
|
7
|
-
import { IOSelectionTickLegacyVisualParams,
|
|
7
|
+
import { IOSelectionTickLegacyVisualParams, IOVisualCostants } from "../../core/IOStyles";
|
|
8
8
|
import { AnimatedTick } from "../common/AnimatedTick";
|
|
9
9
|
const internalSpacing = 4;
|
|
10
10
|
const styles = StyleSheet.create({
|
|
@@ -32,13 +32,15 @@ export const AnimatedMessageCheckbox = ({
|
|
|
32
32
|
checked,
|
|
33
33
|
onPress
|
|
34
34
|
}) => {
|
|
35
|
+
const theme = useIOTheme();
|
|
35
36
|
const isChecked = !!checked;
|
|
36
37
|
const {
|
|
37
38
|
isExperimental
|
|
38
39
|
} = useIOExperimentalDesign();
|
|
39
40
|
const shapeAnimationProgress = useSharedValue(checked ? 1 : 0);
|
|
40
41
|
const tickAnimationProgress = useSharedValue(checked ? 1 : 0);
|
|
41
|
-
const backgroundColorOnState = IOColors[
|
|
42
|
+
const backgroundColorOnState = IOColors[theme["selection-background-on"]];
|
|
43
|
+
|
|
42
44
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
43
45
|
const legacyBackgroundColorOnState = IOColors[IOSelectionTickLegacyVisualParams.bgColorOnState];
|
|
44
46
|
const backgroundColorProp = isExperimental ? backgroundColorOnState : legacyBackgroundColorOnState;
|
|
@@ -76,7 +78,7 @@ export const AnimatedMessageCheckbox = ({
|
|
|
76
78
|
}), isChecked && /*#__PURE__*/React.createElement(AnimatedTick, {
|
|
77
79
|
progress: tickAnimationProgress,
|
|
78
80
|
strokeWidth: 1.5,
|
|
79
|
-
stroke: IOColors[
|
|
81
|
+
stroke: IOColors[theme["selection-tick"]]
|
|
80
82
|
}));
|
|
81
83
|
};
|
|
82
84
|
//# sourceMappingURL=AnimatedMessageCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOExperimentalDesign","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","
|
|
1
|
+
{"version":3,"names":["React","useEffect","Pressable","StyleSheet","Animated","Easing","interpolate","useAnimatedStyle","useSharedValue","withSpring","withTiming","useIOExperimentalDesign","useIOTheme","IOSpringValues","IOColors","IOSelectionTickLegacyVisualParams","IOVisualCostants","AnimatedTick","internalSpacing","styles","create","checkBoxWrapper","width","avatarSizeSmall","height","padding","checkBoxShape","position","left","top","borderRadius","avatarRadiusSizeSmall","borderCurve","AnimatedMessageCheckbox","checked","onPress","theme","isChecked","isExperimental","shapeAnimationProgress","tickAnimationProgress","backgroundColorOnState","legacyBackgroundColorOnState","bgColorOnState","backgroundColorProp","value","selection","duration","easing","out","cubic","animatedCheckboxShape","scale","opacity","transform","createElement","accessibilityRole","accessibilityState","testID","style","View","backgroundColor","progress","strokeWidth","stroke"],"sourceRoot":"../../../../src","sources":["components/checkbox/AnimatedMessageCheckbox.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import React, { Fragment } from "react";
|
|
2
|
+
import { StyleSheet, View } from "react-native";
|
|
3
|
+
import Animated from "react-native-reanimated";
|
|
4
|
+
import { TouchableWithoutFeedback } from "react-native-gesture-handler";
|
|
5
|
+
import LinearGradient from "react-native-linear-gradient";
|
|
6
|
+
import { hexToRgba, IOAccordionRadius, IOColors, useIOTheme } from "../../core";
|
|
7
|
+
import { useAccordionAnimation } from "../../hooks/useAccordionAnimation";
|
|
8
|
+
import { Divider } from "../divider";
|
|
9
|
+
import { H6 } from "../typography";
|
|
10
|
+
import { Icon } from "../icons";
|
|
11
|
+
import { ListItemCheckbox, ListItemInfo } from "../listitems";
|
|
12
|
+
const accordionBodySpacing = 16;
|
|
13
|
+
export const ClaimsSelector = ({
|
|
14
|
+
title,
|
|
15
|
+
items,
|
|
16
|
+
defaultExpanded,
|
|
17
|
+
onItemSelected,
|
|
18
|
+
onToggle,
|
|
19
|
+
accessibilityLabel,
|
|
20
|
+
selectedItemIds,
|
|
21
|
+
selectionEnabled = true
|
|
22
|
+
}) => {
|
|
23
|
+
const theme = useIOTheme();
|
|
24
|
+
const {
|
|
25
|
+
expanded,
|
|
26
|
+
toggleAccordion,
|
|
27
|
+
onBodyLayout,
|
|
28
|
+
iconAnimatedStyle,
|
|
29
|
+
bodyAnimatedStyle,
|
|
30
|
+
bodyInnerStyle
|
|
31
|
+
} = useAccordionAnimation({
|
|
32
|
+
defaultExpanded
|
|
33
|
+
});
|
|
34
|
+
const accordionBackground = theme["appBackground-secondary"];
|
|
35
|
+
const accordionBorder = theme["cardBorder-default"];
|
|
36
|
+
const onItemPress = () => {
|
|
37
|
+
toggleAccordion();
|
|
38
|
+
onToggle === null || onToggle === void 0 || onToggle(!expanded);
|
|
39
|
+
};
|
|
40
|
+
const body = items.map((item, index) => /*#__PURE__*/React.createElement(Fragment, {
|
|
41
|
+
key: item.id
|
|
42
|
+
}, index !== 0 && /*#__PURE__*/React.createElement(Divider, null), selectionEnabled ? /*#__PURE__*/React.createElement(ListItemCheckbox, {
|
|
43
|
+
value: item.title,
|
|
44
|
+
description: item.description,
|
|
45
|
+
selected: selectedItemIds === null || selectedItemIds === void 0 ? void 0 : selectedItemIds.includes(item.id),
|
|
46
|
+
onValueChange: onItemSelected ? selected => onItemSelected(item, selected) : undefined
|
|
47
|
+
}) : /*#__PURE__*/React.createElement(ListItemInfo, {
|
|
48
|
+
reversed: true,
|
|
49
|
+
value: item.title,
|
|
50
|
+
label: item.description
|
|
51
|
+
})));
|
|
52
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
53
|
+
style: [styles.accordionWrapper, {
|
|
54
|
+
backgroundColor: IOColors[accordionBackground],
|
|
55
|
+
borderColor: IOColors[accordionBorder]
|
|
56
|
+
}]
|
|
57
|
+
}, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
|
|
58
|
+
accessible: true,
|
|
59
|
+
accessibilityRole: "button",
|
|
60
|
+
accessibilityState: {
|
|
61
|
+
expanded
|
|
62
|
+
},
|
|
63
|
+
accessibilityLabel: accessibilityLabel ?? title,
|
|
64
|
+
onPress: onItemPress
|
|
65
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
66
|
+
style: styles.textContainer
|
|
67
|
+
}, /*#__PURE__*/React.createElement(H6, {
|
|
68
|
+
color: theme["textBody-default"]
|
|
69
|
+
}, title), /*#__PURE__*/React.createElement(Animated.View, {
|
|
70
|
+
style: iconAnimatedStyle
|
|
71
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
72
|
+
name: "chevronBottom",
|
|
73
|
+
color: theme["interactiveElem-default"]
|
|
74
|
+
})))), /*#__PURE__*/React.createElement(Animated.View, {
|
|
75
|
+
style: bodyAnimatedStyle
|
|
76
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
77
|
+
style: [bodyInnerStyle, styles.bodyInnerContainer],
|
|
78
|
+
onLayout: onBodyLayout
|
|
79
|
+
}, body)), /*#__PURE__*/React.createElement(LinearGradient, {
|
|
80
|
+
style: styles.linearGradient,
|
|
81
|
+
colors: [hexToRgba(IOColors[accordionBackground], 0), IOColors[accordionBackground]]
|
|
82
|
+
}));
|
|
83
|
+
};
|
|
84
|
+
const styles = StyleSheet.create({
|
|
85
|
+
accordionWrapper: {
|
|
86
|
+
borderWidth: 1,
|
|
87
|
+
borderRadius: IOAccordionRadius,
|
|
88
|
+
borderCurve: "continuous"
|
|
89
|
+
},
|
|
90
|
+
textContainer: {
|
|
91
|
+
padding: accordionBodySpacing,
|
|
92
|
+
flexDirection: "row",
|
|
93
|
+
alignItems: "center",
|
|
94
|
+
justifyContent: "space-between"
|
|
95
|
+
},
|
|
96
|
+
bodyInnerContainer: {
|
|
97
|
+
width: "100%"
|
|
98
|
+
},
|
|
99
|
+
linearGradient: {
|
|
100
|
+
height: accordionBodySpacing,
|
|
101
|
+
position: "absolute",
|
|
102
|
+
// Place at the bottom
|
|
103
|
+
bottom: 0,
|
|
104
|
+
// Avoid gradient overlaps with border radius
|
|
105
|
+
left: accordionBodySpacing,
|
|
106
|
+
right: accordionBodySpacing
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
//# sourceMappingURL=ClaimsSelector.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Fragment","StyleSheet","View","Animated","TouchableWithoutFeedback","LinearGradient","hexToRgba","IOAccordionRadius","IOColors","useIOTheme","useAccordionAnimation","Divider","H6","Icon","ListItemCheckbox","ListItemInfo","accordionBodySpacing","ClaimsSelector","title","items","defaultExpanded","onItemSelected","onToggle","accessibilityLabel","selectedItemIds","selectionEnabled","theme","expanded","toggleAccordion","onBodyLayout","iconAnimatedStyle","bodyAnimatedStyle","bodyInnerStyle","accordionBackground","accordionBorder","onItemPress","body","map","item","index","createElement","key","id","value","description","selected","includes","onValueChange","undefined","reversed","label","style","styles","accordionWrapper","backgroundColor","borderColor","accessible","accessibilityRole","accessibilityState","onPress","textContainer","color","name","bodyInnerContainer","onLayout","linearGradient","colors","create","borderWidth","borderRadius","borderCurve","padding","flexDirection","alignItems","justifyContent","width","height","position","bottom","left","right"],"sourceRoot":"../../../../src","sources":["components/claimsSelector/ClaimsSelector.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import * as TestRenderer from "react-test-renderer";
|
|
3
|
+
import { ClaimsSelector } from "../ClaimsSelector";
|
|
4
|
+
describe("ClaimsSelector", () => {
|
|
5
|
+
it("ClaimsSelector Snapshot (controlled)", () => {
|
|
6
|
+
const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
|
|
7
|
+
title: "Patente di guida",
|
|
8
|
+
selectedItemIds: ["name"],
|
|
9
|
+
items: [{
|
|
10
|
+
id: "name",
|
|
11
|
+
title: "Mario Rossi",
|
|
12
|
+
description: "Nome e cognome"
|
|
13
|
+
}]
|
|
14
|
+
}));
|
|
15
|
+
expect(claimsSelector).toMatchSnapshot();
|
|
16
|
+
});
|
|
17
|
+
it("ClaimsSelector Snapshot (uncontrolled)", () => {
|
|
18
|
+
const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
|
|
19
|
+
title: "Patente di guida",
|
|
20
|
+
items: [{
|
|
21
|
+
id: "name",
|
|
22
|
+
title: "Mario Rossi",
|
|
23
|
+
description: "Nome e cognome"
|
|
24
|
+
}]
|
|
25
|
+
}));
|
|
26
|
+
expect(claimsSelector).toMatchSnapshot();
|
|
27
|
+
});
|
|
28
|
+
it("ClaimsSelector Snapshot (unselectable items)", () => {
|
|
29
|
+
const claimsSelector = TestRenderer.create( /*#__PURE__*/React.createElement(ClaimsSelector, {
|
|
30
|
+
title: "Patente di guida",
|
|
31
|
+
selectionEnabled: false,
|
|
32
|
+
items: [{
|
|
33
|
+
id: "name",
|
|
34
|
+
title: "Mario Rossi",
|
|
35
|
+
description: "Nome e cognome"
|
|
36
|
+
}]
|
|
37
|
+
}));
|
|
38
|
+
expect(claimsSelector).toMatchSnapshot();
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
//# sourceMappingURL=ClaimsSelector.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","TestRenderer","ClaimsSelector","describe","it","claimsSelector","create","createElement","title","selectedItemIds","items","id","description","expect","toMatchSnapshot","selectionEnabled"],"sourceRoot":"../../../../../src","sources":["components/claimsSelector/__test__/ClaimsSelector.test.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,SAASC,cAAc,QAAQ,mBAAmB;AAElDC,QAAQ,CAAC,gBAAgB,EAAE,MAAM;EAC/BC,EAAE,CAAC,sCAAsC,EAAE,MAAM;IAC/C,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBC,eAAe,EAAE,CAAC,MAAM,CAAE;MAC1BC,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFV,EAAE,CAAC,wCAAwC,EAAE,MAAM;IACjD,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBE,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;EAEFV,EAAE,CAAC,8CAA8C,EAAE,MAAM;IACvD,MAAMC,cAAc,GAAGJ,YAAY,CAACK,MAAM,eACxCN,KAAA,CAAAO,aAAA,CAACL,cAAc;MACbM,KAAK,EAAC,kBAAkB;MACxBO,gBAAgB,EAAE,KAAM;MACxBL,KAAK,EAAE,CACL;QACEC,EAAE,EAAE,MAAM;QACVH,KAAK,EAAE,aAAa;QACpBI,WAAW,EAAE;MACf,CAAC;IACD,CACH,CACH,CAAC;IACDC,MAAM,CAACR,cAAc,CAAC,CAACS,eAAe,CAAC,CAAC;EAC1C,CAAC,CAAC;AACJ,CAAC,CAAC"}
|