@pagopa/io-app-design-system 1.17.1 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/buttons/ButtonLink.js +14 -0
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/checkbox/CheckboxLabel.js +6 -29
- package/lib/commonjs/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/commonjs/components/codeInput/CodeInput.js +10 -25
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/common/ScaleInOutAnimation.js +69 -0
- package/lib/commonjs/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/commonjs/components/icons/Icon.js +52 -48
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/icons/svg/IconSystemPermissionsAndroid.js +34 -0
- package/lib/commonjs/components/icons/svg/IconSystemPermissionsAndroid.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/layout/ForceScrollDownView.js +161 -0
- package/lib/commonjs/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js +94 -0
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/commonjs/components/layout/index.js +11 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +6 -3
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/otpInput/BoxedInput.js +72 -0
- package/lib/commonjs/components/otpInput/BoxedInput.js.map +1 -0
- package/lib/commonjs/components/otpInput/OTPInput.js +131 -0
- package/lib/commonjs/components/otpInput/OTPInput.js.map +1 -0
- package/lib/commonjs/components/otpInput/index.js +17 -0
- package/lib/commonjs/components/otpInput/index.js.map +1 -0
- package/lib/commonjs/components/pictograms/Pictogram.js +74 -68
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramComunicationProblem.js +85 -0
- package/lib/commonjs/components/pictograms/svg/PictogramComunicationProblem.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEventClose.js +40 -0
- package/lib/commonjs/components/pictograms/svg/PictogramEventClose.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramHello.js +61 -0
- package/lib/commonjs/components/pictograms/svg/PictogramHello.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramComunicationProblem.svg +91 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramEventClose.svg +34 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramHello.svg +46 -0
- package/lib/commonjs/components/radio/RadioButtonLabel.js +70 -0
- package/lib/commonjs/components/radio/RadioButtonLabel.js.map +1 -0
- package/lib/commonjs/components/radio/index.js +11 -0
- package/lib/commonjs/components/radio/index.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +3 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/utils/hooks/useErrorShakeAnimation.js +44 -0
- package/lib/commonjs/utils/hooks/useErrorShakeAnimation.js.map +1 -0
- package/lib/module/components/buttons/ButtonLink.js +15 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/checkbox/CheckboxLabel.js +7 -30
- package/lib/module/components/checkbox/CheckboxLabel.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +9 -25
- package/lib/module/components/codeInput/CodeInput.js.map +1 -1
- package/lib/module/components/common/ScaleInOutAnimation.js +59 -0
- package/lib/module/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/module/components/icons/Icon.js +52 -48
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/icons/svg/IconSystemPermissionsAndroid.js +26 -0
- package/lib/module/components/icons/svg/IconSystemPermissionsAndroid.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/layout/ForceScrollDownView.js +153 -0
- package/lib/module/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/module/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js +90 -0
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/module/components/layout/index.js +1 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +6 -3
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/otpInput/BoxedInput.js +64 -0
- package/lib/module/components/otpInput/BoxedInput.js.map +1 -0
- package/lib/module/components/otpInput/OTPInput.js +121 -0
- package/lib/module/components/otpInput/OTPInput.js.map +1 -0
- package/lib/module/components/otpInput/index.js +2 -0
- package/lib/module/components/otpInput/index.js.map +1 -0
- package/lib/module/components/pictograms/Pictogram.js +74 -68
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramComunicationProblem.js +77 -0
- package/lib/module/components/pictograms/svg/PictogramComunicationProblem.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramEventClose.js +32 -0
- package/lib/module/components/pictograms/svg/PictogramEventClose.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramHello.js +53 -0
- package/lib/module/components/pictograms/svg/PictogramHello.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramComunicationProblem.svg +91 -0
- package/lib/module/components/pictograms/svg/originals/PictogramEventClose.svg +34 -0
- package/lib/module/components/pictograms/svg/originals/PictogramHello.svg +46 -0
- package/lib/module/components/radio/RadioButtonLabel.js +62 -0
- package/lib/module/components/radio/RadioButtonLabel.js.map +1 -0
- package/lib/module/components/radio/index.js +1 -0
- package/lib/module/components/radio/index.js.map +1 -1
- package/lib/module/core/IOStyles.js +3 -1
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/utils/hooks/useErrorShakeAnimation.js +37 -0
- package/lib/module/utils/hooks/useErrorShakeAnimation.js.map +1 -0
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/CheckboxLabel.d.ts.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts +14 -0
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map +1 -0
- package/lib/typescript/components/icons/Icon.d.ts +2 -0
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconSystemPermissionsAndroid.d.ts +5 -0
- package/lib/typescript/components/icons/svg/IconSystemPermissionsAndroid.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/layout/ForceScrollDownView.d.ts +27 -0
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts.map +1 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts +2 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +1 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +6 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/otpInput/BoxedInput.d.ts +9 -0
- package/lib/typescript/components/otpInput/BoxedInput.d.ts.map +1 -0
- package/lib/typescript/components/otpInput/OTPInput.d.ts +26 -0
- package/lib/typescript/components/otpInput/OTPInput.d.ts.map +1 -0
- package/lib/typescript/components/otpInput/index.d.ts +2 -0
- package/lib/typescript/components/otpInput/index.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts +3 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramComunicationProblem.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramComunicationProblem.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramEventClose.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramEventClose.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramHello.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramHello.d.ts.map +1 -0
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts +18 -0
- package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map +1 -0
- package/lib/typescript/components/radio/index.d.ts +1 -0
- package/lib/typescript/components/radio/index.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +2 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/utils/hooks/useErrorShakeAnimation.d.ts +11 -0
- package/lib/typescript/utils/hooks/useErrorShakeAnimation.d.ts.map +1 -0
- package/package.json +5 -2
- package/src/components/buttons/ButtonLink.tsx +17 -1
- package/src/components/checkbox/CheckboxLabel.tsx +4 -31
- package/src/components/codeInput/CodeInput.tsx +5 -33
- package/src/components/common/ScaleInOutAnimation.tsx +68 -0
- package/src/components/icons/Icon.tsx +52 -48
- package/src/components/icons/svg/IconSystemPermissionsAndroid.tsx +19 -0
- package/src/components/index.tsx +1 -0
- package/src/components/layout/ForceScrollDownView.tsx +210 -0
- package/src/components/layout/HeaderFirstLevel.tsx +4 -4
- package/src/components/layout/__test__/ForceScrollDownView.test.tsx +106 -0
- package/src/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/src/components/layout/index.tsx +1 -0
- package/src/components/listitems/ListItemTransaction.tsx +12 -1
- package/src/components/otpInput/BoxedInput.tsx +67 -0
- package/src/components/otpInput/OTPInput.tsx +135 -0
- package/src/components/otpInput/index.tsx +1 -0
- package/src/components/pictograms/Pictogram.tsx +74 -68
- package/src/components/pictograms/svg/PictogramComunicationProblem.tsx +94 -0
- package/src/components/pictograms/svg/PictogramEventClose.tsx +34 -0
- package/src/components/pictograms/svg/PictogramHello.tsx +54 -0
- package/src/components/pictograms/svg/originals/PictogramComunicationProblem.svg +91 -0
- package/src/components/pictograms/svg/originals/PictogramEventClose.svg +34 -0
- package/src/components/pictograms/svg/originals/PictogramHello.svg +46 -0
- package/src/components/radio/RadioButtonLabel.tsx +73 -0
- package/src/components/radio/index.tsx +1 -0
- package/src/core/IOStyles.ts +5 -1
- package/src/utils/hooks/useErrorShakeAnimation.ts +43 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_IOStyles","_hapticFeedback","_Spacer","_H","_AnimatedRadio","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","RadioButtonLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleRadioButton","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","View","IOStyles","row","alignItems","flexShrink","width","pointerEvents","AnimatedRadio","HSpacer","size","H6","color","exports"],"sourceRoot":"../../../../src","sources":["components/radio/RadioButtonLabel.tsx"],"mappings":"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"}
|
|
@@ -14,6 +14,17 @@ Object.keys(_AnimatedRadio).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _RadioButtonLabel = require("./RadioButtonLabel");
|
|
18
|
+
Object.keys(_RadioButtonLabel).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _RadioButtonLabel[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _RadioButtonLabel[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
17
28
|
var _RadioGroup = require("./RadioGroup");
|
|
18
29
|
Object.keys(_RadioGroup).forEach(function (key) {
|
|
19
30
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_AnimatedRadio","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RadioGroup"],"sourceRoot":"../../../../src","sources":["components/radio/index.tsx"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,
|
|
1
|
+
{"version":3,"names":["_AnimatedRadio","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RadioButtonLabel","_RadioGroup"],"sourceRoot":"../../../../src","sources":["components/radio/index.tsx"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,WAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,WAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,WAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -17,7 +17,9 @@ const IOVisualCostants = {
|
|
|
17
17
|
headerHeight: 56,
|
|
18
18
|
avatarSizeSmall: 44,
|
|
19
19
|
avatarSizeMedium: 66,
|
|
20
|
-
iconContainedSizeDefault: 44
|
|
20
|
+
iconContainedSizeDefault: 44,
|
|
21
|
+
scrollDownButtonRight: 24,
|
|
22
|
+
scrollDownButtonBottom: 24
|
|
21
23
|
};
|
|
22
24
|
exports.IOVisualCostants = IOVisualCostants;
|
|
23
25
|
const IOStyles = _reactNative.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_IOColors","_IOSpacing","_IOShapes","IOVisualCostants","appMarginDefault","headerHeight","avatarSizeSmall","avatarSizeMedium","iconContainedSizeDefault","exports","IOStyles","StyleSheet","create","flex","selfCenter","alignSelf","alignCenter","alignItems","horizontalContentPadding","paddingHorizontal","row","flexDirection","column","rowSpaceBetween","justifyContent","centerJustified","footer","backgroundColor","IOColors","white","paddingBottom","paddingTop","shadowColor","black","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","bgWhite","topListBorderBelowTabsStyle","borderTopWidth","Platform","OS","undefined","btnLegacySizeDefault","btnSizeLarge","btnBorderRadius","btnSizeDefault","buttonSolidHeight","iconBtnSizeSmall","numberPadBtnSize","IOButtonLegacyStyles","button","textAlignVertical","borderRadius","buttonInner","label","labelSizeDefault","fontSize","buttonSizeDefault","IOButtonStyles","buttonLink","labelSizeSmall","buttonSizeSmall","dimensionsDefault","IOIconButtonStyles","buttonSizeLarge","IONumberPadButtonStyles","circularShape","buttonSize","IOListItemVisualParams","paddingVertical","iconMargin","actionMargin","iconSize","chevronSize","IOListItemStyles","listItem","marginHorizontal","listItemInner","IOModuleStyles","borderWidth","borderColor","IOModuleIDPRadius","IOModuleIDPVSpacing","IOModuleIDPHSpacing","IOSelectionTickVisualParams","size","borderColorOffState","bgColorOnState","tickColor","IOSwitchVisualParams","bgColorOffState","bgCircle","padding","IOSelectionTickLegacyVisualParams","IOSelectionListItemVisualParams","descriptionMargin","IOSelectionListItemStyles"],"sourceRoot":"../../../src","sources":["core/IOStyles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAOA,IAAAG,SAAA,GAAAH,OAAA;AAEA;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_IOColors","_IOSpacing","_IOShapes","IOVisualCostants","appMarginDefault","headerHeight","avatarSizeSmall","avatarSizeMedium","iconContainedSizeDefault","scrollDownButtonRight","scrollDownButtonBottom","exports","IOStyles","StyleSheet","create","flex","selfCenter","alignSelf","alignCenter","alignItems","horizontalContentPadding","paddingHorizontal","row","flexDirection","column","rowSpaceBetween","justifyContent","centerJustified","footer","backgroundColor","IOColors","white","paddingBottom","paddingTop","shadowColor","black","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","bgWhite","topListBorderBelowTabsStyle","borderTopWidth","Platform","OS","undefined","btnLegacySizeDefault","btnSizeLarge","btnBorderRadius","btnSizeDefault","buttonSolidHeight","iconBtnSizeSmall","numberPadBtnSize","IOButtonLegacyStyles","button","textAlignVertical","borderRadius","buttonInner","label","labelSizeDefault","fontSize","buttonSizeDefault","IOButtonStyles","buttonLink","labelSizeSmall","buttonSizeSmall","dimensionsDefault","IOIconButtonStyles","buttonSizeLarge","IONumberPadButtonStyles","circularShape","buttonSize","IOListItemVisualParams","paddingVertical","iconMargin","actionMargin","iconSize","chevronSize","IOListItemStyles","listItem","marginHorizontal","listItemInner","IOModuleStyles","borderWidth","borderColor","IOModuleIDPRadius","IOModuleIDPVSpacing","IOModuleIDPHSpacing","IOSelectionTickVisualParams","size","borderColorOffState","bgColorOnState","tickColor","IOSwitchVisualParams","bgColorOffState","bgCircle","padding","IOSelectionTickLegacyVisualParams","IOSelectionListItemVisualParams","descriptionMargin","IOSelectionListItemStyles"],"sourceRoot":"../../../src","sources":["core/IOStyles.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useErrorShakeAnimation = void 0;
|
|
7
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _functions = require("../../functions");
|
|
10
|
+
const SHAKE_OFFSET = 8;
|
|
11
|
+
const useErrorShakeAnimation = () => {
|
|
12
|
+
const translate = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
13
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
14
|
+
transform: [{
|
|
15
|
+
translateX: translate.value
|
|
16
|
+
}]
|
|
17
|
+
}));
|
|
18
|
+
const shakeAnimation = (0, _react.useCallback)(() => {
|
|
19
|
+
(0, _functions.triggerHaptic)("notificationError");
|
|
20
|
+
return (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(SHAKE_OFFSET, {
|
|
21
|
+
duration: 75,
|
|
22
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
|
|
23
|
+
}), (0, _reactNativeReanimated.withTiming)(-SHAKE_OFFSET, {
|
|
24
|
+
duration: 75,
|
|
25
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
|
|
26
|
+
}), (0, _reactNativeReanimated.withTiming)(SHAKE_OFFSET / 2, {
|
|
27
|
+
duration: 75,
|
|
28
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
|
|
29
|
+
}), (0, _reactNativeReanimated.withTiming)(-SHAKE_OFFSET / 2, {
|
|
30
|
+
duration: 75,
|
|
31
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
|
|
32
|
+
}), (0, _reactNativeReanimated.withTiming)(0, {
|
|
33
|
+
duration: 75,
|
|
34
|
+
easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
|
|
35
|
+
}));
|
|
36
|
+
}, []);
|
|
37
|
+
return {
|
|
38
|
+
translate,
|
|
39
|
+
animatedStyle,
|
|
40
|
+
shakeAnimation
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
exports.useErrorShakeAnimation = useErrorShakeAnimation;
|
|
44
|
+
//# sourceMappingURL=useErrorShakeAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNativeReanimated","require","_react","_functions","SHAKE_OFFSET","useErrorShakeAnimation","translate","useSharedValue","animatedStyle","useAnimatedStyle","transform","translateX","value","shakeAnimation","useCallback","triggerHaptic","withSequence","withTiming","duration","easing","Easing","inOut","cubic","exports"],"sourceRoot":"../../../../src","sources":["utils/hooks/useErrorShakeAnimation.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,MAAMG,YAAoB,GAAG,CAAC;AAEvB,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAMC,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEL,SAAS,CAACM;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EAEH,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACvC,IAAAC,wBAAa,EAAC,mBAAmB,CAAC;IAClC,OAAO,IAAAC,mCAAY,EACjB,IAAAC,iCAAU,EAACb,YAAY,EAAE;MACvBc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAACb,YAAY,EAAE;MACxBc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAACb,YAAY,GAAG,CAAC,EAAE;MAC3Bc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAACb,YAAY,GAAG,CAAC,EAAE;MAC5Bc,QAAQ,EAAE,EAAE;MACZC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IACnC,CAAC,CAAC,EACF,IAAAL,iCAAU,EAAC,CAAC,EAAE;MAAEC,QAAQ,EAAE,EAAE;MAAEC,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;IAAE,CAAC,CACpE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEhB,SAAS;IAAEE,aAAa;IAAEK;EAAe,CAAC;AACrD,CAAC;AAACU,OAAA,CAAAlB,sBAAA,GAAAA,sBAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
-
import { IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
|
|
4
|
+
import { IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
|
|
5
5
|
import { makeFontStyleObject } from "../../utils/fonts";
|
|
6
6
|
import { AnimatedIcon, IconClassComponent } from "../icons";
|
|
7
7
|
import { HSpacer } from "../spacer/Spacer";
|
|
@@ -14,6 +14,13 @@ const mapColorStates = {
|
|
|
14
14
|
pressed: IOColors["blueIO-600"],
|
|
15
15
|
disabled: IOColors["grey-700"]
|
|
16
16
|
}
|
|
17
|
+
},
|
|
18
|
+
contrast: {
|
|
19
|
+
label: {
|
|
20
|
+
default: IOColors.white,
|
|
21
|
+
pressed: hexToRgba(IOColors.white, 0.85),
|
|
22
|
+
disabled: hexToRgba(IOColors.white, 0.5)
|
|
23
|
+
}
|
|
17
24
|
}
|
|
18
25
|
};
|
|
19
26
|
|
|
@@ -26,6 +33,13 @@ const mapLegacyColorStates = {
|
|
|
26
33
|
pressed: IOColors["blue-600"],
|
|
27
34
|
disabled: IOColors["grey-700"]
|
|
28
35
|
}
|
|
36
|
+
},
|
|
37
|
+
contrast: {
|
|
38
|
+
label: {
|
|
39
|
+
default: IOColors.white,
|
|
40
|
+
pressed: hexToRgba(IOColors.white, 0.85),
|
|
41
|
+
disabled: hexToRgba(IOColors.white, 0.5)
|
|
42
|
+
}
|
|
29
43
|
}
|
|
30
44
|
};
|
|
31
45
|
const DISABLED_OPACITY = 0.5;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","useIOExperimentalDesign","makeFontStyleObject","AnimatedIcon","IconClassComponent","HSpacer","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","mapLegacyColorStates","blue","DISABLED_OPACITY","IOButtonStylesLocal","create","fontSize","IOButtonLegacyStylesLocal","ButtonLink","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","colorMap","buttonStylesLocal","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","createAnimatedComponent","onPressIn","onPressOut","iconSize","createElement","accessibilityRole","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","opacity","Fragment","name","animatedProps","size","Text","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAAgCC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC3E,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,uBAAuB,QAClB,YAAY;AACnB,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,SACEC,YAAY,EAGZC,kBAAkB,QACb,UAAU;AACjB,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,kBAAkB,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedProps","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","makeFontStyleObject","AnimatedIcon","IconClassComponent","HSpacer","buttonTextFontSize","mapColorStates","primary","label","default","pressed","disabled","contrast","white","mapLegacyColorStates","blue","DISABLED_OPACITY","IOButtonStylesLocal","create","fontSize","IOButtonLegacyStylesLocal","ButtonLink","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","colorMap","buttonStylesLocal","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","scale","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","iconColor","AnimatedIconClassComponent","createAnimatedComponent","onPressIn","onPressOut","iconSize","createElement","accessibilityRole","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","dimensionsDefault","View","buttonLink","flexDirection","opacity","Fragment","name","animatedProps","size","Text","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAAgCC,SAAS,EAAEC,UAAU,QAAQ,cAAc;AAC3E,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,mBAAmB,QAAQ,mBAAmB;AAEvD,SACEC,YAAY,EAGZC,kBAAkB,QACb,UAAU;AACjB,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,kBAAkB,QAAQ,eAAe;AA0BlD,MAAMC,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,OAAO,EAAEb,QAAQ,CAAC,YAAY,CAAC;MAC/Bc,OAAO,EAAEd,QAAQ,CAAC,YAAY,CAAC;MAC/Be,QAAQ,EAAEf,QAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDgB,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLC,OAAO,EAAEb,QAAQ,CAACiB,KAAK;MACvBH,OAAO,EAAEX,SAAS,CAACH,QAAQ,CAACiB,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAEZ,SAAS,CAACH,QAAQ,CAACiB,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;;AAED;AACA,MAAMC,oBAGL,GAAG;EACF;EACAP,OAAO,EAAE;IACPC,KAAK,EAAE;MACLC,OAAO,EAAEb,QAAQ,CAACmB,IAAI;MACtBL,OAAO,EAAEd,QAAQ,CAAC,UAAU,CAAC;MAC7Be,QAAQ,EAAEf,QAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDgB,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLC,OAAO,EAAEb,QAAQ,CAACiB,KAAK;MACvBH,OAAO,EAAEX,SAAS,CAACH,QAAQ,CAACiB,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAEZ,SAAS,CAACH,QAAQ,CAACiB,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;AAED,MAAMG,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,mBAAmB,GAAGhC,UAAU,CAACiC,MAAM,CAAC;EAC5CV,KAAK,EAAE;IACL,GAAGP,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC;IACrDkB,QAAQ,EAAEd;EACZ;AACF,CAAC,CAAC;;AAEF;AACA,MAAMe,yBAAyB,GAAGnC,UAAU,CAACiC,MAAM,CAAC;EAClDV,KAAK,EAAE;IACLW,QAAQ,EAAE,EAAE;IACZ,GAAGlB,mBAAmB,CAAC,MAAM,EAAE,KAAK,EAAE,cAAc;EACtD;AACF,CAAC,CAAC;AAEF,OAAO,MAAMoB,UAAU,gBAAGxC,KAAK,CAACyC,IAAI,CAClCC,IAAA,IAUuB;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAVtB;IACCC,KAAK,GAAG,SAAS;IACjBrB,KAAK;IACLG,QAAQ,GAAG,KAAK;IAChBmB,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACe,CAAC,GAAAZ,IAAA;EAChB,MAAMa,SAAS,GAAG3C,cAAc,CAAC,CAAC,CAAC;EACnC,MAAM;IAAE4C;EAAe,CAAC,GAAGrC,uBAAuB,CAAC,CAAC;EAEpD,MAAMsC,QAAQ,GAAGvD,OAAO,CACtB,MAAOsD,cAAc,GAAG/B,cAAc,GAAGQ,oBAAqB,EAC9D,CAACuB,cAAc,CACjB,CAAC;EACD,MAAME,iBAAiB,GAAGxD,OAAO,CAC/B,MAAOsD,cAAc,GAAGpB,mBAAmB,GAAGG,yBAA0B,EACxE,CAACiB,cAAc,CACjB,CAAC;;EAED;EACA,MAAMG,mBAAmB,GAAG3C,aAAa,aAAbA,aAAa,gBAAA2B,qBAAA,GAAb3B,aAAa,CAAE4C,WAAW,cAAAjB,qBAAA,uBAA1BA,qBAAA,CAA4BkB,YAAY;;EAEpE;EACA,MAAMC,eAAe,GAAGnD,eAAe,CAAC,MACtCE,UAAU,CAAC0C,SAAS,CAACQ,KAAK,EAAE9C,cAAc,CAAC+C,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,qBAAqB,GAAGvD,gBAAgB,CAAC,MAAM;IACnD;;IAEA;IACA,MAAMwD,KAAK,GAAG3D,WAAW,CACvBuD,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxBrD,WAAW,CAAC6D,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,+BAA+B,GAAG3D,gBAAgB,CAAC,MAAM;IAC7D;;IAEA,MAAM4D,UAAU,GAAG9D,gBAAgB,CACjCsD,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,QAAQ,CAACT,KAAK,CAAC,CAACrB,KAAK,CAACC,OAAO,EAAE6B,QAAQ,CAACT,KAAK,CAAC,CAACrB,KAAK,CAACE,OAAO,CAC/D,CAAC;IAED,OAAO;MACLmB,KAAK,EAAEsB;IACT,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAMC,8BAA8B,GAAG9D,gBAAgB,CAAC,MAAM;IAC5D,MAAM+D,SAAS,GAAGhE,gBAAgB,CAChCsD,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,QAAQ,CAACT,KAAK,CAAC,CAACrB,KAAK,CAACC,OAAO,EAAE6B,QAAQ,CAACT,KAAK,CAAC,CAACrB,KAAK,CAACE,OAAO,CAC/D,CAAC;IAED,OAAO;MAAEmB,KAAK,EAAEwB;IAAU,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,0BAA0B,GAC9BpE,QAAQ,CAACqE,uBAAuB,CAACpD,kBAAkB,CAAC;EAEtD,MAAMqD,SAAS,GAAG1E,WAAW,CAAC,MAAM;IAClC;IACAsD,SAAS,CAACQ,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EACf,MAAMqB,UAAU,GAAG3E,WAAW,CAAC,MAAM;IACnC;IACAsD,SAAS,CAACQ,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;;EAEf;EACA,MAAMsB,QAAyB,GAAG,EAAE;EAEpC,oBACE7E,KAAA,CAAA8E,aAAA,CAAC3E,SAAS;IACRiD,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC0B,iBAAiB,EAAE,QAAS;IAC5BzB,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjBwB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEJ,UAAW;IACvBK,UAAU,EAAE,IAAK;IACjBnD,QAAQ,EAAEA,QAAS;IACnBoD,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE;IACtDC,KAAK,EAAEzE,cAAc,CAAC0E;EAAkB,gBAExCxF,KAAA,CAAA8E,aAAA,CAACzE,QAAQ,CAACoF,IAAI;IACZF,KAAK,EAAE,CACLzE,cAAc,CAAC4E,UAAU,EACzBxC,YAAY,KAAK,KAAK,IAAI;MAAEyC,aAAa,EAAE;IAAc,CAAC,EAC1D7D,QAAQ,GAAG;MAAE8D,OAAO,EAAEzD;IAAiB,CAAC,GAAG,CAAC,CAAC;IAC7C;AACZ;IACY,CAACL,QAAQ,IAAImC,qBAAqB;EAClC,GAEDhB,IAAI,iBACHjD,KAAA,CAAA8E,aAAA,CAAA9E,KAAA,CAAA6F,QAAA,QACG,CAAC/D,QAAQ,gBACR9B,KAAA,CAAA8E,aAAA,CAACL,0BAA0B;IACzBqB,IAAI,EAAE7C,IAAK;IACX8C,aAAa,EAAExB,8BAA+B;IAC9CvB,KAAK,GAAAJ,eAAA,GAAEa,QAAQ,CAACT,KAAK,CAAC,cAAAJ,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBjB,KAAK,cAAAiB,eAAA,uBAAtBA,eAAA,CAAwBhB,OAAQ;IACvCoE,IAAI,EAAEnB;EAAS,CAChB,CAAC,gBAEF7E,KAAA,CAAA8E,aAAA,CAACzD,YAAY;IACXyE,IAAI,EAAE7C,IAAK;IACXD,KAAK,GAAAH,gBAAA,GAAEY,QAAQ,CAACT,KAAK,CAAC,cAAAH,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBlB,KAAK,cAAAkB,gBAAA,uBAAtBA,gBAAA,CAAwBf,QAAS;IACxCkE,IAAI,EAAEnB;EAAS,CAChB,CACF,eACD7E,KAAA,CAAA8E,aAAA,CAACvD,OAAO;IAACyE,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,eACDhG,KAAA,CAAA8E,aAAA,CAACzE,QAAQ,CAAC4F,IAAI;IACZV,KAAK,EAAE,CACL7B,iBAAiB,CAAC/B,KAAK,EACvBG,QAAQ,GACJ;MAAEkB,KAAK,GAAAF,gBAAA,GAAEW,QAAQ,CAACT,KAAK,CAAC,cAAAF,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBnB,KAAK,cAAAmB,gBAAA,uBAAtBA,gBAAA,CAAwBhB;IAAS,CAAC,GAC3C;MAAEkB,KAAK,GAAAD,gBAAA,GAAEU,QAAQ,CAACT,KAAK,CAAC,cAAAD,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBpB,KAAK,cAAAoB,gBAAA,uBAAtBA,gBAAA,CAAwBnB;IAAQ,CAAC,EAC9C,CAACE,QAAQ,IAAIuC,+BAA+B,CAC5C;IACF6B,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBC,gBAAgB,EAAE5C,cAAe;IACjC6C,qBAAqB,EAAE;EAAI,GAE1B1E,KACY,CACF,CACN,CAAC;AAEhB,CACF,CAAC;AAED,eAAea,UAAU"}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { useState } from "react";
|
|
3
|
-
import { Pressable,
|
|
4
|
-
import { IOColors, useIOExperimentalDesign } from "../../core";
|
|
3
|
+
import { Pressable, View } from "react-native";
|
|
5
4
|
import { IOStyles } from "../../core/IOStyles";
|
|
6
5
|
import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
|
|
7
|
-
import { makeFontStyleObject } from "../../utils/fonts";
|
|
8
6
|
import { HSpacer } from "../spacer/Spacer";
|
|
9
7
|
import { H6 } from "../typography/H6";
|
|
10
8
|
import { AnimatedCheckbox } from "./AnimatedCheckbox";
|
|
@@ -12,17 +10,6 @@ const DISABLED_OPACITY = 0.5;
|
|
|
12
10
|
|
|
13
11
|
// disabled: the component is no longer touchable
|
|
14
12
|
// onPress:
|
|
15
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
16
|
-
const styles = StyleSheet.create({
|
|
17
|
-
legacyTextValue: {
|
|
18
|
-
fontSize: 16,
|
|
19
|
-
lineHeight: 24,
|
|
20
|
-
color: IOColors.bluegreyDark,
|
|
21
|
-
flexShrink: 1,
|
|
22
|
-
...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
|
|
26
13
|
/**
|
|
27
14
|
* A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
28
15
|
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
@@ -38,21 +25,6 @@ export const CheckboxLabel = _ref => {
|
|
|
38
25
|
onValueChange
|
|
39
26
|
} = _ref;
|
|
40
27
|
const [toggleValue, setToggleValue] = useState(checked ?? false);
|
|
41
|
-
const {
|
|
42
|
-
isExperimental
|
|
43
|
-
} = useIOExperimentalDesign();
|
|
44
|
-
const checkboxLabelText = /*#__PURE__*/React.createElement(H6, {
|
|
45
|
-
style: {
|
|
46
|
-
flexShrink: 1
|
|
47
|
-
},
|
|
48
|
-
color: "black"
|
|
49
|
-
}, label);
|
|
50
|
-
|
|
51
|
-
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
52
|
-
const legacyCheckboxlabelText = /*#__PURE__*/React.createElement(Text, {
|
|
53
|
-
style: styles.legacyTextValue
|
|
54
|
-
}, label);
|
|
55
|
-
const checkboxLabelTextComponent = isExperimental ? checkboxLabelText : legacyCheckboxlabelText;
|
|
56
28
|
const toggleCheckbox = () => {
|
|
57
29
|
triggerHaptic("impactLight");
|
|
58
30
|
setToggleValue(!toggleValue);
|
|
@@ -86,6 +58,11 @@ export const CheckboxLabel = _ref => {
|
|
|
86
58
|
checked: checked ?? toggleValue
|
|
87
59
|
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
88
60
|
size: 8
|
|
89
|
-
}),
|
|
61
|
+
}), /*#__PURE__*/React.createElement(H6, {
|
|
62
|
+
style: {
|
|
63
|
+
flexShrink: 1
|
|
64
|
+
},
|
|
65
|
+
color: "black"
|
|
66
|
+
}, label)));
|
|
90
67
|
};
|
|
91
68
|
//# sourceMappingURL=CheckboxLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","Pressable","
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","View","IOStyles","triggerHaptic","HSpacer","H6","AnimatedCheckbox","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","row","alignItems","width","pointerEvents","size","flexShrink","color"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,gBAAgB,QAAQ,oBAAoB;AAQrD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAKb;EAAA,IALc;IAC5BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMK,cAAc,GAAGA,CAAA,KAAM;IAC3Bb,aAAa,CAAC,aAAa,CAAC;IAC5BY,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKI,SAAS,EAAE;MAC/BJ,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEX,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;IACA;IACA;IAAA;IACAiB,8BAA8B,EAAE;EAAK,gBAErC1B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAACoB,KAAK,EAAE,CAACnB,QAAQ,CAACuB,GAAG,EAAE;MAAEC,UAAU,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO,CAAC;EAAE,gBACnE7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACH2B,aAAa,EAAC,MAAM;IACpBP,KAAK,EAAE;MACLC,SAAS,EAAE;IACb;EAAE,gBAEFxB,KAAA,CAAAoB,aAAA,CAACZ,gBAAgB;IAACK,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAChD,CAAC,eACPhB,KAAA,CAAAoB,aAAA,CAACd,OAAO;IAACyB,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB/B,KAAA,CAAAoB,aAAA,CAACb,EAAE;IAACgB,KAAK,EAAE;MAAES,UAAU,EAAE;IAAE,CAAE;IAACC,KAAK,EAAE;EAAQ,GAC1CrB,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React, { useEffect, useMemo } from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
|
-
import Animated
|
|
3
|
+
import Animated from "react-native-reanimated";
|
|
4
4
|
import { IOColors, IOStyles } from "../../core";
|
|
5
5
|
import { triggerHaptic } from "../../functions";
|
|
6
6
|
import { HSpacer } from "../spacer";
|
|
7
|
+
import { useErrorShakeAnimation } from "../../utils/hooks/useErrorShakeAnimation";
|
|
7
8
|
const DOT_SIZE = 16;
|
|
8
9
|
const styles = StyleSheet.create({
|
|
9
10
|
dotShape: {
|
|
@@ -42,13 +43,11 @@ export const CodeInput = _ref2 => {
|
|
|
42
43
|
onValidate
|
|
43
44
|
} = _ref2;
|
|
44
45
|
const [status, setStatus] = React.useState("default");
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}]
|
|
51
|
-
}));
|
|
46
|
+
const {
|
|
47
|
+
translate,
|
|
48
|
+
animatedStyle,
|
|
49
|
+
shakeAnimation
|
|
50
|
+
} = useErrorShakeAnimation();
|
|
52
51
|
const fillColor = useMemo(() => status === "error" ? "error-600" : variant === "light" ? "white" : "black", [variant, status]);
|
|
53
52
|
useEffect(() => {
|
|
54
53
|
if (onValidate && value.length === length) {
|
|
@@ -58,22 +57,7 @@ export const CodeInput = _ref2 => {
|
|
|
58
57
|
triggerHaptic("notificationError");
|
|
59
58
|
|
|
60
59
|
// eslint-disable-next-line functional/immutable-data
|
|
61
|
-
translate.value =
|
|
62
|
-
duration: 75,
|
|
63
|
-
easing: Easing.inOut(Easing.cubic)
|
|
64
|
-
}), withTiming(-shakeOffset, {
|
|
65
|
-
duration: 75,
|
|
66
|
-
easing: Easing.inOut(Easing.cubic)
|
|
67
|
-
}), withTiming(shakeOffset / 2, {
|
|
68
|
-
duration: 75,
|
|
69
|
-
easing: Easing.inOut(Easing.cubic)
|
|
70
|
-
}), withTiming(-shakeOffset / 2, {
|
|
71
|
-
duration: 75,
|
|
72
|
-
easing: Easing.inOut(Easing.cubic)
|
|
73
|
-
}), withTiming(0, {
|
|
74
|
-
duration: 75,
|
|
75
|
-
easing: Easing.inOut(Easing.cubic)
|
|
76
|
-
}));
|
|
60
|
+
translate.value = shakeAnimation();
|
|
77
61
|
const timer = setTimeout(() => {
|
|
78
62
|
setStatus("default");
|
|
79
63
|
onValueChange("");
|
|
@@ -82,7 +66,7 @@ export const CodeInput = _ref2 => {
|
|
|
82
66
|
}
|
|
83
67
|
}
|
|
84
68
|
return;
|
|
85
|
-
}, [value, onValidate, length, onValueChange, translate]);
|
|
69
|
+
}, [value, onValidate, length, onValueChange, translate, shakeAnimation]);
|
|
86
70
|
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
87
71
|
style: [IOStyles.row, styles.wrapper, animatedStyle]
|
|
88
72
|
}, [...Array(length)].map((_, i, arr) => /*#__PURE__*/React.createElement(React.Fragment, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","StyleSheet","View","Animated","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","StyleSheet","View","Animated","IOColors","IOStyles","triggerHaptic","HSpacer","useErrorShakeAnimation","DOT_SIZE","styles","create","dotShape","width","height","borderRadius","borderWidth","dotEmpty","borderColor","wrapper","justifyContent","EmptyDot","createElement","style","FilletDot","_ref","color","backgroundColor","CodeInput","_ref2","length","value","onValueChange","variant","onValidate","status","setStatus","useState","translate","animatedStyle","shakeAnimation","fillColor","isValid","timer","setTimeout","clearTimeout","row","Array","map","_","i","arr","Fragment","key","size"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,YAAY;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,sBAAsB,QAAQ,0CAA0C;AAUjF,MAAMC,QAAQ,GAAG,EAAE;AAEnB,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,KAAK,EAAEJ,QAAQ;IACfK,MAAM,EAAEL,QAAQ;IAChBM,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAEd,QAAQ,CAAC,UAAU;EAClC,CAAC;EACDe,OAAO,EAAE;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,MAAMC,QAAQ,GAAGA,CAAA,kBAAMvB,KAAA,CAAAwB,aAAA,CAACpB,IAAI;EAACqB,KAAK,EAAE,CAACb,MAAM,CAACE,QAAQ,EAAEF,MAAM,CAACO,QAAQ;AAAE,CAAE,CAAC;AAE1E,MAAMO,SAAS,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA2B,CAAC,GAAAD,IAAA;EAAA,oBAC/C3B,KAAA,CAAAwB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CACLb,MAAM,CAACE,QAAQ,EACf;MAAEe,eAAe,EAAEvB,QAAQ,CAACsB,KAAK,CAAC;MAAER,WAAW,EAAEd,QAAQ,CAACsB,KAAK;IAAE,CAAC;EAClE,CACH,CAAC;AAAA,CACH;AAED,OAAO,MAAME,SAAS,GAAGC,KAAA,IAMH;EAAA,IANI;IACxBC,MAAM;IACNC,KAAK;IACLC,aAAa;IACbC,OAAO,GAAG,OAAO;IACjBC;EACc,CAAC,GAAAL,KAAA;EACf,MAAM,CAACM,MAAM,EAAEC,SAAS,CAAC,GAAGtC,KAAK,CAACuC,QAAQ,CAAsB,SAAS,CAAC;EAE1E,MAAM;IAAEC,SAAS;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAGhC,sBAAsB,CAAC,CAAC;EAE7E,MAAMiC,SAAS,GAAGzC,OAAO,CACvB,MACEmC,MAAM,KAAK,OAAO,GACd,WAAW,GACXF,OAAO,KAAK,OAAO,GACnB,OAAO,GACP,OAAO,EACb,CAACA,OAAO,EAAEE,MAAM,CAClB,CAAC;EAEDpC,SAAS,CAAC,MAAM;IACd,IAAImC,UAAU,IAAIH,KAAK,CAACD,MAAM,KAAKA,MAAM,EAAE;MACzC,MAAMY,OAAO,GAAGR,UAAU,CAACH,KAAK,CAAC;MAEjC,IAAI,CAACW,OAAO,EAAE;QACZN,SAAS,CAAC,OAAO,CAAC;QAClB9B,aAAa,CAAC,mBAAmB,CAAC;;QAElC;QACAgC,SAAS,CAACP,KAAK,GAAGS,cAAc,CAAC,CAAC;QAElC,MAAMG,KAAK,GAAGC,UAAU,CAAC,MAAM;UAC7BR,SAAS,CAAC,SAAS,CAAC;UACpBJ,aAAa,CAAC,EAAE,CAAC;QACnB,CAAC,EAAE,GAAG,CAAC;QACP,OAAO,MAAMa,YAAY,CAACF,KAAK,CAAC;MAClC;IACF;IACA;EACF,CAAC,EAAE,CAACZ,KAAK,EAAEG,UAAU,EAAEJ,MAAM,EAAEE,aAAa,EAAEM,SAAS,EAAEE,cAAc,CAAC,CAAC;EAEzE,oBACE1C,KAAA,CAAAwB,aAAA,CAACnB,QAAQ,CAACD,IAAI;IAACqB,KAAK,EAAE,CAAClB,QAAQ,CAACyC,GAAG,EAAEpC,MAAM,CAACS,OAAO,EAAEoB,aAAa;EAAE,GACjE,CAAC,GAAGQ,KAAK,CAACjB,MAAM,CAAC,CAAC,CAACkB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,EAAEC,GAAG,kBAChCrD,KAAA,CAAAwB,aAAA,CAACxB,KAAK,CAACsD,QAAQ;IAACC,GAAG,EAAEH;EAAE,GACpBnB,KAAK,CAACmB,CAAC,CAAC,gBACPpD,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAsD,QAAA,qBACEtD,KAAA,CAAAwB,aAAA,CAACE,SAAS;IAACE,KAAK,EAAEe;EAAU,CAAE,CAAC,EAC9BS,CAAC,KAAKC,GAAG,CAACrB,MAAM,GAAG,CAAC,iBAAIhC,KAAA,CAAAwB,aAAA,CAACf,OAAO;IAAC+C,IAAI,EAAE7C;EAAS,CAAE,CACnD,CAAC,gBAEHX,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAsD,QAAA,qBACEtD,KAAA,CAAAwB,aAAA,CAACD,QAAQ,MAAE,CAAC,EACX6B,CAAC,KAAKC,GAAG,CAACrB,MAAM,GAAG,CAAC,iBAAIhC,KAAA,CAAAwB,aAAA,CAACf,OAAO;IAAC+C,IAAI,EAAE7C;EAAS,CAAE,CACnD,CAEU,CACjB,CACY,CAAC;AAEpB,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/* eslint-disable functional/immutable-data */
|
|
2
|
+
import React from "react";
|
|
3
|
+
import Animated, { withDelay, withSpring, withTiming } from "react-native-reanimated";
|
|
4
|
+
const ScaleInOutAnimation = _ref => {
|
|
5
|
+
let {
|
|
6
|
+
visible = true,
|
|
7
|
+
springConfig = {
|
|
8
|
+
damping: 500,
|
|
9
|
+
mass: 3,
|
|
10
|
+
stiffness: 1000
|
|
11
|
+
},
|
|
12
|
+
delayOut = 0,
|
|
13
|
+
delayIn = 0,
|
|
14
|
+
children,
|
|
15
|
+
style
|
|
16
|
+
} = _ref;
|
|
17
|
+
const enteringAnimation = () => {
|
|
18
|
+
"worklet";
|
|
19
|
+
|
|
20
|
+
return {
|
|
21
|
+
initialValues: {
|
|
22
|
+
transform: [{
|
|
23
|
+
scale: 0
|
|
24
|
+
}]
|
|
25
|
+
},
|
|
26
|
+
animations: {
|
|
27
|
+
transform: [{
|
|
28
|
+
scale: withDelay(delayIn, withSpring(1, springConfig))
|
|
29
|
+
}]
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
const exitingAnimation = () => {
|
|
34
|
+
"worklet";
|
|
35
|
+
|
|
36
|
+
return {
|
|
37
|
+
initialValues: {
|
|
38
|
+
transform: [{
|
|
39
|
+
scale: 1
|
|
40
|
+
}]
|
|
41
|
+
},
|
|
42
|
+
animations: {
|
|
43
|
+
transform: [{
|
|
44
|
+
scale: withDelay(delayOut, withTiming(0))
|
|
45
|
+
}]
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
if (!visible) {
|
|
50
|
+
return null;
|
|
51
|
+
}
|
|
52
|
+
return /*#__PURE__*/React.createElement(Animated.View, {
|
|
53
|
+
style: style,
|
|
54
|
+
entering: enteringAnimation,
|
|
55
|
+
exiting: exitingAnimation
|
|
56
|
+
}, children);
|
|
57
|
+
};
|
|
58
|
+
export { ScaleInOutAnimation };
|
|
59
|
+
//# sourceMappingURL=ScaleInOutAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Animated","withDelay","withSpring","withTiming","ScaleInOutAnimation","_ref","visible","springConfig","damping","mass","stiffness","delayOut","delayIn","children","style","enteringAnimation","initialValues","transform","scale","animations","exitingAnimation","createElement","View","entering","exiting"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,IAGbC,SAAS,EACTC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAWhC,MAAMC,mBAAmB,GAAGC,IAAA,IAOf;EAAA,IAPgB;IAC3BC,OAAO,GAAG,IAAI;IACdC,YAAY,GAAG;MAAEC,OAAO,EAAE,GAAG;MAAEC,IAAI,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAK,CAAC;IACzDC,QAAQ,GAAG,CAAC;IACZC,OAAO,GAAG,CAAC;IACXC,QAAQ;IACRC;EACK,CAAC,GAAAT,IAAA;EACN,MAAMU,iBAAiB,GAAGA,CAAA,KAAuB;IAC/C,SAAS;;IACT,OAAO;MACLC,aAAa,EAAE;QACbC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE,CAAC;MAC1B,CAAC;MACDC,UAAU,EAAE;QACVF,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEjB,SAAS,CAACW,OAAO,EAAEV,UAAU,CAAC,CAAC,EAAEK,YAAY,CAAC;QAAE,CAAC;MACxE;IACF,CAAC;EACH,CAAC;EAED,MAAMa,gBAAgB,GAAGA,CAAA,KAAuB;IAC9C,SAAS;;IACT,OAAO;MACLJ,aAAa,EAAE;QACbC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE,CAAC;MAC1B,CAAC;MACDC,UAAU,EAAE;QACVF,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEjB,SAAS,CAACU,QAAQ,EAAER,UAAU,CAAC,CAAC,CAAC;QAAE,CAAC;MAC3D;IACF,CAAC;EACH,CAAC;EAED,IAAI,CAACG,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAsB,aAAA,CAACrB,QAAQ,CAACsB,IAAI;IACZR,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAER,iBAAkB;IAC5BS,OAAO,EAAEJ;EAAiB,GAEzBP,QACY,CAAC;AAEpB,CAAC;AAED,SAAST,mBAAmB"}
|