@pagopa/io-app-design-system 1.12.0 → 1.13.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/ButtonSolid.js +36 -8
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +46 -29
- package/lib/commonjs/components/index.js +11 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/BlockButtons.js +1 -4
- package/lib/commonjs/components/layout/BlockButtons.js.map +1 -1
- package/lib/commonjs/components/layout/FooterWithButtons.js +20 -9
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +8 -8
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +94 -0
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -0
- package/lib/commonjs/components/loadingSpinner/index.js +17 -0
- package/lib/commonjs/components/loadingSpinner/index.js.map +1 -0
- package/lib/commonjs/components/pictograms/Pictogram.js +5 -1
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramBleedNotification.js +47 -0
- package/lib/commonjs/components/pictograms/svg/PictogramBleedNotification.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramNotification.js +47 -0
- package/lib/commonjs/components/pictograms/svg/PictogramNotification.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramBleedNotification.svg +30 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramNotification.svg +30 -0
- package/lib/commonjs/core/IOStyles.js +10 -0
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/core/IOTransitions.js +106 -0
- package/lib/commonjs/core/IOTransitions.js.map +1 -0
- package/lib/commonjs/core/index.js +11 -0
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +36 -9
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +46 -29
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/BlockButtons.js +1 -4
- package/lib/module/components/layout/BlockButtons.js.map +1 -1
- package/lib/module/components/layout/FooterWithButtons.js +20 -10
- package/lib/module/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/module/components/layout/HeaderFirstLevel.js +6 -6
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +8 -8
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +86 -0
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -0
- package/lib/module/components/loadingSpinner/index.js +2 -0
- package/lib/module/components/loadingSpinner/index.js.map +1 -0
- package/lib/module/components/pictograms/Pictogram.js +5 -1
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramBleedNotification.js +39 -0
- package/lib/module/components/pictograms/svg/PictogramBleedNotification.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramNotification.js +39 -0
- package/lib/module/components/pictograms/svg/PictogramNotification.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramBleedNotification.svg +30 -0
- package/lib/module/components/pictograms/svg/originals/PictogramNotification.svg +30 -0
- package/lib/module/core/IOStyles.js +10 -0
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/core/IOTransitions.js +98 -0
- package/lib/module/core/IOTransitions.js.map +1 -0
- package/lib/module/core/index.js +1 -0
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +5 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +4 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +17 -0
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -0
- package/lib/typescript/components/loadingSpinner/index.d.ts +2 -0
- package/lib/typescript/components/loadingSpinner/index.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts +2 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramBleedNotification.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramBleedNotification.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramNotification.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramNotification.d.ts.map +1 -0
- package/lib/typescript/core/IOStyles.d.ts +10 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/core/IOTransitions.d.ts +58 -0
- package/lib/typescript/core/IOTransitions.d.ts.map +1 -0
- package/lib/typescript/core/index.d.ts +1 -0
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/lib/typescript/stories/ButtonDS.stories.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonSolid.tsx +67 -22
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +46 -29
- package/src/components/index.tsx +1 -0
- package/src/components/layout/BlockButtons.tsx +1 -1
- package/src/components/layout/FooterWithButtons.tsx +11 -5
- package/src/components/layout/HeaderFirstLevel.tsx +5 -6
- package/src/components/layout/HeaderSecondLevel.tsx +11 -11
- package/src/components/loadingSpinner/LoadingSpinner.tsx +121 -0
- package/src/components/loadingSpinner/index.tsx +1 -0
- package/src/components/pictograms/Pictogram.tsx +7 -2
- package/src/components/pictograms/svg/PictogramBleedNotification.tsx +42 -0
- package/src/components/pictograms/svg/PictogramNotification.tsx +42 -0
- package/src/components/pictograms/svg/originals/PictogramBleedNotification.svg +30 -0
- package/src/components/pictograms/svg/originals/PictogramNotification.svg +30 -0
- package/src/core/IOStyles.ts +10 -0
- package/src/core/IOTransitions.ts +94 -0
- package/src/core/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_IOColors","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IOAnimations","_IOStyles","_IOShapes","_IOSpacing","_IOStyleVariables","_IODSExperimentalContextProvider"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,aAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,aAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,aAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,aAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,
|
|
1
|
+
{"version":3,"names":["_IOColors","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_IOAnimations","_IOTransitions","_IOStyles","_IOShapes","_IOSpacing","_IOStyleVariables","_IODSExperimentalContextProvider"],"sourceRoot":"../../../src","sources":["core/index.ts"],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { useCallback } from "react";
|
|
2
2
|
import { Pressable, StyleSheet } from "react-native";
|
|
3
3
|
import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
+
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
4
5
|
import { Icon } from "../icons";
|
|
5
6
|
import { HSpacer } from "../spacer/Spacer";
|
|
6
7
|
import { ButtonText } from "../typography/ButtonText";
|
|
7
|
-
import { IOButtonLegacyStyles, IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, useIOExperimentalDesign } from "../../core";
|
|
8
|
+
import { IOButtonLegacyStyles, IOButtonStyles, IOColors, IOScaleValues, IOSpringValues, enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIOExperimentalDesign } from "../../core";
|
|
9
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
8
10
|
// Disabled state
|
|
9
11
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
10
12
|
const colorPrimaryLegacyButtonDisabled = "bluegreyLight";
|
|
@@ -91,6 +93,7 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
91
93
|
label,
|
|
92
94
|
fullWidth = false,
|
|
93
95
|
disabled = false,
|
|
96
|
+
loading = false,
|
|
94
97
|
icon,
|
|
95
98
|
iconPosition = "start",
|
|
96
99
|
onPress,
|
|
@@ -132,31 +135,55 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
132
135
|
// eslint-disable-next-line functional/immutable-data
|
|
133
136
|
isPressed.value = 0;
|
|
134
137
|
}, [isPressed]);
|
|
138
|
+
const handleOnPress = useCallback(event => {
|
|
139
|
+
/* Don't call `onPress` if the button is
|
|
140
|
+
in loading state */
|
|
141
|
+
if (loading) {
|
|
142
|
+
return;
|
|
143
|
+
}
|
|
144
|
+
ReactNativeHapticFeedback.trigger("impactLight");
|
|
145
|
+
onPress(event);
|
|
146
|
+
}, [loading, onPress]);
|
|
135
147
|
|
|
136
148
|
// Label & Icons colors
|
|
137
149
|
const foregroundColor = disabled ? (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.label) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.disabled : (_colorMap$color2 = colorMap[color]) === null || _colorMap$color2 === void 0 || (_colorMap$color2 = _colorMap$color2.label) === null || _colorMap$color2 === void 0 ? void 0 : _colorMap$color2.default;
|
|
138
150
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
151
|
+
testID: testID,
|
|
152
|
+
accessible: true,
|
|
139
153
|
accessibilityLabel: accessibilityLabel,
|
|
140
154
|
accessibilityHint: accessibilityHint,
|
|
155
|
+
accessibilityState: {
|
|
156
|
+
busy: loading
|
|
157
|
+
},
|
|
141
158
|
accessibilityRole: "button",
|
|
142
|
-
|
|
143
|
-
onPress: onPress,
|
|
159
|
+
onPress: handleOnPress,
|
|
144
160
|
onPressIn: onPressIn,
|
|
145
161
|
onPressOut: onPressOut,
|
|
146
|
-
accessible: true,
|
|
147
162
|
disabled: disabled,
|
|
148
163
|
style: !fullWidth ? IOButtonStyles.dimensionsDefault : {}
|
|
149
164
|
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
150
|
-
style: [buttonStyles.button,
|
|
165
|
+
style: [buttonStyles.button, {
|
|
166
|
+
overflow: "hidden"
|
|
167
|
+
}, isExperimental && fullWidth && {
|
|
151
168
|
paddingHorizontal: 16
|
|
152
|
-
}, iconPosition === "end" && {
|
|
153
|
-
flexDirection: "row-reverse"
|
|
154
169
|
}, buttonStyles.buttonSizeDefault, disabled ? isExperimental ? styles.backgroundDisabled : legacyStyles.backgroundDisabled : {
|
|
155
170
|
backgroundColor: (_colorMap$color3 = colorMap[color]) === null || _colorMap$color3 === void 0 ? void 0 : _colorMap$color3.default
|
|
156
171
|
},
|
|
157
172
|
/* Prevent Reanimated from overriding background colors
|
|
158
|
-
|
|
173
|
+
if button is disabled */
|
|
159
174
|
!disabled && pressedAnimationStyle]
|
|
175
|
+
}, loading && /*#__PURE__*/React.createElement(Animated.View, {
|
|
176
|
+
style: buttonStyles.buttonInner,
|
|
177
|
+
entering: enterTransitionInnerContentSmall,
|
|
178
|
+
exiting: exitTransitionInnerContent
|
|
179
|
+
}, /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
180
|
+
color: foregroundColor
|
|
181
|
+
})), !loading && /*#__PURE__*/React.createElement(Animated.View, {
|
|
182
|
+
style: [buttonStyles.buttonInner, iconPosition === "end" && {
|
|
183
|
+
flexDirection: "row-reverse"
|
|
184
|
+
}],
|
|
185
|
+
entering: enterTransitionInnerContent,
|
|
186
|
+
exiting: exitTransitionInnerContent
|
|
160
187
|
}, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
|
|
161
188
|
name: icon,
|
|
162
189
|
size: iconSize,
|
|
@@ -170,7 +197,7 @@ export const ButtonSolid = /*#__PURE__*/React.memo(_ref => {
|
|
|
170
197
|
ellipsizeMode: "tail",
|
|
171
198
|
allowFontScaling: isExperimental,
|
|
172
199
|
maxFontSizeMultiplier: 1.3
|
|
173
|
-
}, label)));
|
|
200
|
+
}, label))));
|
|
174
201
|
});
|
|
175
202
|
export default ButtonSolid;
|
|
176
203
|
//# sourceMappingURL=ButtonSolid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Icon","HSpacer","ButtonText","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","useIOExperimentalDesign","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","foregroundColor","createElement","
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","ReactNativeHapticFeedback","Icon","HSpacer","ButtonText","IOButtonLegacyStyles","IOButtonStyles","IOColors","IOScaleValues","IOSpringValues","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOExperimentalDesign","LoadingSpinner","colorPrimaryLegacyButtonDisabled","legacyStyles","create","backgroundDisabled","backgroundColor","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","default","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","isExperimental","animationScaleValue","basicButton","pressedState","colorMap","useMemo","buttonStyles","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","trigger","foregroundColor","createElement","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","exiting","flexDirection","Fragment","name","size","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -371,7 +371,7 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
371
371
|
accessibilityRole="button"
|
|
372
372
|
accessibilityState={
|
|
373
373
|
{
|
|
374
|
-
"busy":
|
|
374
|
+
"busy": false,
|
|
375
375
|
"checked": undefined,
|
|
376
376
|
"disabled": false,
|
|
377
377
|
"expanded": undefined,
|
|
@@ -416,7 +416,9 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
416
416
|
"paddingHorizontal": 16,
|
|
417
417
|
"textAlignVertical": "center",
|
|
418
418
|
},
|
|
419
|
-
|
|
419
|
+
{
|
|
420
|
+
"overflow": "hidden",
|
|
421
|
+
},
|
|
420
422
|
false,
|
|
421
423
|
{
|
|
422
424
|
"height": 40,
|
|
@@ -435,40 +437,55 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
435
437
|
]
|
|
436
438
|
}
|
|
437
439
|
>
|
|
438
|
-
<
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
defaultColor="white"
|
|
442
|
-
defaultWeight="Bold"
|
|
443
|
-
ellipsizeMode="tail"
|
|
444
|
-
font="TitilliumWeb"
|
|
445
|
-
fontStyle={
|
|
446
|
-
{
|
|
447
|
-
"fontSize": 16,
|
|
448
|
-
}
|
|
449
|
-
}
|
|
450
|
-
maxFontSizeMultiplier={1.3}
|
|
451
|
-
numberOfLines={1}
|
|
440
|
+
<View
|
|
441
|
+
entering={[Function]}
|
|
442
|
+
exiting={[Function]}
|
|
452
443
|
style={
|
|
453
444
|
[
|
|
454
445
|
{
|
|
455
|
-
"
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
"fontSize": 16,
|
|
459
|
-
},
|
|
460
|
-
{
|
|
461
|
-
"color": "#FFFFFF",
|
|
462
|
-
"fontFamily": "Titillium Web",
|
|
463
|
-
"fontStyle": "normal",
|
|
464
|
-
"fontWeight": "700",
|
|
446
|
+
"alignItems": "center",
|
|
447
|
+
"flexDirection": "row",
|
|
448
|
+
"justifyContent": "center",
|
|
465
449
|
},
|
|
450
|
+
false,
|
|
466
451
|
]
|
|
467
452
|
}
|
|
468
|
-
weight="Bold"
|
|
469
453
|
>
|
|
470
|
-
|
|
471
|
-
|
|
454
|
+
<Text
|
|
455
|
+
allowFontScaling={false}
|
|
456
|
+
color="white"
|
|
457
|
+
defaultColor="white"
|
|
458
|
+
defaultWeight="Bold"
|
|
459
|
+
ellipsizeMode="tail"
|
|
460
|
+
font="TitilliumWeb"
|
|
461
|
+
fontStyle={
|
|
462
|
+
{
|
|
463
|
+
"fontSize": 16,
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
maxFontSizeMultiplier={1.3}
|
|
467
|
+
numberOfLines={1}
|
|
468
|
+
style={
|
|
469
|
+
[
|
|
470
|
+
{
|
|
471
|
+
"alignSelf": "center",
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"fontSize": 16,
|
|
475
|
+
},
|
|
476
|
+
{
|
|
477
|
+
"color": "#FFFFFF",
|
|
478
|
+
"fontFamily": "Titillium Web",
|
|
479
|
+
"fontStyle": "normal",
|
|
480
|
+
"fontWeight": "700",
|
|
481
|
+
},
|
|
482
|
+
]
|
|
483
|
+
}
|
|
484
|
+
weight="Bold"
|
|
485
|
+
>
|
|
486
|
+
label
|
|
487
|
+
</Text>
|
|
488
|
+
</View>
|
|
472
489
|
</View>
|
|
473
490
|
</View>
|
|
474
491
|
`;
|
|
@@ -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,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU"}
|
|
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,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU"}
|
|
@@ -69,10 +69,7 @@ export const BlockButtons = props => {
|
|
|
69
69
|
fullWidth: true
|
|
70
70
|
}, props.buttonProps)));
|
|
71
71
|
return /*#__PURE__*/React.createElement(View, {
|
|
72
|
-
style:
|
|
73
|
-
...IOStyles.flex,
|
|
74
|
-
...IOStyles.row
|
|
75
|
-
}
|
|
72
|
+
style: IOStyles.row
|
|
76
73
|
}, renderLeftButton(), renderMidButton(), renderRightButton());
|
|
77
74
|
};
|
|
78
75
|
//# sourceMappingURL=BlockButtons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","HSpacer","ButtonOutline","ButtonSolid","IOStyles","styles","create","button","alignContent","justifyContent","flex","buttonTwoThirds","BlockButtons","props","renderRightButton","type","secondaryButtonStyle","createElement","Fragment","size","renderButton","secondary","renderMidButton","third","renderLeftButton","primaryButtonStyle","primary","style","_extends","fullWidth","buttonProps","row"],"sourceRoot":"../../../../src","sources":["components/layout/BlockButtons.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,aAAa,EAAEC,WAAW,QAA0B,YAAY;AACzE,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE;EACR,CAAC;EACDC,eAAe,EAAE;IACfH,YAAY,EAAE,QAAQ;IACtBE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAYF;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAgBA;AACA;AACA;AACA,OAAO,MAAME,YAAY,GAAIC,KAAY,IAAK;EAC5C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAID,KAAK,CAACE,IAAI,KAAK,cAAc,EAAE;MACjC,OAAO,IAAI;IACb;IAEA,MAAMC,oBAAoB,GACxBH,KAAK,CAACE,IAAI,KAAK,uBAAuB,GAClCV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,oBACET,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACQ,SAAS,EAAEL,oBAAoB,CACrC,CAAC;EAErB,CAAC;EAED,MAAMM,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIT,KAAK,CAACE,IAAI,KAAK,oBAAoB,EAAE;MACvC,OAAO,IAAI;IACb;IAEA,oBACEjB,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACU,KAAK,EAAElB,MAAM,CAACE,MAAM,CAC1B,CAAC;EAErB,CAAC;EAED,MAAMiB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAMC,kBAAkB,GACtBZ,KAAK,CAACE,IAAI,KAAK,+BAA+B,GAC1CV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,OAAOa,YAAY,CAACP,KAAK,CAACa,OAAO,EAAED,kBAAkB,CAAC;EACxD,CAAC;EAED,MAAML,YAAY,GAAGA,CACnBP,KAAuB,EACvBc,KAAiD,kBAEjD7B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,EAAEA;EAAM,GAChBd,KAAK,CAACE,IAAI,KAAK,OAAO,gBACrBjB,KAAA,CAAAmB,aAAA,CAACd,WAAW,EAAAyB,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAAC,gBAEhDhC,KAAA,CAAAmB,aAAA,CAACf,aAAa,EAAA0B,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAE/C,CACP;EAED,oBACEhC,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","HSpacer","ButtonOutline","ButtonSolid","IOStyles","styles","create","button","alignContent","justifyContent","flex","buttonTwoThirds","BlockButtons","props","renderRightButton","type","secondaryButtonStyle","createElement","Fragment","size","renderButton","secondary","renderMidButton","third","renderLeftButton","primaryButtonStyle","primary","style","_extends","fullWidth","buttonProps","row"],"sourceRoot":"../../../../src","sources":["components/layout/BlockButtons.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,aAAa,EAAEC,WAAW,QAA0B,YAAY;AACzE,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE;EACR,CAAC;EACDC,eAAe,EAAE;IACfH,YAAY,EAAE,QAAQ;IACtBE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAYF;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAgBA;AACA;AACA;AACA,OAAO,MAAME,YAAY,GAAIC,KAAY,IAAK;EAC5C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAID,KAAK,CAACE,IAAI,KAAK,cAAc,EAAE;MACjC,OAAO,IAAI;IACb;IAEA,MAAMC,oBAAoB,GACxBH,KAAK,CAACE,IAAI,KAAK,uBAAuB,GAClCV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,oBACET,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACQ,SAAS,EAAEL,oBAAoB,CACrC,CAAC;EAErB,CAAC;EAED,MAAMM,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIT,KAAK,CAACE,IAAI,KAAK,oBAAoB,EAAE;MACvC,OAAO,IAAI;IACb;IAEA,oBACEjB,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACU,KAAK,EAAElB,MAAM,CAACE,MAAM,CAC1B,CAAC;EAErB,CAAC;EAED,MAAMiB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAMC,kBAAkB,GACtBZ,KAAK,CAACE,IAAI,KAAK,+BAA+B,GAC1CV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,OAAOa,YAAY,CAACP,KAAK,CAACa,OAAO,EAAED,kBAAkB,CAAC;EACxD,CAAC;EAED,MAAML,YAAY,GAAGA,CACnBP,KAAuB,EACvBc,KAAiD,kBAEjD7B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,EAAEA;EAAM,GAChBd,KAAK,CAACE,IAAI,KAAK,OAAO,gBACrBjB,KAAA,CAAAmB,aAAA,CAACd,WAAW,EAAAyB,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAAC,gBAEhDhC,KAAA,CAAAmB,aAAA,CAACf,aAAa,EAAA0B,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAE/C,CACP;EAED,oBACEhC,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,EAAEvB,QAAQ,CAAC2B;EAAI,GACvBP,gBAAgB,CAAC,CAAC,EAClBF,eAAe,CAAC,CAAC,EACjBR,iBAAiB,CAAC,CACf,CAAC;AAEX,CAAC"}
|
|
@@ -2,7 +2,6 @@ import * as React from "react";
|
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import { IOStyles } from "../../core";
|
|
4
4
|
import { BlockButtons } from "./BlockButtons";
|
|
5
|
-
|
|
6
5
|
// TODO: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
|
|
7
6
|
const styles = StyleSheet.create({
|
|
8
7
|
container: {
|
|
@@ -10,7 +9,9 @@ const styles = StyleSheet.create({
|
|
|
10
9
|
width: "100%",
|
|
11
10
|
// This Magic number is an heritage of the app code-base, this component should be removed in favor of `GradientBottomAction`
|
|
12
11
|
marginTop: -50,
|
|
13
|
-
paddingTop: 50
|
|
12
|
+
paddingTop: 50
|
|
13
|
+
},
|
|
14
|
+
sticky: {
|
|
14
15
|
position: "absolute",
|
|
15
16
|
bottom: 0
|
|
16
17
|
}
|
|
@@ -20,13 +21,22 @@ const styles = StyleSheet.create({
|
|
|
20
21
|
* Implements a component that show buttons as sticky footer
|
|
21
22
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
22
23
|
*/
|
|
23
|
-
export const FooterWithButtons =
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
export const FooterWithButtons = _ref => {
|
|
25
|
+
let {
|
|
26
|
+
sticky = false,
|
|
27
|
+
...rest
|
|
28
|
+
} = _ref;
|
|
29
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
30
|
+
style: {
|
|
31
|
+
...styles.container,
|
|
32
|
+
...(sticky ? styles.sticky : {})
|
|
33
|
+
},
|
|
34
|
+
accessible: rest.accessible,
|
|
35
|
+
pointerEvents: "box-none",
|
|
36
|
+
testID: "FooterWithButtons"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
38
|
+
style: IOStyles.footer
|
|
39
|
+
}, /*#__PURE__*/React.createElement(BlockButtons, rest)));
|
|
40
|
+
};
|
|
31
41
|
export default FooterWithButtons;
|
|
32
42
|
//# sourceMappingURL=FooterWithButtons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","IOStyles","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","position","bottom","FooterWithButtons","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","IOStyles","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","FooterWithButtons","_ref","rest","createElement","style","accessible","pointerEvents","testID","footer"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,YAAY,QAA2B,gBAAgB;AAMhE;AACA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE,MAAM;IACb;IACAC,SAAS,EAAE,CAAC,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACDC,MAAM,EAAE;IACNC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAAEJ,MAAM,GAAG,KAAK;IAAE,GAAGK;EAAY,CAAC,GAAAD,IAAA;EAAA,oBAClEhB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IACHiB,KAAK,EAAE;MAAE,GAAGd,MAAM,CAACE,SAAS;MAAE,IAAIK,MAAM,GAAGP,MAAM,CAACO,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjEQ,UAAU,EAAEH,IAAI,CAACG,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1BtB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEhB,QAAQ,CAACoB;EAAO,gBAC3BvB,KAAA,CAAAkB,aAAA,CAACd,YAAY,EAAKa,IAAO,CACrB,CACF,CAAC;AAAA,CACR;AAED,eAAeF,iBAAiB"}
|
|
@@ -45,17 +45,17 @@ export const HeaderFirstLevel = _ref => {
|
|
|
45
45
|
style: [IOStyles.row, {
|
|
46
46
|
flexShrink: 0
|
|
47
47
|
}]
|
|
48
|
-
}, type
|
|
48
|
+
}, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
|
|
49
49
|
color: "neutral"
|
|
50
|
-
})),
|
|
50
|
+
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
51
51
|
size: 16
|
|
52
|
-
}), /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
|
|
52
|
+
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
|
|
53
53
|
color: "neutral"
|
|
54
|
-
}))
|
|
54
|
+
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
55
55
|
size: 16
|
|
56
|
-
}), /*#__PURE__*/React.createElement(IconButton, _extends({},
|
|
56
|
+
})), type !== "base" && /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
|
|
57
57
|
color: "neutral"
|
|
58
|
-
})))))
|
|
58
|
+
})))));
|
|
59
59
|
};
|
|
60
60
|
export default HeaderFirstLevel;
|
|
61
61
|
//# sourceMappingURL=HeaderFirstLevel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","IOStyles","IOVisualCostants","IOColors","H3","HSpacer","IconButton","HEADER_BG_COLOR","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","firstAction","secondAction","thirdAction","insets","createElement","style","paddingTop","top","backgroundColor","accessibilityRole","flexShrink","numberOfLines","row","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","useSafeAreaInsets","IOStyles","IOVisualCostants","IOColors","H3","HSpacer","IconButton","HEADER_BG_COLOR","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","firstAction","secondAction","thirdAction","insets","createElement","style","paddingTop","top","backgroundColor","accessibilityRole","flexShrink","numberOfLines","row","Fragment","_extends","color","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,QAAQ,EAAEC,gBAAgB,EAAEC,QAAQ,QAAQ,YAAY;AACjE,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,UAAU,QAAQ,YAAY;AAqCvC,MAAMC,eAAyB,GAAG,OAAO;AAEzC,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAET,gBAAgB,CAACU,gBAAgB;IACpDC,MAAM,EAAEX,gBAAgB,CAACY,YAAY;IACrCC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAOR;EAAA,IAPS;IAC/BC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC;EACgB,CAAC,GAAAN,IAAA;EACjB,MAAMO,MAAM,GAAG3B,iBAAiB,CAAC,CAAC;EAElC,oBACEH,KAAA,CAAA+B,aAAA,CAAC9B,IAAI;IACH+B,KAAK,EAAE;MACLC,UAAU,EAAEH,MAAM,CAACI,GAAG;MACtBC,eAAe,EAAE7B,QAAQ,CAACI,eAAe;IAC3C,CAAE;IACF0B,iBAAiB,EAAC,QAAQ;IAC1BV,MAAM,EAAEA;EAAO,gBAEf1B,KAAA,CAAA+B,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAErB,MAAM,CAACE;EAAY,gBAC9Bb,KAAA,CAAA+B,aAAA,CAACxB,EAAE;IAACyB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACC,aAAa,EAAE;EAAE,GAC5Cd,KACC,CAAC,eACLxB,KAAA,CAAA+B,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAE,CAAC5B,QAAQ,CAACmC,GAAG,EAAE;MAAEF,UAAU,EAAE;IAAE,CAAC;EAAE,GAC5CZ,IAAI,KAAK,cAAc,iBACtBzB,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAA+B,aAAA,CAACtB,UAAU,EAAAgC,QAAA,KAAKZ,WAAW;IAAEa,KAAK,EAAC;EAAS,EAAE,CAAC,eAG/C1C,KAAA,CAAA+B,aAAA,CAACvB,OAAO;IAACmC,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACA,CAAClB,IAAI,KAAK,YAAY,IAAIA,IAAI,KAAK,cAAc,kBAChDzB,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAwC,QAAA,qBACExC,KAAA,CAAA+B,aAAA,CAACtB,UAAU,EAAAgC,QAAA,KAAKb,YAAY;IAAEc,KAAK,EAAC;EAAS,EAAE,CAAC,eAEhD1C,KAAA,CAAA+B,aAAA,CAACvB,OAAO;IAACmC,IAAI,EAAE;EAAG,CAAE,CACpB,CACH,EACAlB,IAAI,KAAK,MAAM,iBAAIzB,KAAA,CAAA+B,aAAA,CAACtB,UAAU,EAAAgC,QAAA,KAAKd,WAAW;IAAEe,KAAK,EAAC;EAAS,EAAE,CAC9D,CACF,CACF,CAAC;AAEX,CAAC;AAED,eAAepB,gBAAgB"}
|
|
@@ -89,19 +89,19 @@ export const HeaderSecondLevel = _ref => {
|
|
|
89
89
|
style: [IOStyles.row, {
|
|
90
90
|
flexShrink: 0
|
|
91
91
|
}]
|
|
92
|
-
}, type
|
|
92
|
+
}, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, thirdAction, {
|
|
93
93
|
color: "neutral"
|
|
94
|
-
}))
|
|
95
|
-
size: iconBtnSizeSmall
|
|
96
|
-
}), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HSpacer, {
|
|
94
|
+
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
97
95
|
size: 16
|
|
98
|
-
}), /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
|
|
96
|
+
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconButton, _extends({}, secondAction, {
|
|
99
97
|
color: "neutral"
|
|
100
|
-
}))
|
|
98
|
+
})), /*#__PURE__*/React.createElement(HSpacer, {
|
|
101
99
|
size: 16
|
|
102
|
-
}), /*#__PURE__*/React.createElement(IconButton, _extends({},
|
|
100
|
+
})), type !== "base" ? /*#__PURE__*/React.createElement(IconButton, _extends({}, firstAction, {
|
|
103
101
|
color: "neutral"
|
|
104
|
-
}))
|
|
102
|
+
})) : /*#__PURE__*/React.createElement(HSpacer, {
|
|
103
|
+
size: iconBtnSizeSmall
|
|
104
|
+
}))));
|
|
105
105
|
};
|
|
106
106
|
export default HeaderSecondLevel;
|
|
107
107
|
//# sourceMappingURL=HeaderSecondLevel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","StyleSheet","Platform","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","borderBottomWidth","flexGrow","flexDirection","alignItems","justifyContent","headerTitle","fontSize","textAlign","flexShrink","marginHorizontal","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","testID","firstAction","secondAction","thirdAction","isExperimental","insets","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","marginTop","top","icon","OS","color","onPress","accessibilityLabel","Text","numberOfLines","row","
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Platform","useSafeAreaInsets","Animated","interpolate","interpolateColor","useAnimatedStyle","IOStyles","IOVisualCostants","iconBtnSizeSmall","IOColors","hexToRgba","useIOExperimentalDesign","HSpacer","IconButton","makeFontStyleObject","HEADER_BG_COLOR","borderColorDisabled","headerTransparent","titleHorizontalMargin","styles","create","headerInner","paddingHorizontal","appMarginDefault","height","headerHeight","borderBottomWidth","flexGrow","flexDirection","alignItems","justifyContent","headerTitle","fontSize","textAlign","flexShrink","marginHorizontal","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","testID","firstAction","secondAction","thirdAction","isExperimental","insets","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","marginTop","top","icon","OS","color","onPress","accessibilityLabel","Text","numberOfLines","row","Fragment","_extends","size"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import React, { useEffect, useRef } from "react";
|
|
2
|
+
import { View, Animated, Easing } from "react-native";
|
|
3
|
+
import Svg, { Defs, G, LinearGradient, Path, Stop } from "react-native-svg";
|
|
4
|
+
import { IOColors } from "../../core";
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Size scale, 76 is kept for backward compatibility with the old design system but 48 is enough for the new one.
|
|
8
|
+
* It will be removed in the future.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
const startRotationAnimation = (durationMs, rotationDegree) => {
|
|
12
|
+
Animated.loop(Animated.timing(rotationDegree, {
|
|
13
|
+
toValue: 360,
|
|
14
|
+
duration: durationMs,
|
|
15
|
+
easing: Easing.linear,
|
|
16
|
+
useNativeDriver: true
|
|
17
|
+
})).start();
|
|
18
|
+
};
|
|
19
|
+
export const LoadingSpinner = _ref => {
|
|
20
|
+
let {
|
|
21
|
+
color = "blueIO-500",
|
|
22
|
+
stroke = 3,
|
|
23
|
+
size = 24,
|
|
24
|
+
durationMs = 750
|
|
25
|
+
} = _ref;
|
|
26
|
+
const rotationDegree = useRef(new Animated.Value(0)).current;
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
startRotationAnimation(durationMs, rotationDegree);
|
|
29
|
+
}, [durationMs, rotationDegree]);
|
|
30
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
31
|
+
style: {
|
|
32
|
+
width: size,
|
|
33
|
+
height: size
|
|
34
|
+
},
|
|
35
|
+
accessibilityRole: "progressbar",
|
|
36
|
+
testID: "LoadingSpinnerTestID"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
38
|
+
testID: "LoadingSpinnerAnimatedTestID",
|
|
39
|
+
style: {
|
|
40
|
+
transform: [{
|
|
41
|
+
rotateZ: rotationDegree.interpolate({
|
|
42
|
+
inputRange: [0, 360],
|
|
43
|
+
outputRange: ["0deg", "360deg"]
|
|
44
|
+
})
|
|
45
|
+
}]
|
|
46
|
+
}
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Svg, {
|
|
48
|
+
width: size,
|
|
49
|
+
height: size,
|
|
50
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
51
|
+
fill: "none"
|
|
52
|
+
}, /*#__PURE__*/React.createElement(Defs, null, /*#__PURE__*/React.createElement(LinearGradient, {
|
|
53
|
+
id: "spinner-secondHalf"
|
|
54
|
+
}, /*#__PURE__*/React.createElement(Stop, {
|
|
55
|
+
offset: "0%",
|
|
56
|
+
stopOpacity: "0",
|
|
57
|
+
stopColor: IOColors[color]
|
|
58
|
+
}), /*#__PURE__*/React.createElement(Stop, {
|
|
59
|
+
offset: "100%",
|
|
60
|
+
stopOpacity: "1",
|
|
61
|
+
stopColor: IOColors[color]
|
|
62
|
+
})), /*#__PURE__*/React.createElement(LinearGradient, {
|
|
63
|
+
id: "spinner-firstHalf"
|
|
64
|
+
}, /*#__PURE__*/React.createElement(Stop, {
|
|
65
|
+
offset: "0%",
|
|
66
|
+
stopOpacity: "1",
|
|
67
|
+
stopColor: IOColors[color]
|
|
68
|
+
}), /*#__PURE__*/React.createElement(Stop, {
|
|
69
|
+
offset: "100%",
|
|
70
|
+
stopOpacity: "1",
|
|
71
|
+
stopColor: IOColors[color]
|
|
72
|
+
}))), /*#__PURE__*/React.createElement(G, {
|
|
73
|
+
strokeWidth: stroke
|
|
74
|
+
}, /*#__PURE__*/React.createElement(Path, {
|
|
75
|
+
stroke: "url(#spinner-secondHalf)",
|
|
76
|
+
d: `M ${stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${size - stroke / 2} ${size / 2}`
|
|
77
|
+
}), /*#__PURE__*/React.createElement(Path, {
|
|
78
|
+
stroke: "url(#spinner-firstHalf)",
|
|
79
|
+
d: `M ${size - stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2}`
|
|
80
|
+
}), /*#__PURE__*/React.createElement(Path, {
|
|
81
|
+
stroke: IOColors[color],
|
|
82
|
+
strokeLinecap: "round",
|
|
83
|
+
d: `M ${stroke / 2} ${size / 2} A ${size / 2 - stroke / 2} ${size / 2 - stroke / 2} 0 0 1 ${stroke / 2} ${size / 2 - stroke / 4}`
|
|
84
|
+
}))))));
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=LoadingSpinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","View","Animated","Easing","Svg","Defs","G","LinearGradient","Path","Stop","IOColors","startRotationAnimation","durationMs","rotationDegree","loop","timing","toValue","duration","easing","linear","useNativeDriver","start","LoadingSpinner","_ref","color","stroke","size","Value","current","createElement","Fragment","style","width","height","accessibilityRole","testID","transform","rotateZ","interpolate","inputRange","outputRange","viewBox","fill","id","offset","stopOpacity","stopColor","strokeWidth","d","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/LoadingSpinner.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/loadingSpinner/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB"}
|
|
@@ -54,6 +54,7 @@ import PictogramCharity from "./svg/PictogramCharity";
|
|
|
54
54
|
import PictogramEmpty from "./svg/PictogramEmpty";
|
|
55
55
|
import PictogramCie from "./svg/PictogramCie";
|
|
56
56
|
import PictogramFeature from "./svg/PictogramFeature";
|
|
57
|
+
import PictogramNotification from "./svg/PictogramNotification";
|
|
57
58
|
import PictogramObjClock from "./svg/PictogramObjClock";
|
|
58
59
|
import PictogramObjIbanCard from "./svg/PictogramObjIbanCard";
|
|
59
60
|
import PictogramObjManual from "./svg/PictogramObjManual";
|
|
@@ -71,6 +72,7 @@ import PictogramBleedFeature from "./svg/PictogramBleedFeature";
|
|
|
71
72
|
import PictogramBleedCie from "./svg/PictogramBleedCie";
|
|
72
73
|
import PictogramBleedCameraRequest from "./svg/PictogramBleedCameraRequest";
|
|
73
74
|
import PictogramBleedCameraDenied from "./svg/PictogramBleedCameraDenied";
|
|
75
|
+
import PictogramBleedNotification from "./svg/PictogramBleedNotification";
|
|
74
76
|
export const IOPictograms = {
|
|
75
77
|
// Start legacy pictograms //
|
|
76
78
|
messages: PictogramMessages,
|
|
@@ -127,6 +129,7 @@ export const IOPictograms = {
|
|
|
127
129
|
cie: PictogramCie,
|
|
128
130
|
time: PictogramTime,
|
|
129
131
|
passcode: PictogramPasscode,
|
|
132
|
+
notification: PictogramNotification,
|
|
130
133
|
// Start Objects Pictogram
|
|
131
134
|
ibanCard: PictogramObjIbanCard,
|
|
132
135
|
followMessage: PictogramObjFollowMessage,
|
|
@@ -186,7 +189,8 @@ export const IOPictogramsBleed = {
|
|
|
186
189
|
feature: PictogramBleedFeature,
|
|
187
190
|
cie: PictogramBleedCie,
|
|
188
191
|
cameraRequest: PictogramBleedCameraRequest,
|
|
189
|
-
cameraDenied: PictogramBleedCameraDenied
|
|
192
|
+
cameraDenied: PictogramBleedCameraDenied,
|
|
193
|
+
notification: PictogramBleedNotification
|
|
190
194
|
};
|
|
191
195
|
export const PictogramBleed = _ref2 => {
|
|
192
196
|
let {
|