@pagopa/io-app-design-system 1.22.0 → 1.23.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/avatar/Avatar.js +21 -8
- package/lib/commonjs/components/avatar/Avatar.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/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/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/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","Image","StyleSheet","View","Icon","IOColors","
|
|
1
|
+
{"version":3,"names":["React","Image","StyleSheet","View","Icon","IOColors","IOVisualCostants","hexToRgba","useIOTheme","addCacheTimestampToUri","avatarBorderLightMode","black","internalSpaceDefaultSize","internalSpaceLargeSize","radiusDefaultSize","internalSpacePlaceholderDefaultSize","internalSpacePlaceholderLargeSize","dimensionsMap","small","size","avatarSizeSmall","internalSpace","internalSpacePlaceholder","radius","medium","avatarSizeMedium","getAvatarCircleShape","styles","create","avatarWrapper","overflow","resizeMode","borderColor","borderWidth","avatarImage","height","width","Avatar","_ref","logoUri","shape","theme","indexValue","useRef","imageSource","setImageSource","useState","undefined","Array","isArray","onError","current","length","createElement","style","borderRadius","backgroundColor","white","padding","name","color","source"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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"}
|
|
@@ -62,6 +62,7 @@ export const HeaderSecondLevel = _ref => {
|
|
|
62
62
|
backgroundColor: transparent && scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [headerTransparent, IOColors[HEADER_BG_COLOR]]) : IOColors[HEADER_BG_COLOR],
|
|
63
63
|
borderColor: scrollValues ? interpolateColor(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [borderColorDisabled, IOColors["grey-100"]]) : "transparent"
|
|
64
64
|
}));
|
|
65
|
+
const isTitleAccessible = !!title.trim();
|
|
65
66
|
const titleAnimatedStyle = useAnimatedStyle(() => ({
|
|
66
67
|
opacity: scrollValues ? interpolate(scrollValues.contentOffsetY.value, [0, scrollValues.triggerOffset], [0, 1]) : 1
|
|
67
68
|
}));
|
|
@@ -91,6 +92,7 @@ export const HeaderSecondLevel = _ref => {
|
|
|
91
92
|
size: 32
|
|
92
93
|
}), /*#__PURE__*/React.createElement(Animated.Text, {
|
|
93
94
|
numberOfLines: 1,
|
|
95
|
+
accessible: isTitleAccessible,
|
|
94
96
|
style: [styles.headerTitle, isExperimental ? styles.headerTitleFont : styles.headerTitleLegacyFont, titleAnimatedStyle]
|
|
95
97
|
}, title), /*#__PURE__*/React.createElement(View, {
|
|
96
98
|
style: [IOStyles.row, {
|
|
@@ -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","flexGrow","flexDirection","alignItems","justifyContent","headerTitle","fontSize","textAlign","flexShrink","marginHorizontal","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","isExperimental","insets","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","Text","numberOfLines","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACzD,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,QAAQ,EACRC,gBAAgB,EAChBC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACTC,uBAAuB,QAClB,YAAY;AACnB,SAASC,OAAO,QAAQ,WAAW;AAGnC,OAAOC,UAAU,MAAM,uBAAuB;AAC9C,SAASC,mBAAmB,QAAQ,mBAAmB;AAyDvD,MAAMC,eAAyB,GAAG,OAAO;AACzC,MAAMC,mBAAmB,GAAGN,SAAS,CAACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;AAC9D,MAAMQ,iBAAiB,GAAGP,SAAS,CAACD,QAAQ,CAACM,eAAe,CAAC,EAAE,CAAC,CAAC;AACjE,MAAMG,qBAA+B,GAAG,EAAE;AAE1C,MAAMC,MAAM,GAAGpB,UAAU,CAACqB,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpDC,MAAM,EAAEjB,gBAAgB,CAACkB,YAAY;IACrCC,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBN,QAAQ,EAAE,CAAC;IACXO,UAAU,EAAE,CAAC;IACbC,gBAAgB,EAAEhB;EACpB,CAAC;EACDiB,eAAe,EAAE;IACf,GAAGrB,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACDsB,qBAAqB,EAAE;IACrB,GAAGtB,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,cAAc;EAC1D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMuB,iBAAiB,GAAGC,IAAA,IAYR;EAAA,IAZS;IAChCC,YAAY,GAAGC,SAAS;IACxBC,MAAM;IACNC,sBAAsB;IACtBC,KAAK;IACLC,IAAI;IACJC,WAAW,GAAG,KAAK;IACnBC,OAAO,GAAG,KAAK;IACfC,MAAM;IACNC,WAAW;IACXC,YAAY;IACZC;EACiB,CAAC,GAAAZ,IAAA;EAClB,MAAM;IAAEa;EAAe,CAAC,GAAGxC,uBAAuB,CAAC,CAAC;EACpD,MAAMyC,MAAM,GAAGnD,iBAAiB,CAAC,CAAC;EAElC,MAAMoD,0BAA0B,GAAGhD,gBAAgB,CAAC,OAAO;IACzDiD,eAAe,EACbT,WAAW,IAAIN,YAAY,GACvBnC,gBAAgB,CACdmC,YAAY,CAACgB,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAEjB,YAAY,CAACkB,aAAa,CAAC,EAC/B,CAACxC,iBAAiB,EAAER,QAAQ,CAACM,eAAe,CAAC,CAC/C,CAAC,GACDN,QAAQ,CAACM,eAAe,CAAC;IAC/B2C,WAAW,EAAEnB,YAAY,GACrBnC,gBAAgB,CACdmC,YAAY,CAACgB,cAAc,CAACC,KAAK,EACjC,CAAC,CAAC,EAAEjB,YAAY,CAACkB,aAAa,CAAC,EAC/B,CAACzC,mBAAmB,EAAEP,QAAQ,CAAC,UAAU,CAAC,CAC5C,CAAC,GACD;EACN,CAAC,CAAC,CAAC;EAEH,MAAMkD,kBAAkB,
|
|
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","flexGrow","flexDirection","alignItems","justifyContent","headerTitle","fontSize","textAlign","flexShrink","marginHorizontal","headerTitleFont","headerTitleLegacyFont","HeaderSecondLevel","_ref","scrollValues","undefined","goBack","backAccessibilityLabel","title","type","transparent","isModal","testID","firstAction","secondAction","thirdAction","isExperimental","insets","headerWrapperAnimatedStyle","backgroundColor","contentOffsetY","value","triggerOffset","borderColor","isTitleAccessible","trim","titleAnimatedStyle","opacity","createElement","accessibilityRole","style","borderBottomWidth","marginTop","top","icon","select","android","default","color","onPress","accessibilityLabel","size","Text","numberOfLines","accessible","row","Fragment","_extends"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderSecondLevel.tsx"],"mappings":"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"}
|
|
@@ -57,7 +57,8 @@ export const ListItemHeader = _ref => {
|
|
|
57
57
|
accessible: endElement === undefined ? true : false,
|
|
58
58
|
accessibilityLabel: listItemAccessibilityLabel
|
|
59
59
|
}, /*#__PURE__*/React.createElement(View, {
|
|
60
|
-
style: IOListItemStyles.listItemInner
|
|
60
|
+
style: IOListItemStyles.listItemInner,
|
|
61
|
+
importantForAccessibility: endElement ? "auto" : "no-hide-descendants"
|
|
61
62
|
}, iconName && /*#__PURE__*/React.createElement(View, {
|
|
62
63
|
style: {
|
|
63
64
|
marginRight: iconMargin
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","_ref","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Badge","ButtonLink","IconButton","Icon","H6","iconMargin","ListItemHeader","_ref","label","iconName","iconColor","endElement","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","undefined","importantForAccessibility","type","accessibilityElementsHidden","weight","color","listItemInfoAction","componentProps","buttonLinkAccessibilityLabel","_extends","iconButtonAccessibilityLabel","Fragment","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","marginLeft","actionMargin"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemHeader.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnE,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EAEtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,UAAU,EAAEC,UAAU,QAAQ,YAAY;AACnD,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,QAAQ,eAAe;AAsClC,MAAMC,UAA0B,GAAG,CAAC;AAEpC,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAOR;EAAA,IAPS;IAC7BC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,kBAAkB;IAClBC;EACc,CAAC,GAAAN,IAAA;EACf,MAAMO,KAAK,GAAGf,UAAU,CAAC,CAAC;EAE1B,MAAMgB,0BAA0B,GAAGrB,OAAO,CACxC,MAAOkB,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEJ,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEI,kBAAkB,CAC5B,CAAC;EAED,MAAMI,qBAAqB,GAAGtB,OAAO,CACnC,mBACEF,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IACHuB,UAAU,EAAEP,UAAU,KAAKQ,SAAS,GAAG,IAAI,GAAG,KAAM;IACpDC,yBAAyB,EACvBT,UAAU,KAAKQ,SAAS,IAAIR,UAAU,CAACU,IAAI,KAAK,OAAO,GACnD,KAAK,GACL,qBACL;IACDC,2BAA2B,EACzBX,UAAU,KAAKQ,SAAS,IAAIR,UAAU,CAACU,IAAI,KAAK;EACjD,gBAED7B,KAAA,CAAAyB,aAAA,CAACb,EAAE;IAACmB,MAAM,EAAC,SAAS;IAACC,KAAK,EAAEV,KAAK,CAAC,mBAAmB;EAAE,GACpDN,KACC,CACA,CACP,EACD,CAACA,KAAK,EAAEM,KAAK,EAAEH,UAAU,CAC3B,CAAC;EAED,MAAMc,kBAAkB,GAAGhC,WAAW,CAAC,MAAM;IAC3C,IAAIkB,UAAU,EAAE;MACd,MAAM;QAAEU,IAAI;QAAEK;MAAe,CAAC,GAAGf,UAAU;MAE3C,QAAQU,IAAI;QACV,KAAK,YAAY;UACf,MAAMM,4BAA4B,GAAI,GAAEZ,0BAA2B,KAAIW,cAAc,CAACd,kBAAmB,EAAC;UAE1G,oBACEpB,KAAA,CAAAyB,aAAA,CAAChB,UAAU,EAAA2B,QAAA,KACLF,cAAc;YAClBd,kBAAkB,EAAEe;UAA6B,EAClD,CAAC;QAEN,KAAK,YAAY;UACf,MAAME,4BAA4B,GAAI,GAAEd,0BAA2B,KAAIW,cAAc,CAACd,kBAAmB,EAAC;UAC1G,oBACEpB,KAAA,CAAAyB,aAAA,CAACf,UAAU,EAAA0B,QAAA,KACLF,cAAc;YAClBd,kBAAkB,EAAEiB;UAA6B,EAClD,CAAC;QAEN,KAAK,OAAO;UACV,oBAAOrC,KAAA,CAAAyB,aAAA,CAACjB,KAAK,EAAK0B,cAAiB,CAAC;QACtC;UACE,oBAAOlC,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsC,QAAA,MAAI,CAAC;MAChB;IACF;IACA,oBAAOtC,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAAsC,QAAA,MAAI,CAAC;EACd,CAAC,EAAE,CAACnB,UAAU,EAAEI,0BAA0B,CAAC,CAAC;EAE5C,oBACEvB,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IACHoC,KAAK,EAAEnC,gBAAgB,CAACoC,QAAS;IACjCnB,MAAM,EAAEA,MAAO;IACfK,UAAU,EAAEP,UAAU,KAAKQ,SAAS,GAAG,IAAI,GAAG,KAAM;IACpDP,kBAAkB,EAAEG;EAA2B,gBAE/CvB,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IACHoC,KAAK,EAAEnC,gBAAgB,CAACqC,aAAc;IACtCb,yBAAyB,EAAET,UAAU,GAAG,MAAM,GAAG;EAAsB,GAEtEF,QAAQ,iBACPjB,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACoC,KAAK,EAAE;MAAEG,WAAW,EAAE7B;IAAW;EAAE,gBACvCb,KAAA,CAAAyB,aAAA,CAACd,IAAI;IACHgC,IAAI,EAAE1B,QAAS;IACfe,KAAK,EAAEd,SAAS,IAAII,KAAK,CAAC,iBAAiB,CAAE;IAC7CsB,IAAI,EAAEvC,sBAAsB,CAACwC;EAAS,CACvC,CACG,CACP,eACD7C,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACoC,KAAK,EAAEjC,QAAQ,CAACwC;EAAK,GAAEtB,qBAA4B,CAAC,EACzDL,UAAU,iBACTnB,KAAA,CAAAyB,aAAA,CAACtB,IAAI;IAACoC,KAAK,EAAE;MAAEQ,UAAU,EAAE1C,sBAAsB,CAAC2C;IAAa;EAAE,GAC9Df,kBAAkB,CAAC,CAChB,CAEJ,CACF,CAAC;AAEX,CAAC;AAED,eAAenB,cAAc"}
|
|
@@ -7,6 +7,7 @@ import { Icon } from "../icons";
|
|
|
7
7
|
import { LogoPayment } from "../logos";
|
|
8
8
|
import { HSpacer, VSpacer } from "../spacer";
|
|
9
9
|
import { Caption, H6, LabelSmall } from "../typography";
|
|
10
|
+
import { LoadingSpinner } from "../loadingSpinner";
|
|
10
11
|
export const ListItemNav = _ref => {
|
|
11
12
|
var _IOScaleValues$basicB;
|
|
12
13
|
let {
|
|
@@ -19,7 +20,8 @@ export const ListItemNav = _ref => {
|
|
|
19
20
|
accessibilityLabel,
|
|
20
21
|
testID,
|
|
21
22
|
hideChevron = false,
|
|
22
|
-
topElement
|
|
23
|
+
topElement,
|
|
24
|
+
loading
|
|
23
25
|
} = _ref;
|
|
24
26
|
const isPressed = useSharedValue(0);
|
|
25
27
|
const {
|
|
@@ -86,8 +88,14 @@ export const ListItemNav = _ref => {
|
|
|
86
88
|
// eslint-disable-next-line functional/immutable-data
|
|
87
89
|
isPressed.value = 0;
|
|
88
90
|
}, [isPressed]);
|
|
91
|
+
const handleOnPress = event => {
|
|
92
|
+
if (!loading) {
|
|
93
|
+
onPress(event);
|
|
94
|
+
}
|
|
95
|
+
};
|
|
96
|
+
const primaryColor = isExperimental ? "blueIO-500" : "blue";
|
|
89
97
|
return /*#__PURE__*/React.createElement(Pressable, {
|
|
90
|
-
onPress:
|
|
98
|
+
onPress: handleOnPress,
|
|
91
99
|
onPressIn: handlePressIn,
|
|
92
100
|
onPressOut: handlePressOut,
|
|
93
101
|
accessible: true,
|
|
@@ -115,7 +123,9 @@ export const ListItemNav = _ref => {
|
|
|
115
123
|
size: IOListItemVisualParams.iconSize
|
|
116
124
|
})), /*#__PURE__*/React.createElement(View, {
|
|
117
125
|
style: IOStyles.flex
|
|
118
|
-
}, listItemNavContent),
|
|
126
|
+
}, listItemNavContent), loading && /*#__PURE__*/React.createElement(LoadingSpinner, {
|
|
127
|
+
color: primaryColor
|
|
128
|
+
}), !loading && !hideChevron && /*#__PURE__*/React.createElement(View, {
|
|
119
129
|
style: {
|
|
120
130
|
marginLeft: IOListItemVisualParams.iconMargin
|
|
121
131
|
}
|
|
@@ -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":"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"]}
|