@pagopa/io-app-design-system 1.22.0 → 1.23.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/avatar/Avatar.js +21 -8
- package/lib/commonjs/components/avatar/Avatar.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +4 -3
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +2 -0
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +2 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +13 -3
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleAttachment.js +196 -0
- package/lib/commonjs/components/modules/ModuleAttachment.js.map +1 -0
- package/lib/commonjs/components/modules/index.js +11 -0
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +22 -8
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/icons/Icon.js +4 -3
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +2 -0
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +2 -1
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +13 -3
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/modules/ModuleAttachment.js +186 -0
- package/lib/module/components/modules/ModuleAttachment.js.map +1 -0
- package/lib/module/components/modules/index.js +1 -0
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/typescript/components/avatar/Avatar.d.ts +9 -1
- package/lib/typescript/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemHeader.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts +2 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleAttachment.d.ts +32 -0
- package/lib/typescript/components/modules/ModuleAttachment.d.ts.map +1 -0
- package/lib/typescript/components/modules/index.d.ts +1 -0
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/avatar/Avatar.tsx +31 -13
- package/src/components/icons/Icon.tsx +4 -3
- package/src/components/layout/HeaderSecondLevel.tsx +2 -0
- package/src/components/listitems/ListItemHeader.tsx +4 -1
- package/src/components/listitems/ListItemNav.tsx +15 -3
- package/src/components/modules/ModuleAttachment.tsx +254 -0
- package/src/components/modules/index.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","LogoPayment","HSpacer","VSpacer","Caption","H6","LabelSmall","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogo","accessibilityLabel","testID","hideChevron","topElement","isPressed","isExperimental","theme","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAAgCC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AACrE,OAAOC,QAAQ,IACbC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,sBAAsB,EACtBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,EACvBC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAA4BC,WAAW,QAAQ,UAAU;AACzD,SAASC,OAAO,EAAEC,OAAO,QAAQ,WAAW;AAC5C,SAASC,OAAO,EAAEC,EAAE,EAAEC,UAAU,QAAQ,eAAe;
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","View","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemStyles","IOListItemVisualParams","IOScaleValues","IOSpringValues","IOStyles","hexToRgba","useIOExperimentalDesign","useIOTheme","Badge","Icon","LogoPayment","HSpacer","VSpacer","Caption","H6","LabelSmall","LoadingSpinner","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","iconColor","paymentLogo","accessibilityLabel","testID","hideChevron","topElement","loading","isPressed","isExperimental","theme","listItemNavContent","createElement","Fragment","badgeProps","style","alignSelf","size","dateValue","flexDirection","name","color","weight","mapBackgroundStates","default","pressed","navIconColor","animationScaleValue","basicButton","pressedState","progressPressed","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","handlePressIn","handlePressOut","handleOnPress","event","primaryColor","onPressIn","onPressOut","accessible","accessibilityRole","listItem","listItemInner","marginRight","iconMargin","iconSize","flex","marginLeft","chevronSize"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
import React, { useCallback } from "react";
|
|
2
|
+
import { Pressable, StyleSheet, View } from "react-native";
|
|
3
|
+
import Animated, { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
|
|
4
|
+
import Placeholder from "rn-placeholder";
|
|
5
|
+
import { IOColors, IOListItemVisualParams, IOScaleValues, IOSpringValues, useIOTheme } from "../../core";
|
|
6
|
+
import { Icon } from "../icons";
|
|
7
|
+
import { LabelSmall } from "../typography";
|
|
8
|
+
import { VSpacer } from "../spacer";
|
|
9
|
+
import { Badge } from "../badge";
|
|
10
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
11
|
+
const styles = StyleSheet.create({
|
|
12
|
+
button: {
|
|
13
|
+
flexDirection: "row",
|
|
14
|
+
alignItems: "center",
|
|
15
|
+
paddingHorizontal: 16,
|
|
16
|
+
paddingVertical: 16,
|
|
17
|
+
borderRadius: 8,
|
|
18
|
+
borderColor: IOColors.bluegreyLight,
|
|
19
|
+
backgroundColor: IOColors.white,
|
|
20
|
+
borderStyle: "solid",
|
|
21
|
+
borderWidth: 1
|
|
22
|
+
},
|
|
23
|
+
innerContent: {
|
|
24
|
+
flex: 1,
|
|
25
|
+
flexDirection: "column"
|
|
26
|
+
},
|
|
27
|
+
rightSection: {
|
|
28
|
+
marginLeft: IOListItemVisualParams.iconMargin,
|
|
29
|
+
alignItems: "center"
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const DISABLED_OPACITY = 0.5;
|
|
33
|
+
const ModuleAttachmentContent = _ref => {
|
|
34
|
+
let {
|
|
35
|
+
isFetching,
|
|
36
|
+
format,
|
|
37
|
+
title,
|
|
38
|
+
testID
|
|
39
|
+
} = _ref;
|
|
40
|
+
const theme = useIOTheme();
|
|
41
|
+
const IconOrActivityIndicatorComponent = () => {
|
|
42
|
+
if (isFetching) {
|
|
43
|
+
const activityIndicatorTestId = testID ? `${testID}_activityIndicator` : undefined;
|
|
44
|
+
return /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
45
|
+
testID: activityIndicatorTestId
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return /*#__PURE__*/React.createElement(Icon, {
|
|
49
|
+
name: "chevronRightListItem",
|
|
50
|
+
color: theme["interactiveElem-default"],
|
|
51
|
+
size: IOListItemVisualParams.chevronSize
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
55
|
+
style: styles.innerContent
|
|
56
|
+
}, /*#__PURE__*/React.createElement(LabelSmall, {
|
|
57
|
+
numberOfLines: 1,
|
|
58
|
+
weight: "SemiBold",
|
|
59
|
+
font: "ReadexPro",
|
|
60
|
+
color: "blueIO-500"
|
|
61
|
+
}, title), /*#__PURE__*/React.createElement(VSpacer, {
|
|
62
|
+
size: 4
|
|
63
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
64
|
+
style: {
|
|
65
|
+
width: 44
|
|
66
|
+
}
|
|
67
|
+
}, /*#__PURE__*/React.createElement(Badge, {
|
|
68
|
+
text: format.toUpperCase(),
|
|
69
|
+
variant: "default"
|
|
70
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
71
|
+
style: styles.rightSection
|
|
72
|
+
}, /*#__PURE__*/React.createElement(IconOrActivityIndicatorComponent, null)));
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* The `ModuleAttachment` component is a custom button component with an extended outline style.
|
|
77
|
+
* It provides an animated scaling effect when pressed.
|
|
78
|
+
*
|
|
79
|
+
* @param {string} accessibilityLabel - Optional accessibility label.
|
|
80
|
+
* @param {boolean} disabled - If true, the button is disabled.
|
|
81
|
+
* @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
|
|
82
|
+
* @param {string} format - Badge content. PDF or DOC.
|
|
83
|
+
* @param {boolean} isLoading - If true, displays a skeleton loading component.
|
|
84
|
+
* @param {boolean} isFetching - If true, displays an activity indicator.
|
|
85
|
+
* @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
|
|
86
|
+
* @param {function} onPress - The function to be executed when the item is pressed.
|
|
87
|
+
* @param {string} testID - The test ID for testing purposes.
|
|
88
|
+
* @param {string} title - The title text to display.
|
|
89
|
+
*
|
|
90
|
+
*/
|
|
91
|
+
export const ModuleAttachment = _ref2 => {
|
|
92
|
+
var _IOScaleValues$magnif;
|
|
93
|
+
let {
|
|
94
|
+
accessibilityLabel,
|
|
95
|
+
disabled = false,
|
|
96
|
+
fetchingAccessibilityLabel,
|
|
97
|
+
format,
|
|
98
|
+
isLoading = false,
|
|
99
|
+
isFetching = false,
|
|
100
|
+
loadingAccessibilityLabel,
|
|
101
|
+
onPress,
|
|
102
|
+
testID,
|
|
103
|
+
title
|
|
104
|
+
} = _ref2;
|
|
105
|
+
const isPressed = useSharedValue(0);
|
|
106
|
+
|
|
107
|
+
// Scaling transformation applied when the button is pressed
|
|
108
|
+
const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
|
|
109
|
+
const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
|
|
110
|
+
|
|
111
|
+
// Interpolate animation values from `isPressed` values
|
|
112
|
+
const animatedStyle = useAnimatedStyle(() => {
|
|
113
|
+
const scale = interpolate(scaleTraversed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
|
|
114
|
+
return {
|
|
115
|
+
transform: [{
|
|
116
|
+
scale
|
|
117
|
+
}]
|
|
118
|
+
};
|
|
119
|
+
});
|
|
120
|
+
const onPressIn = useCallback(() => {
|
|
121
|
+
// eslint-disable-next-line functional/immutable-data
|
|
122
|
+
isPressed.value = 1;
|
|
123
|
+
}, [isPressed]);
|
|
124
|
+
const onPressOut = useCallback(() => {
|
|
125
|
+
// eslint-disable-next-line functional/immutable-data
|
|
126
|
+
isPressed.value = 0;
|
|
127
|
+
}, [isPressed]);
|
|
128
|
+
const handleOnPress = useCallback(event => {
|
|
129
|
+
if (isFetching) {
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
onPress(event);
|
|
133
|
+
}, [isFetching, onPress]);
|
|
134
|
+
if (isLoading) {
|
|
135
|
+
return /*#__PURE__*/React.createElement(SkeletonComponent, {
|
|
136
|
+
loadingAccessibilityLabel: loadingAccessibilityLabel
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
const pressableAccessibilityLabel = (isFetching && !!fetchingAccessibilityLabel ? fetchingAccessibilityLabel : accessibilityLabel) ?? title;
|
|
140
|
+
return /*#__PURE__*/React.createElement(Pressable, {
|
|
141
|
+
testID: testID,
|
|
142
|
+
onPress: handleOnPress,
|
|
143
|
+
onPressIn: onPressIn,
|
|
144
|
+
onPressOut: onPressOut,
|
|
145
|
+
accessible: true,
|
|
146
|
+
accessibilityRole: "button",
|
|
147
|
+
accessibilityHint: format,
|
|
148
|
+
accessibilityLabel: pressableAccessibilityLabel,
|
|
149
|
+
disabled: disabled || isFetching
|
|
150
|
+
}, /*#__PURE__*/React.createElement(Animated.View, {
|
|
151
|
+
style: [styles.button, animatedStyle, {
|
|
152
|
+
opacity: disabled ? DISABLED_OPACITY : 1
|
|
153
|
+
}],
|
|
154
|
+
accessibilityElementsHidden: true,
|
|
155
|
+
importantForAccessibility: "no-hide-descendants"
|
|
156
|
+
}, /*#__PURE__*/React.createElement(ModuleAttachmentContent, {
|
|
157
|
+
isFetching: isFetching,
|
|
158
|
+
title: title,
|
|
159
|
+
format: format
|
|
160
|
+
})));
|
|
161
|
+
};
|
|
162
|
+
const SkeletonComponent = _ref3 => {
|
|
163
|
+
let {
|
|
164
|
+
loadingAccessibilityLabel
|
|
165
|
+
} = _ref3;
|
|
166
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
167
|
+
style: styles.button,
|
|
168
|
+
accessible: true,
|
|
169
|
+
accessibilityLabel: loadingAccessibilityLabel
|
|
170
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
171
|
+
style: styles.innerContent
|
|
172
|
+
}, /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
173
|
+
animate: "fade",
|
|
174
|
+
radius: 8,
|
|
175
|
+
width: 107,
|
|
176
|
+
height: 22
|
|
177
|
+
}), /*#__PURE__*/React.createElement(VSpacer, {
|
|
178
|
+
size: 4
|
|
179
|
+
}), /*#__PURE__*/React.createElement(Placeholder.Box, {
|
|
180
|
+
animate: "fade",
|
|
181
|
+
radius: 8,
|
|
182
|
+
width: 44,
|
|
183
|
+
height: 22
|
|
184
|
+
})));
|
|
185
|
+
};
|
|
186
|
+
//# sourceMappingURL=ModuleAttachment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useCallback","Pressable","StyleSheet","View","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","Placeholder","IOColors","IOListItemVisualParams","IOScaleValues","IOSpringValues","useIOTheme","Icon","LabelSmall","VSpacer","Badge","LoadingSpinner","styles","create","button","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderRadius","borderColor","bluegreyLight","backgroundColor","white","borderStyle","borderWidth","innerContent","flex","rightSection","marginLeft","iconMargin","DISABLED_OPACITY","ModuleAttachmentContent","_ref","isFetching","format","title","testID","theme","IconOrActivityIndicatorComponent","activityIndicatorTestId","undefined","createElement","name","color","size","chevronSize","Fragment","style","numberOfLines","weight","font","width","text","toUpperCase","variant","ModuleAttachment","_ref2","_IOScaleValues$magnif","accessibilityLabel","disabled","fetchingAccessibilityLabel","isLoading","loadingAccessibilityLabel","onPress","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","animatedStyle","scale","CLAMP","transform","onPressIn","onPressOut","handleOnPress","event","SkeletonComponent","pressableAccessibilityLabel","accessible","accessibilityRole","accessibilityHint","opacity","accessibilityElementsHidden","importantForAccessibility","_ref3","Box","animate","radius","height"],"sourceRoot":"../../../../src","sources":["components/modules/ModuleAttachment.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,kBAAkB"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/modules/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,uBAAuB;AACrC,cAAc,uBAAuB;AACrC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB"}
|
|
@@ -3,8 +3,16 @@ import { ImageURISource } from "react-native";
|
|
|
3
3
|
type Avatar = {
|
|
4
4
|
shape: "circle" | "square";
|
|
5
5
|
size: "small" | "medium";
|
|
6
|
-
logoUri?: ImageURISource
|
|
6
|
+
logoUri?: ImageURISource | ReadonlyArray<ImageURISource>;
|
|
7
7
|
};
|
|
8
|
+
/**
|
|
9
|
+
* Avatar component is used to display the logo of an organization. It accepts the following props:
|
|
10
|
+
* - `logoUri`: the uri of the image to display. If not provided, a placeholder icon will be displayed. It can be a single uri or an array of uris, in which case the first one that is available will be used.
|
|
11
|
+
* - `shape`: the shape of the avatar, can be "circle" or "square"
|
|
12
|
+
* - `size`: the size of the avatar, can be "small" or "medium"
|
|
13
|
+
* @param AvatarProps
|
|
14
|
+
* @returns
|
|
15
|
+
*/
|
|
8
16
|
export declare const Avatar: ({ logoUri, shape, size }: Avatar) => React.JSX.Element;
|
|
9
17
|
export {};
|
|
10
18
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,cAAc,EAAoB,MAAM,cAAc,CAAC;AAWvE,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;CAC1D,CAAC;AAwCF;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,6BAA8B,MAAM,sBAyDtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AA+L/C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAK3C,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,GAAG,uBAAuB,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,2BAA2B,EAAE,OAAO,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yBAAyB,EACrB,MAAM,GACN,KAAK,GACL,IAAI,GACJ,qBAAqB,GACrB,SAAS,CAAC;CACf,CAAC;AAMF,eAAO,MAAM,IAAI,oEAOd,YAAY,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AA+L/C,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6LV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,MAAM,OAAO,OAAO,CAAC;AAK3C,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,EAAE,GAAG,EAAE,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,eAAe,GAAG,uBAAuB,GAAG,MAAM,CAAC;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,2BAA2B,EAAE,OAAO,CAAC;IACrC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yBAAyB,EACrB,MAAM,GACN,KAAK,GACL,IAAI,GACJ,qBAAqB,GACrB,SAAS,CAAC;CACf,CAAC;AAMF,eAAO,MAAM,IAAI,oEAOd,YAAY,sBAcd,CAAC;AAOF,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,YAAY,gDAMtB,oBAAoB,sBAatB,CAAC;AAKF,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBAC/D,KAAK,EAAE,oBAAoB;IAGvC,MAAM;CAGP;AAyCD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCtB,CAAC;AAgBF,eAAO,MAAM,UAAU;;;;;;;;;;;CAWb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,UAAU,CAAC;AAKjD,eAAO,MAAM,gBAAgB;;;CAGnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAkB7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;CAalB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,eAAe,CAAC;AAK3D,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,cAAc,CAAC;AAezD,eAAO,MAAM,aAAa;;;;;;;;;;CAUhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AA+BjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,
|
|
1
|
+
{"version":3,"file":"HeaderSecondLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/HeaderSecondLevel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,QAIN,MAAM,yBAAyB,CAAC;AAWjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,YAAY,GAAG;IAClB,cAAc,EAAE,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,SAAS,GACV;IACE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,sBAAsB,EAAE,MAAM,CAAC;CAChC,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,CAAC;AAEN,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,UAAU,IAAK,SAAQ,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,UAAW,SAAQ,WAAW;IACtC,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,YAAa,SAAQ,WAAW;IACxC,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,UAAU,CAAC;IACxB,YAAY,EAAE,UAAU,CAAC;IACzB,WAAW,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,CAAC,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,CAAC;AA+BjD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,wIAY3B,iBAAiB,sBAmGnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AASpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGzC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,2EAOxB,cAAc,
|
|
1
|
+
{"version":3,"file":"ListItemHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AASpE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGzC,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;CACnD,CAAC;AAEF,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,SAAS,GACV;IACE,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;CAClD,GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE5C,KAAK,eAAe,GAChB,qBAAqB,GACrB,qBAAqB,GACrB,UAAU,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,2EAOxB,cAAc,sBAyFhB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -15,6 +15,7 @@ type ListItemTopElementProps = {
|
|
|
15
15
|
type ListItemNavPartialProps = WithTestID<{
|
|
16
16
|
value: string | React.ReactNode;
|
|
17
17
|
description?: string | React.ReactNode;
|
|
18
|
+
loading?: boolean;
|
|
18
19
|
onPress: (event: GestureResponderEvent) => void;
|
|
19
20
|
accessibilityLabel: string;
|
|
20
21
|
hideChevron?: boolean;
|
|
@@ -34,6 +35,6 @@ export type ListItemNavGraphicProps = {
|
|
|
34
35
|
paymentLogo?: never;
|
|
35
36
|
};
|
|
36
37
|
export type ListItemNav = ListItemNavPartialProps & ListItemNavGraphicProps;
|
|
37
|
-
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor, paymentLogo, accessibilityLabel, testID, hideChevron, topElement }: ListItemNav) => React.JSX.Element;
|
|
38
|
+
export declare const ListItemNav: ({ value, description, onPress, icon, iconColor, paymentLogo, accessibilityLabel, testID, hideChevron, topElement, loading }: ListItemNav) => React.JSX.Element;
|
|
38
39
|
export default ListItemNav;
|
|
39
40
|
//# sourceMappingURL=ListItemNav.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,cAAc,CAAC;AAUtE,OAAO,EACL,QAAQ,EAST,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemNav.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAmB,MAAM,cAAc,CAAC;AAUtE,OAAO,EACL,QAAQ,EAST,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAK1D,KAAK,uBAAuB,GACxB;IACE,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;IAC/C,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,uBAAuB,GAAG,UAAU,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAEhD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC,CAAC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAC/B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAA;CAAE,GACnE;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,QAAQ,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,GAC5D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE7D,MAAM,MAAM,WAAW,GAAG,uBAAuB,GAAG,uBAAuB,CAAC;AAE5E,eAAO,MAAM,WAAW,gIAYrB,WAAW,sBA8Jb,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { GestureResponderEvent, PressableProps } from "react-native";
|
|
3
|
+
import { WithTestID } from "../../utils/types";
|
|
4
|
+
type PartialProps = WithTestID<{
|
|
5
|
+
title: string;
|
|
6
|
+
format: "doc" | "pdf";
|
|
7
|
+
isLoading?: boolean;
|
|
8
|
+
loadingAccessibilityLabel?: string;
|
|
9
|
+
isFetching?: boolean;
|
|
10
|
+
fetchingAccessibilityLabel?: string;
|
|
11
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
12
|
+
}>;
|
|
13
|
+
export type ModuleAttachmentProps = PartialProps & Pick<PressableProps, "onPress" | "accessibilityLabel" | "disabled" | "testID">;
|
|
14
|
+
/**
|
|
15
|
+
* The `ModuleAttachment` component is a custom button component with an extended outline style.
|
|
16
|
+
* It provides an animated scaling effect when pressed.
|
|
17
|
+
*
|
|
18
|
+
* @param {string} accessibilityLabel - Optional accessibility label.
|
|
19
|
+
* @param {boolean} disabled - If true, the button is disabled.
|
|
20
|
+
* @param {string} fetchingAccessibilityLabel - Optional accessibility label to use during fetching.
|
|
21
|
+
* @param {string} format - Badge content. PDF or DOC.
|
|
22
|
+
* @param {boolean} isLoading - If true, displays a skeleton loading component.
|
|
23
|
+
* @param {boolean} isFetching - If true, displays an activity indicator.
|
|
24
|
+
* @param {string} loadingAccessibilityLabel - Optional accessibility label to use during loading.
|
|
25
|
+
* @param {function} onPress - The function to be executed when the item is pressed.
|
|
26
|
+
* @param {string} testID - The test ID for testing purposes.
|
|
27
|
+
* @param {string} title - The title text to display.
|
|
28
|
+
*
|
|
29
|
+
*/
|
|
30
|
+
export declare const ModuleAttachment: ({ accessibilityLabel, disabled, fetchingAccessibilityLabel, format, isLoading, isFetching, loadingAccessibilityLabel, onPress, testID, title }: ModuleAttachmentProps) => React.JSX.Element;
|
|
31
|
+
export {};
|
|
32
|
+
//# sourceMappingURL=ModuleAttachment.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ModuleAttachment.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/ModuleAttachment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,qBAAqB,EAErB,cAAc,EAGf,MAAM,cAAc,CAAC;AAiBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAO/C,KAAK,YAAY,GAAG,UAAU,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,GAAG,KAAK,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACd,SAAS,GAAG,oBAAoB,GAAG,UAAU,GAAG,QAAQ,CACzD,CAAC;AAgFJ;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,gBAAgB,mJAW1B,qBAAqB,sBAqFvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,20 +1,19 @@
|
|
|
1
|
-
// A component to provide organization logo
|
|
2
1
|
import * as React from "react";
|
|
3
2
|
import { Image, ImageURISource, StyleSheet, View } from "react-native";
|
|
4
3
|
import { Icon } from "../../components/icons";
|
|
5
4
|
import {
|
|
6
5
|
IOColors,
|
|
7
6
|
IOSpacingScale,
|
|
8
|
-
IOThemeContext,
|
|
9
7
|
IOVisualCostants,
|
|
10
|
-
hexToRgba
|
|
8
|
+
hexToRgba,
|
|
9
|
+
useIOTheme
|
|
11
10
|
} from "../../core";
|
|
12
11
|
import { addCacheTimestampToUri } from "../../utils/image";
|
|
13
12
|
|
|
14
13
|
type Avatar = {
|
|
15
14
|
shape: "circle" | "square";
|
|
16
15
|
size: "small" | "medium";
|
|
17
|
-
logoUri?: ImageURISource
|
|
16
|
+
logoUri?: ImageURISource | ReadonlyArray<ImageURISource>;
|
|
18
17
|
};
|
|
19
18
|
|
|
20
19
|
const avatarBorderLightMode = hexToRgba(IOColors.black, 0.1);
|
|
@@ -55,16 +54,33 @@ const styles = StyleSheet.create({
|
|
|
55
54
|
}
|
|
56
55
|
});
|
|
57
56
|
|
|
57
|
+
/**
|
|
58
|
+
* Avatar component is used to display the logo of an organization. It accepts the following props:
|
|
59
|
+
* - `logoUri`: the uri of the image to display. If not provided, a placeholder icon will be displayed. It can be a single uri or an array of uris, in which case the first one that is available will be used.
|
|
60
|
+
* - `shape`: the shape of the avatar, can be "circle" or "square"
|
|
61
|
+
* - `size`: the size of the avatar, can be "small" or "medium"
|
|
62
|
+
* @param AvatarProps
|
|
63
|
+
* @returns
|
|
64
|
+
*/
|
|
58
65
|
export const Avatar = ({ logoUri, shape, size }: Avatar) => {
|
|
59
|
-
const theme =
|
|
66
|
+
const theme = useIOTheme();
|
|
67
|
+
const indexValue = React.useRef<number>(0);
|
|
60
68
|
|
|
61
69
|
const [imageSource, setImageSource] = React.useState(
|
|
62
|
-
|
|
70
|
+
logoUri === undefined
|
|
71
|
+
? undefined
|
|
72
|
+
: Array.isArray(logoUri)
|
|
73
|
+
? addCacheTimestampToUri(logoUri[0])
|
|
74
|
+
: addCacheTimestampToUri(logoUri as ImageURISource)
|
|
63
75
|
);
|
|
64
76
|
|
|
65
|
-
const isPlaceholder = !imageSource;
|
|
66
|
-
|
|
67
77
|
const onError = () => {
|
|
78
|
+
if (Array.isArray(logoUri) && indexValue.current + 1 < logoUri.length) {
|
|
79
|
+
// eslint-disable-next-line functional/immutable-data
|
|
80
|
+
indexValue.current = indexValue.current + 1;
|
|
81
|
+
setImageSource(addCacheTimestampToUri(logoUri[indexValue.current]));
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
68
84
|
setImageSource(undefined);
|
|
69
85
|
};
|
|
70
86
|
|
|
@@ -79,14 +95,16 @@ export const Avatar = ({ logoUri, shape, size }: Avatar) => {
|
|
|
79
95
|
shape === "circle"
|
|
80
96
|
? getAvatarCircleShape(size)
|
|
81
97
|
: dimensionsMap[size].radius,
|
|
82
|
-
backgroundColor:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
98
|
+
backgroundColor:
|
|
99
|
+
imageSource === undefined ? IOColors["grey-50"] : IOColors.white,
|
|
100
|
+
padding:
|
|
101
|
+
imageSource === undefined
|
|
102
|
+
? dimensionsMap[size].internalSpacePlaceholder
|
|
103
|
+
: dimensionsMap[size].internalSpace
|
|
86
104
|
}
|
|
87
105
|
]}
|
|
88
106
|
>
|
|
89
|
-
{
|
|
107
|
+
{imageSource === undefined ? (
|
|
90
108
|
<Icon
|
|
91
109
|
name="institution"
|
|
92
110
|
color={theme["icon-decorative"]}
|
|
@@ -427,15 +427,16 @@ export const Icon = ({
|
|
|
427
427
|
...props
|
|
428
428
|
}: IOIconsProps) => {
|
|
429
429
|
const IconElement = IOIcons[name];
|
|
430
|
+
const isAccessible = accessible && accessibilityLabel.trim().length > 0;
|
|
430
431
|
return (
|
|
431
432
|
<IconElement
|
|
432
433
|
{...props}
|
|
433
434
|
style={{ color: IOColors[color] }}
|
|
434
435
|
size={size}
|
|
435
|
-
accessible={
|
|
436
|
-
accessibilityElementsHidden={
|
|
436
|
+
accessible={isAccessible}
|
|
437
|
+
accessibilityElementsHidden={!isAccessible}
|
|
437
438
|
accessibilityLabel={accessibilityLabel}
|
|
438
|
-
importantForAccessibility={"no-hide-descendants"}
|
|
439
|
+
importantForAccessibility={isAccessible ? "auto" : "no-hide-descendants"}
|
|
439
440
|
/>
|
|
440
441
|
);
|
|
441
442
|
};
|
|
@@ -143,6 +143,7 @@ export const HeaderSecondLevel = ({
|
|
|
143
143
|
: "transparent"
|
|
144
144
|
}));
|
|
145
145
|
|
|
146
|
+
const isTitleAccessible = !!title.trim();
|
|
146
147
|
const titleAnimatedStyle = useAnimatedStyle(() => ({
|
|
147
148
|
opacity: scrollValues
|
|
148
149
|
? interpolate(
|
|
@@ -183,6 +184,7 @@ export const HeaderSecondLevel = ({
|
|
|
183
184
|
)}
|
|
184
185
|
<Animated.Text
|
|
185
186
|
numberOfLines={1}
|
|
187
|
+
accessible={isTitleAccessible}
|
|
186
188
|
style={[
|
|
187
189
|
styles.headerTitle,
|
|
188
190
|
isExperimental
|
|
@@ -125,7 +125,10 @@ export const ListItemHeader = ({
|
|
|
125
125
|
accessible={endElement === undefined ? true : false}
|
|
126
126
|
accessibilityLabel={listItemAccessibilityLabel}
|
|
127
127
|
>
|
|
128
|
-
<View
|
|
128
|
+
<View
|
|
129
|
+
style={IOListItemStyles.listItemInner}
|
|
130
|
+
importantForAccessibility={endElement ? "auto" : "no-hide-descendants"}
|
|
131
|
+
>
|
|
129
132
|
{iconName && (
|
|
130
133
|
<View style={{ marginRight: iconMargin }}>
|
|
131
134
|
<Icon
|
|
@@ -26,6 +26,7 @@ import { IOIcons, Icon } from "../icons";
|
|
|
26
26
|
import { IOLogoPaymentType, LogoPayment } from "../logos";
|
|
27
27
|
import { HSpacer, VSpacer } from "../spacer";
|
|
28
28
|
import { Caption, H6, LabelSmall } from "../typography";
|
|
29
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
29
30
|
|
|
30
31
|
type ListItemTopElementProps =
|
|
31
32
|
| {
|
|
@@ -40,6 +41,7 @@ type ListItemTopElementProps =
|
|
|
40
41
|
type ListItemNavPartialProps = WithTestID<{
|
|
41
42
|
value: string | React.ReactNode;
|
|
42
43
|
description?: string | React.ReactNode;
|
|
44
|
+
loading?: boolean;
|
|
43
45
|
onPress: (event: GestureResponderEvent) => void;
|
|
44
46
|
// Accessibility
|
|
45
47
|
accessibilityLabel: string;
|
|
@@ -64,7 +66,8 @@ export const ListItemNav = ({
|
|
|
64
66
|
accessibilityLabel,
|
|
65
67
|
testID,
|
|
66
68
|
hideChevron = false,
|
|
67
|
-
topElement
|
|
69
|
+
topElement,
|
|
70
|
+
loading
|
|
68
71
|
}: ListItemNav) => {
|
|
69
72
|
const isPressed = useSharedValue(0);
|
|
70
73
|
const { isExperimental } = useIOExperimentalDesign();
|
|
@@ -167,9 +170,17 @@ export const ListItemNav = ({
|
|
|
167
170
|
isPressed.value = 0;
|
|
168
171
|
}, [isPressed]);
|
|
169
172
|
|
|
173
|
+
const handleOnPress = (event: GestureResponderEvent) => {
|
|
174
|
+
if (!loading) {
|
|
175
|
+
onPress(event);
|
|
176
|
+
}
|
|
177
|
+
};
|
|
178
|
+
|
|
179
|
+
const primaryColor: IOColors = isExperimental ? "blueIO-500" : "blue";
|
|
180
|
+
|
|
170
181
|
return (
|
|
171
182
|
<Pressable
|
|
172
|
-
onPress={
|
|
183
|
+
onPress={handleOnPress}
|
|
173
184
|
onPressIn={handlePressIn}
|
|
174
185
|
onPressOut={handlePressOut}
|
|
175
186
|
accessible={true}
|
|
@@ -201,7 +212,8 @@ export const ListItemNav = ({
|
|
|
201
212
|
</View>
|
|
202
213
|
)}
|
|
203
214
|
<View style={IOStyles.flex}>{listItemNavContent}</View>
|
|
204
|
-
{
|
|
215
|
+
{loading && <LoadingSpinner color={primaryColor} />}
|
|
216
|
+
{!loading && !hideChevron && (
|
|
205
217
|
<View style={{ marginLeft: IOListItemVisualParams.iconMargin }}>
|
|
206
218
|
<Icon
|
|
207
219
|
name="chevronRightListItem"
|