@pagopa/io-app-design-system 1.20.1 → 1.21.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/layout/FooterWithButtons.js +31 -1
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAmount.js +63 -0
- package/lib/commonjs/components/listitems/ListItemAmount.js.map +1 -0
- package/lib/commonjs/components/listitems/index.js +11 -0
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +1 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/layout/FooterWithButtons.js +33 -2
- package/lib/module/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/module/components/listitems/ListItemAmount.js +53 -0
- package/lib/module/components/listitems/ListItemAmount.js.map +1 -0
- package/lib/module/components/listitems/index.js +1 -0
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -1
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +2 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAmount.d.ts +21 -0
- package/lib/typescript/components/listitems/ListItemAmount.d.ts.map +1 -0
- package/lib/typescript/components/listitems/index.d.ts +1 -0
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/layout/FooterWithButtons.tsx +56 -12
- package/src/components/listitems/ListItemAmount.tsx +95 -0
- package/src/components/listitems/index.tsx +1 -0
- package/src/core/IOStyles.ts +1 -1
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = exports.FooterWithButtons = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
9
10
|
var _core = require("../../core");
|
|
10
11
|
var _BlockButtons = require("./BlockButtons");
|
|
11
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
@@ -22,9 +23,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
22
23
|
sticky: {
|
|
23
24
|
position: "absolute",
|
|
24
25
|
bottom: 0
|
|
26
|
+
},
|
|
27
|
+
footerShadow: {
|
|
28
|
+
backgroundColor: _core.IOColors.white,
|
|
29
|
+
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
30
|
+
// iOS shadow
|
|
31
|
+
shadowColor: _core.IOColors.black,
|
|
32
|
+
shadowOffset: {
|
|
33
|
+
width: 0,
|
|
34
|
+
height: 50
|
|
35
|
+
},
|
|
36
|
+
shadowOpacity: 0.5,
|
|
37
|
+
shadowRadius: 37,
|
|
38
|
+
elevation: 20 // Prop supported on Android only
|
|
25
39
|
}
|
|
26
40
|
});
|
|
27
41
|
|
|
42
|
+
const verticalSpacing = 16;
|
|
43
|
+
|
|
28
44
|
/**
|
|
29
45
|
* Implements a component that show buttons as sticky footer
|
|
30
46
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
@@ -32,8 +48,18 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
32
48
|
const FooterWithButtons = _ref => {
|
|
33
49
|
let {
|
|
34
50
|
sticky = false,
|
|
51
|
+
onLayoutChange,
|
|
35
52
|
...rest
|
|
36
53
|
} = _ref;
|
|
54
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
55
|
+
const onLayout = event => {
|
|
56
|
+
onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(event.nativeEvent.layout.height);
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
/* Check if the iPhone bottom handle is present.
|
|
60
|
+
If not add a default margin to prevent the
|
|
61
|
+
button from sticking to the bottom. */
|
|
62
|
+
const bottomMargin = (0, React.useMemo)(() => insets.bottom === 0 ? verticalSpacing : insets.bottom, [insets]);
|
|
37
63
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
38
64
|
style: {
|
|
39
65
|
...styles.container,
|
|
@@ -43,7 +69,11 @@ const FooterWithButtons = _ref => {
|
|
|
43
69
|
pointerEvents: "box-none",
|
|
44
70
|
testID: "FooterWithButtons"
|
|
45
71
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
46
|
-
|
|
72
|
+
onLayout: onLayout,
|
|
73
|
+
style: [styles.footerShadow, {
|
|
74
|
+
paddingBottom: bottomMargin,
|
|
75
|
+
paddingTop: verticalSpacing
|
|
76
|
+
}]
|
|
47
77
|
}, /*#__PURE__*/React.createElement(_BlockButtons.BlockButtons, rest)));
|
|
48
78
|
};
|
|
49
79
|
exports.FooterWithButtons = FooterWithButtons;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_BlockButtons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","FooterWithButtons","_ref","rest","createElement","View","style","accessible","pointerEvents","testID","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_BlockButtons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","IOColors","white","paddingHorizontal","IOVisualCostants","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","_ref","onLayoutChange","rest","insets","useSafeAreaInsets","onLayout","event","nativeEvent","layout","bottomMargin","useMemo","createElement","View","style","accessible","pointerEvents","testID","paddingBottom","BlockButtons","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.ListItemAmount = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _core = require("../../core");
|
|
10
|
+
var _icons = require("../icons");
|
|
11
|
+
var _typography = require("../typography");
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
+
const iconMargin = 8;
|
|
16
|
+
const ListItemAmount = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
label,
|
|
19
|
+
iconName,
|
|
20
|
+
iconColor,
|
|
21
|
+
valueElementProps,
|
|
22
|
+
valueString,
|
|
23
|
+
accessibilityLabel,
|
|
24
|
+
testID
|
|
25
|
+
} = _ref;
|
|
26
|
+
const theme = (0, _core.useIOTheme)();
|
|
27
|
+
const listItemAccessibilityLabel = (0, _react.useMemo)(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
28
|
+
const itemInfoTextComponent = /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
|
+
accessible: false,
|
|
30
|
+
importantForAccessibility: "no-hide-descendants",
|
|
31
|
+
accessibilityElementsHidden: false
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
33
|
+
weight: "Regular",
|
|
34
|
+
color: theme["textBody-tertiary"]
|
|
35
|
+
}, label));
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
37
|
+
style: _core.IOListItemStyles.listItem,
|
|
38
|
+
testID: testID,
|
|
39
|
+
accessible: true,
|
|
40
|
+
accessibilityLabel: listItemAccessibilityLabel
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
42
|
+
style: _core.IOListItemStyles.listItemInner
|
|
43
|
+
}, iconName && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
44
|
+
style: {
|
|
45
|
+
marginRight: iconMargin
|
|
46
|
+
}
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
48
|
+
name: iconName,
|
|
49
|
+
color: iconColor ?? theme["icon-decorative"],
|
|
50
|
+
size: _core.IOListItemVisualParams.iconSize
|
|
51
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
52
|
+
style: _core.IOStyles.flex
|
|
53
|
+
}, itemInfoTextComponent), /*#__PURE__*/_react.default.createElement(_typography.H3, _extends({
|
|
54
|
+
weight: "SemiBold",
|
|
55
|
+
color: "black"
|
|
56
|
+
}, valueElementProps, {
|
|
57
|
+
accessibilityLabel: `${listItemAccessibilityLabel}; ${(valueElementProps === null || valueElementProps === void 0 ? void 0 : valueElementProps.accessibilityLabel) ?? ""}`
|
|
58
|
+
}), valueString)));
|
|
59
|
+
};
|
|
60
|
+
exports.ListItemAmount = ListItemAmount;
|
|
61
|
+
var _default = ListItemAmount;
|
|
62
|
+
exports.default = _default;
|
|
63
|
+
//# sourceMappingURL=ListItemAmount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","iconMargin","ListItemAmount","_ref","label","iconName","iconColor","valueElementProps","valueString","accessibilityLabel","testID","theme","useIOTheme","listItemAccessibilityLabel","useMemo","itemInfoTextComponent","createElement","View","accessible","importantForAccessibility","accessibilityElementsHidden","H6","weight","color","style","IOListItemStyles","listItem","listItemInner","marginRight","Icon","name","size","IOListItemVisualParams","iconSize","IOStyles","flex","H3","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAmount.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAQA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAuC,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAoBvC,MAAMI,UAA0B,GAAG,CAAC;AAE7B,MAAMC,cAAc,GAAGC,IAAA,IAQR;EAAA,IARS;IAC7BC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,iBAAiB;IACjBC,WAAW;IACXC,kBAAkB;IAClBC;EACc,CAAC,GAAAP,IAAA;EACf,MAAMQ,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,0BAA0B,GAAG,IAAAC,cAAO,EACxC,MAAOL,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEL,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEK,kBAAkB,CAC5B,CAAC;EAED,MAAMM,qBAAqB,gBACzBpD,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,YAAA,CAAAmD,IAAI;IACHC,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAE,qBAAsB;IACjDC,2BAA2B,EAAE;EAAM,gBAEnCzD,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAC/C,WAAA,CAAAoD,EAAE;IAACC,MAAM,EAAC,SAAS;IAACC,KAAK,EAAEZ,KAAK,CAAC,mBAAmB;EAAE,GACpDP,KACC,CACA,CACP;EAED,oBACEzC,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,YAAA,CAAAmD,IAAI;IACHO,KAAK,EAAEC,sBAAgB,CAACC,QAAS;IACjChB,MAAM,EAAEA,MAAO;IACfQ,UAAU;IACVT,kBAAkB,EAAEI;EAA2B,gBAE/ClD,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,YAAA,CAAAmD,IAAI;IAACO,KAAK,EAAEC,sBAAgB,CAACE;EAAc,GACzCtB,QAAQ,iBACP1C,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,YAAA,CAAAmD,IAAI;IAACO,KAAK,EAAE;MAAEI,WAAW,EAAE3B;IAAW;EAAE,gBACvCtC,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAChD,MAAA,CAAA6D,IAAI;IACHC,IAAI,EAAEzB,QAAS;IACfkB,KAAK,EAAEjB,SAAS,IAAIK,KAAK,CAAC,iBAAiB,CAAE;IAC7CoB,IAAI,EAAEC,4BAAsB,CAACC;EAAS,CACvC,CACG,CACP,eACDtE,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,YAAA,CAAAmD,IAAI;IAACO,KAAK,EAAEU,cAAQ,CAACC;EAAK,GAAEpB,qBAA4B,CAAC,eAC1DpD,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAC/C,WAAA,CAAAmE,EAAE,EAAA5C,QAAA;IACD8B,MAAM,EAAE,UAAW;IACnBC,KAAK,EAAE;EAAQ,GACXhB,iBAAiB;IACrBE,kBAAkB,EAAG,GAAEI,0BAA2B,KAChD,CAAAN,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEE,kBAAkB,KAAI,EAC1C;EAAE,IAEFD,WACC,CACA,CACF,CAAC;AAEX,CAAC;AAAC6B,OAAA,CAAAnC,cAAA,GAAAA,cAAA;AAAA,IAAAoC,QAAA,GAEapC,cAAc;AAAAmC,OAAA,CAAA5D,OAAA,GAAA6D,QAAA"}
|
|
@@ -135,4 +135,15 @@ Object.keys(_ListItemRadioWithAmount).forEach(function (key) {
|
|
|
135
135
|
}
|
|
136
136
|
});
|
|
137
137
|
});
|
|
138
|
+
var _ListItemAmount = require("./ListItemAmount");
|
|
139
|
+
Object.keys(_ListItemAmount).forEach(function (key) {
|
|
140
|
+
if (key === "default" || key === "__esModule") return;
|
|
141
|
+
if (key in exports && exports[key] === _ListItemAmount[key]) return;
|
|
142
|
+
Object.defineProperty(exports, key, {
|
|
143
|
+
enumerable: true,
|
|
144
|
+
get: function () {
|
|
145
|
+
return _ListItemAmount[key];
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
});
|
|
138
149
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_ListItemAction","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ListItemHeader","_ListItemInfo","_ListItemInfoCopy","_ListItemNav","_ListItemNavAlert","_ListItemTransaction","_PressableListItemsBase","_ListItemSwitch","_ListItemCheckbox","_ListItemRadio","_ListItemRadioWithAmount"],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_ListItemAction","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ListItemHeader","_ListItemInfo","_ListItemInfoCopy","_ListItemNav","_ListItemNavAlert","_ListItemTransaction","_PressableListItemsBase","_ListItemSwitch","_ListItemCheckbox","_ListItemRadio","_ListItemRadioWithAmount","_ListItemAmount"],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,aAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,aAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,aAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,aAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,iBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,YAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,YAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,YAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,iBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,iBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,iBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,iBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,oBAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,oBAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,oBAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,oBAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,uBAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,uBAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,uBAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAO,uBAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,eAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,eAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAY,eAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAQ,eAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,iBAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,iBAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAa,iBAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAS,iBAAA,CAAAb,GAAA;IAAA;EAAA;AAAA;AACA,IAAAc,cAAA,GAAAlB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAgB,cAAA,EAAAf,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAc,cAAA,CAAAd,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAU,cAAA,CAAAd,GAAA;IAAA;EAAA;AAAA;AACA,IAAAe,wBAAA,GAAAnB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAiB,wBAAA,EAAAhB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAe,wBAAA,CAAAf,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAW,wBAAA,CAAAf,GAAA;IAAA;EAAA;AAAA;AACA,IAAAgB,eAAA,GAAApB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAkB,eAAA,EAAAjB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAgB,eAAA,CAAAhB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAY,eAAA,CAAAhB,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.numberPadBtnSize = exports.iconBtnSizeSmall = exports.buttonSolidHeight = exports.IOVisualCostants = exports.IOSwitchVisualParams = exports.IOStyles = exports.IOSelectionTickVisualParams = exports.IOSelectionTickLegacyVisualParams = exports.IOSelectionListItemVisualParams = exports.IOSelectionListItemStyles = exports.IONumberPadButtonStyles = exports.IOModuleStyles = exports.IOListItemVisualParams = exports.IOListItemStyles = exports.IOIconButtonStyles = exports.IOButtonStyles = exports.IOButtonLegacyStyles = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _IOColors = require("./IOColors");
|
|
9
|
-
var _IOSpacing = require("./IOSpacing");
|
|
10
9
|
var _IOShapes = require("./IOShapes");
|
|
10
|
+
var _IOSpacing = require("./IOSpacing");
|
|
11
11
|
/**
|
|
12
12
|
* A collection of default styles used within IO App.
|
|
13
13
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_IOColors","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_IOColors","_IOShapes","_IOSpacing","IOVisualCostants","appMarginDefault","headerHeight","avatarSizeSmall","avatarSizeMedium","iconContainedSizeDefault","scrollDownButtonRight","scrollDownButtonBottom","exports","IOStyles","StyleSheet","create","flex","selfCenter","alignSelf","alignCenter","alignItems","horizontalContentPadding","paddingHorizontal","row","flexDirection","column","rowSpaceBetween","justifyContent","centerJustified","footer","backgroundColor","IOColors","white","paddingBottom","paddingTop","shadowColor","black","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","bgWhite","topListBorderBelowTabsStyle","borderTopWidth","Platform","OS","undefined","btnLegacySizeDefault","btnSizeLarge","btnBorderRadius","btnSizeDefault","buttonSolidHeight","iconBtnSizeSmall","numberPadBtnSize","IOButtonLegacyStyles","button","textAlignVertical","borderRadius","buttonInner","label","labelSizeDefault","fontSize","buttonSizeDefault","IOButtonStyles","buttonLink","labelSizeSmall","buttonSizeSmall","dimensionsDefault","IOIconButtonStyles","buttonSizeLarge","IONumberPadButtonStyles","circularShape","buttonSize","IOListItemVisualParams","paddingVertical","iconMargin","actionMargin","iconSize","chevronSize","IOListItemStyles","listItem","marginHorizontal","listItemInner","IOModuleStyles","borderWidth","borderColor","IOModuleIDPRadius","IOModuleIDPVSpacing","IOModuleIDPHSpacing","IOSelectionTickVisualParams","size","borderColorOffState","bgColorOnState","tickColor","IOSwitchVisualParams","bgColorOffState","bgCircle","padding","IOSelectionTickLegacyVisualParams","IOSelectionListItemVisualParams","descriptionMargin","IOSelectionListItemStyles"],"sourceRoot":"../../../src","sources":["core/IOStyles.ts"],"mappings":"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"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { useMemo } from "react";
|
|
2
3
|
import { StyleSheet, View } from "react-native";
|
|
3
|
-
import {
|
|
4
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
5
|
+
import { IOColors, IOVisualCostants } from "../../core";
|
|
4
6
|
import { BlockButtons } from "./BlockButtons";
|
|
5
7
|
// TODO: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
|
|
6
8
|
const styles = StyleSheet.create({
|
|
@@ -14,9 +16,24 @@ const styles = StyleSheet.create({
|
|
|
14
16
|
sticky: {
|
|
15
17
|
position: "absolute",
|
|
16
18
|
bottom: 0
|
|
19
|
+
},
|
|
20
|
+
footerShadow: {
|
|
21
|
+
backgroundColor: IOColors.white,
|
|
22
|
+
paddingHorizontal: IOVisualCostants.appMarginDefault,
|
|
23
|
+
// iOS shadow
|
|
24
|
+
shadowColor: IOColors.black,
|
|
25
|
+
shadowOffset: {
|
|
26
|
+
width: 0,
|
|
27
|
+
height: 50
|
|
28
|
+
},
|
|
29
|
+
shadowOpacity: 0.5,
|
|
30
|
+
shadowRadius: 37,
|
|
31
|
+
elevation: 20 // Prop supported on Android only
|
|
17
32
|
}
|
|
18
33
|
});
|
|
19
34
|
|
|
35
|
+
const verticalSpacing = 16;
|
|
36
|
+
|
|
20
37
|
/**
|
|
21
38
|
* Implements a component that show buttons as sticky footer
|
|
22
39
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
@@ -24,8 +41,18 @@ const styles = StyleSheet.create({
|
|
|
24
41
|
export const FooterWithButtons = _ref => {
|
|
25
42
|
let {
|
|
26
43
|
sticky = false,
|
|
44
|
+
onLayoutChange,
|
|
27
45
|
...rest
|
|
28
46
|
} = _ref;
|
|
47
|
+
const insets = useSafeAreaInsets();
|
|
48
|
+
const onLayout = event => {
|
|
49
|
+
onLayoutChange === null || onLayoutChange === void 0 || onLayoutChange(event.nativeEvent.layout.height);
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
/* Check if the iPhone bottom handle is present.
|
|
53
|
+
If not add a default margin to prevent the
|
|
54
|
+
button from sticking to the bottom. */
|
|
55
|
+
const bottomMargin = useMemo(() => insets.bottom === 0 ? verticalSpacing : insets.bottom, [insets]);
|
|
29
56
|
return /*#__PURE__*/React.createElement(View, {
|
|
30
57
|
style: {
|
|
31
58
|
...styles.container,
|
|
@@ -35,7 +62,11 @@ export const FooterWithButtons = _ref => {
|
|
|
35
62
|
pointerEvents: "box-none",
|
|
36
63
|
testID: "FooterWithButtons"
|
|
37
64
|
}, /*#__PURE__*/React.createElement(View, {
|
|
38
|
-
|
|
65
|
+
onLayout: onLayout,
|
|
66
|
+
style: [styles.footerShadow, {
|
|
67
|
+
paddingBottom: bottomMargin,
|
|
68
|
+
paddingTop: verticalSpacing
|
|
69
|
+
}]
|
|
39
70
|
}, /*#__PURE__*/React.createElement(BlockButtons, rest)));
|
|
40
71
|
};
|
|
41
72
|
export default FooterWithButtons;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","
|
|
1
|
+
{"version":3,"names":["React","useMemo","StyleSheet","View","useSafeAreaInsets","IOColors","IOVisualCostants","BlockButtons","styles","create","container","overflow","width","marginTop","paddingTop","sticky","position","bottom","footerShadow","backgroundColor","white","paddingHorizontal","appMarginDefault","shadowColor","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","verticalSpacing","FooterWithButtons","_ref","onLayoutChange","rest","insets","onLayout","event","nativeEvent","layout","bottomMargin","createElement","style","accessible","pointerEvents","testID","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/layout/FooterWithButtons.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,QAAQ,EAAkBC,gBAAgB,QAAQ,YAAY;AACvE,SAASC,YAAY,QAA2B,gBAAgB;AAOhE;AACA,MAAMC,MAAM,GAAGN,UAAU,CAACO,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,CAAC;EACDC,YAAY,EAAE;IACZC,eAAe,EAAEd,QAAQ,CAACe,KAAK;IAC/BC,iBAAiB,EAAEf,gBAAgB,CAACgB,gBAAgB;IACpD;IACAC,WAAW,EAAElB,QAAQ,CAACmB,KAAK;IAC3BC,YAAY,EAAE;MACZb,KAAK,EAAE,CAAC;MACRc,MAAM,EAAE;IACV,CAAC;IACDC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,EAAE,CAAC;EAChB;AACF,CAAC,CAAC;;AAEF,MAAMC,eAA+B,GAAG,EAAE;;AAE1C;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGC,IAAA,IAIpB;EAAA,IAJqB;IAChCjB,MAAM,GAAG,KAAK;IACdkB,cAAc;IACd,GAAGC;EACE,CAAC,GAAAF,IAAA;EACN,MAAMG,MAAM,GAAG/B,iBAAiB,CAAC,CAAC;EAElC,MAAMgC,QAAQ,GAAIC,KAAU,IAAK;IAC/BJ,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGI,KAAK,CAACC,WAAW,CAACC,MAAM,CAACb,MAAM,CAAC;EACnD,CAAC;;EAED;AACF;AACA;EACE,MAAMc,YAAoB,GAAGvC,OAAO,CAClC,MAAOkC,MAAM,CAAClB,MAAM,KAAK,CAAC,GAAGa,eAAe,GAAGK,MAAM,CAAClB,MAAO,EAC7D,CAACkB,MAAM,CACT,CAAC;EAED,oBACEnC,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IACHuC,KAAK,EAAE;MAAE,GAAGlC,MAAM,CAACE,SAAS;MAAE,IAAIK,MAAM,GAAGP,MAAM,CAACO,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjE4B,UAAU,EAAET,IAAI,CAACS,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1B7C,KAAA,CAAAyC,aAAA,CAACtC,IAAI;IACHiC,QAAQ,EAAEA,QAAS;IACnBM,KAAK,EAAE,CACLlC,MAAM,CAACU,YAAY,EACnB;MAAE4B,aAAa,EAAEN,YAAY;MAAE1B,UAAU,EAAEgB;IAAgB,CAAC;EAC5D,gBAEF9B,KAAA,CAAAyC,aAAA,CAAClC,YAAY,EAAK2B,IAAO,CACrB,CACF,CAAC;AAEX,CAAC;AAED,eAAeH,iBAAiB"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
|
+
import { View } from "react-native";
|
|
4
|
+
import { IOListItemStyles, IOListItemVisualParams, IOStyles, useIOTheme } from "../../core";
|
|
5
|
+
import { Icon } from "../icons";
|
|
6
|
+
import { H3, H6 } from "../typography";
|
|
7
|
+
const iconMargin = 8;
|
|
8
|
+
export const ListItemAmount = _ref => {
|
|
9
|
+
let {
|
|
10
|
+
label,
|
|
11
|
+
iconName,
|
|
12
|
+
iconColor,
|
|
13
|
+
valueElementProps,
|
|
14
|
+
valueString,
|
|
15
|
+
accessibilityLabel,
|
|
16
|
+
testID
|
|
17
|
+
} = _ref;
|
|
18
|
+
const theme = useIOTheme();
|
|
19
|
+
const listItemAccessibilityLabel = useMemo(() => accessibilityLabel ? accessibilityLabel : `${label}`, [label, accessibilityLabel]);
|
|
20
|
+
const itemInfoTextComponent = /*#__PURE__*/React.createElement(View, {
|
|
21
|
+
accessible: false,
|
|
22
|
+
importantForAccessibility: "no-hide-descendants",
|
|
23
|
+
accessibilityElementsHidden: false
|
|
24
|
+
}, /*#__PURE__*/React.createElement(H6, {
|
|
25
|
+
weight: "Regular",
|
|
26
|
+
color: theme["textBody-tertiary"]
|
|
27
|
+
}, label));
|
|
28
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
29
|
+
style: IOListItemStyles.listItem,
|
|
30
|
+
testID: testID,
|
|
31
|
+
accessible: true,
|
|
32
|
+
accessibilityLabel: listItemAccessibilityLabel
|
|
33
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
34
|
+
style: IOListItemStyles.listItemInner
|
|
35
|
+
}, iconName && /*#__PURE__*/React.createElement(View, {
|
|
36
|
+
style: {
|
|
37
|
+
marginRight: iconMargin
|
|
38
|
+
}
|
|
39
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
40
|
+
name: iconName,
|
|
41
|
+
color: iconColor ?? theme["icon-decorative"],
|
|
42
|
+
size: IOListItemVisualParams.iconSize
|
|
43
|
+
})), /*#__PURE__*/React.createElement(View, {
|
|
44
|
+
style: IOStyles.flex
|
|
45
|
+
}, itemInfoTextComponent), /*#__PURE__*/React.createElement(H3, _extends({
|
|
46
|
+
weight: "SemiBold",
|
|
47
|
+
color: "black"
|
|
48
|
+
}, valueElementProps, {
|
|
49
|
+
accessibilityLabel: `${listItemAccessibilityLabel}; ${(valueElementProps === null || valueElementProps === void 0 ? void 0 : valueElementProps.accessibilityLabel) ?? ""}`
|
|
50
|
+
}), valueString)));
|
|
51
|
+
};
|
|
52
|
+
export default ListItemAmount;
|
|
53
|
+
//# sourceMappingURL=ListItemAmount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","IOListItemStyles","IOListItemVisualParams","IOStyles","useIOTheme","Icon","H3","H6","iconMargin","ListItemAmount","_ref","label","iconName","iconColor","valueElementProps","valueString","accessibilityLabel","testID","theme","listItemAccessibilityLabel","itemInfoTextComponent","createElement","accessible","importantForAccessibility","accessibilityElementsHidden","weight","color","style","listItem","listItemInner","marginRight","name","size","iconSize","flex","_extends"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemAmount.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,OAAO,QAAQ,OAAO;AACtD,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,gBAAgB,EAChBC,sBAAsB,EAEtBC,QAAQ,EACRC,UAAU,QACL,YAAY;AAEnB,SAAkBC,IAAI,QAAQ,UAAU;AACxC,SAASC,EAAE,EAAEC,EAAE,QAAQ,eAAe;AAoBtC,MAAMC,UAA0B,GAAG,CAAC;AAEpC,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAQR;EAAA,IARS;IAC7BC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,iBAAiB;IACjBC,WAAW;IACXC,kBAAkB;IAClBC;EACc,CAAC,GAAAP,IAAA;EACf,MAAMQ,KAAK,GAAGd,UAAU,CAAC,CAAC;EAE1B,MAAMe,0BAA0B,GAAGpB,OAAO,CACxC,MAAOiB,kBAAkB,GAAGA,kBAAkB,GAAI,GAAEL,KAAM,EAAE,EAC5D,CAACA,KAAK,EAAEK,kBAAkB,CAC5B,CAAC;EAED,MAAMI,qBAAqB,gBACzBtB,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IACHsB,UAAU,EAAE,KAAM;IAClBC,yBAAyB,EAAE,qBAAsB;IACjDC,2BAA2B,EAAE;EAAM,gBAEnC1B,KAAA,CAAAuB,aAAA,CAACd,EAAE;IAACkB,MAAM,EAAC,SAAS;IAACC,KAAK,EAAER,KAAK,CAAC,mBAAmB;EAAE,GACpDP,KACC,CACA,CACP;EAED,oBACEb,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IACH2B,KAAK,EAAE1B,gBAAgB,CAAC2B,QAAS;IACjCX,MAAM,EAAEA,MAAO;IACfK,UAAU;IACVN,kBAAkB,EAAEG;EAA2B,gBAE/CrB,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAAC2B,KAAK,EAAE1B,gBAAgB,CAAC4B;EAAc,GACzCjB,QAAQ,iBACPd,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAAC2B,KAAK,EAAE;MAAEG,WAAW,EAAEtB;IAAW;EAAE,gBACvCV,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IACH0B,IAAI,EAAEnB,QAAS;IACfc,KAAK,EAAEb,SAAS,IAAIK,KAAK,CAAC,iBAAiB,CAAE;IAC7Cc,IAAI,EAAE9B,sBAAsB,CAAC+B;EAAS,CACvC,CACG,CACP,eACDnC,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAAC2B,KAAK,EAAExB,QAAQ,CAAC+B;EAAK,GAAEd,qBAA4B,CAAC,eAC1DtB,KAAA,CAAAuB,aAAA,CAACf,EAAE,EAAA6B,QAAA;IACDV,MAAM,EAAE,UAAW;IACnBC,KAAK,EAAE;EAAQ,GACXZ,iBAAiB;IACrBE,kBAAkB,EAAG,GAAEG,0BAA2B,KAChD,CAAAL,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEE,kBAAkB,KAAI,EAC1C;EAAE,IAEFD,WACC,CACA,CACF,CAAC;AAEX,CAAC;AAED,eAAeN,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/listitems/index.tsx"],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,oBAAoB;AAClC,cAAc,eAAe;AAC7B,cAAc,oBAAoB;AAClC,cAAc,uBAAuB;AACrC,cAAc,0BAA0B;AACxC,cAAc,kBAAkB;AAChC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,2BAA2B;AACzC,cAAc,kBAAkB"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Platform, StyleSheet } from "react-native";
|
|
2
2
|
import { IOColors } from "./IOColors";
|
|
3
|
-
import { IOModuleIDPHSpacing, IOModuleIDPVSpacing } from "./IOSpacing";
|
|
4
3
|
import { IOModuleIDPRadius } from "./IOShapes";
|
|
4
|
+
import { IOModuleIDPHSpacing, IOModuleIDPVSpacing } from "./IOSpacing";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* A collection of default styles used within IO App.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","StyleSheet","IOColors","
|
|
1
|
+
{"version":3,"names":["Platform","StyleSheet","IOColors","IOModuleIDPRadius","IOModuleIDPHSpacing","IOModuleIDPVSpacing","IOVisualCostants","appMarginDefault","headerHeight","avatarSizeSmall","avatarSizeMedium","iconContainedSizeDefault","scrollDownButtonRight","scrollDownButtonBottom","IOStyles","create","flex","selfCenter","alignSelf","alignCenter","alignItems","horizontalContentPadding","paddingHorizontal","row","flexDirection","column","rowSpaceBetween","justifyContent","centerJustified","footer","backgroundColor","white","paddingBottom","paddingTop","shadowColor","black","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","bgWhite","topListBorderBelowTabsStyle","borderTopWidth","OS","undefined","btnLegacySizeDefault","btnSizeLarge","btnBorderRadius","btnSizeDefault","buttonSolidHeight","iconBtnSizeSmall","numberPadBtnSize","IOButtonLegacyStyles","button","textAlignVertical","borderRadius","buttonInner","label","labelSizeDefault","fontSize","buttonSizeDefault","IOButtonStyles","buttonLink","labelSizeSmall","buttonSizeSmall","dimensionsDefault","IOIconButtonStyles","buttonSizeLarge","IONumberPadButtonStyles","circularShape","buttonSize","IOListItemVisualParams","paddingVertical","iconMargin","actionMargin","iconSize","chevronSize","IOListItemStyles","listItem","marginHorizontal","listItemInner","IOModuleStyles","borderWidth","borderColor","IOSelectionTickVisualParams","size","borderColorOffState","bgColorOnState","tickColor","IOSwitchVisualParams","bgColorOffState","bgCircle","padding","IOSelectionTickLegacyVisualParams","IOSelectionListItemVisualParams","descriptionMargin","IOSelectionListItemStyles"],"sourceRoot":"../../../src","sources":["core/IOStyles.ts"],"mappings":"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"}
|
|
@@ -2,11 +2,12 @@ import * as React from "react";
|
|
|
2
2
|
import { BlockButtonsProps } from "./BlockButtons";
|
|
3
3
|
type Props = BlockButtonsProps & {
|
|
4
4
|
sticky?: boolean;
|
|
5
|
+
onLayoutChange?: (height: number) => void;
|
|
5
6
|
};
|
|
6
7
|
/**
|
|
7
8
|
* Implements a component that show buttons as sticky footer
|
|
8
9
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
9
10
|
*/
|
|
10
|
-
export declare const FooterWithButtons: ({ sticky, ...rest }: Props) => React.JSX.Element;
|
|
11
|
+
export declare const FooterWithButtons: ({ sticky, onLayoutChange, ...rest }: Props) => React.JSX.Element;
|
|
11
12
|
export default FooterWithButtons;
|
|
12
13
|
//# sourceMappingURL=FooterWithButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterWithButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/FooterWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FooterWithButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/FooterWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAgCF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,wCAI3B,KAAK,sBAiCP,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { ComponentProps } from "react";
|
|
2
|
+
import { WithTestID } from "../../utils/types";
|
|
3
|
+
import { IOIcons, Icon } from "../icons";
|
|
4
|
+
import { H3 } from "../typography";
|
|
5
|
+
type ValueProps = ComponentProps<typeof H3>;
|
|
6
|
+
type IconProps = {
|
|
7
|
+
iconName: IOIcons;
|
|
8
|
+
iconColor?: ComponentProps<typeof Icon>["color"];
|
|
9
|
+
} | {
|
|
10
|
+
iconName?: never;
|
|
11
|
+
iconColor?: never;
|
|
12
|
+
};
|
|
13
|
+
export type ListItemAmount = WithTestID<{
|
|
14
|
+
label: string;
|
|
15
|
+
valueElementProps?: ValueProps;
|
|
16
|
+
valueString: string;
|
|
17
|
+
accessibilityLabel?: string;
|
|
18
|
+
}> & IconProps;
|
|
19
|
+
export declare const ListItemAmount: ({ label, iconName, iconColor, valueElementProps, valueString, accessibilityLabel, testID }: ListItemAmount) => React.JSX.Element;
|
|
20
|
+
export default ListItemAmount;
|
|
21
|
+
//# sourceMappingURL=ListItemAmount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItemAmount.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemAmount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAW,MAAM,OAAO,CAAC;AASvD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,EAAE,EAAM,MAAM,eAAe,CAAC;AAEvC,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC;AAE5C,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,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,WAAW,EAAE,MAAM,CAAC;IAEpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC,GACA,SAAS,CAAC;AAIZ,eAAO,MAAM,cAAc,+FAQxB,cAAc,sBAmDhB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EACL,WAAW,EAGX,QAAQ,EACR,cAAc,EACf,MAAM,aAAa,CAAC;AAErB;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAQ9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAeH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;CAsC/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;CAclC,CAAC;AAEH;;GAEG;AAEH,UAAU,sBAAsB;IAC9B,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,sBAOpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAW3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYzB,CAAC;AAEH;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,CAAC;IAC1B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iCAAiC;IACzC,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBASlC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAI7C,CAAC;AAEJ,UAAU,+BAA+B;IACvC,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,iBAAiB,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,+BAA+B,EAAE,+BAQ3C,CAAC;AAEJ,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWpC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
|
|
3
|
+
import { useMemo } from "react";
|
|
3
4
|
import { StyleSheet, View } from "react-native";
|
|
4
|
-
import {
|
|
5
|
+
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
6
|
+
import { IOColors, IOSpacingScale, IOVisualCostants } from "../../core";
|
|
5
7
|
import { BlockButtons, BlockButtonsProps } from "./BlockButtons";
|
|
6
8
|
|
|
7
9
|
type Props = BlockButtonsProps & {
|
|
8
10
|
sticky?: boolean;
|
|
11
|
+
onLayoutChange?: (height: number) => void;
|
|
9
12
|
};
|
|
10
13
|
|
|
11
14
|
// TODO: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
|
|
@@ -20,24 +23,65 @@ const styles = StyleSheet.create({
|
|
|
20
23
|
sticky: {
|
|
21
24
|
position: "absolute",
|
|
22
25
|
bottom: 0
|
|
26
|
+
},
|
|
27
|
+
footerShadow: {
|
|
28
|
+
backgroundColor: IOColors.white,
|
|
29
|
+
paddingHorizontal: IOVisualCostants.appMarginDefault,
|
|
30
|
+
// iOS shadow
|
|
31
|
+
shadowColor: IOColors.black,
|
|
32
|
+
shadowOffset: {
|
|
33
|
+
width: 0,
|
|
34
|
+
height: 50
|
|
35
|
+
},
|
|
36
|
+
shadowOpacity: 0.5,
|
|
37
|
+
shadowRadius: 37,
|
|
38
|
+
elevation: 20 // Prop supported on Android only
|
|
23
39
|
}
|
|
24
40
|
});
|
|
25
41
|
|
|
42
|
+
const verticalSpacing: IOSpacingScale = 16;
|
|
43
|
+
|
|
26
44
|
/**
|
|
27
45
|
* Implements a component that show buttons as sticky footer
|
|
28
46
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
29
47
|
*/
|
|
30
|
-
export const FooterWithButtons = ({
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
48
|
+
export const FooterWithButtons = ({
|
|
49
|
+
sticky = false,
|
|
50
|
+
onLayoutChange,
|
|
51
|
+
...rest
|
|
52
|
+
}: Props) => {
|
|
53
|
+
const insets = useSafeAreaInsets();
|
|
54
|
+
|
|
55
|
+
const onLayout = (event: any) => {
|
|
56
|
+
onLayoutChange?.(event.nativeEvent.layout.height);
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
/* Check if the iPhone bottom handle is present.
|
|
60
|
+
If not add a default margin to prevent the
|
|
61
|
+
button from sticking to the bottom. */
|
|
62
|
+
const bottomMargin: number = useMemo(
|
|
63
|
+
() => (insets.bottom === 0 ? verticalSpacing : insets.bottom),
|
|
64
|
+
[insets]
|
|
65
|
+
);
|
|
66
|
+
|
|
67
|
+
return (
|
|
68
|
+
<View
|
|
69
|
+
style={{ ...styles.container, ...(sticky ? styles.sticky : {}) }}
|
|
70
|
+
accessible={rest.accessible}
|
|
71
|
+
pointerEvents={"box-none"}
|
|
72
|
+
testID="FooterWithButtons"
|
|
73
|
+
>
|
|
74
|
+
<View
|
|
75
|
+
onLayout={onLayout}
|
|
76
|
+
style={[
|
|
77
|
+
styles.footerShadow,
|
|
78
|
+
{ paddingBottom: bottomMargin, paddingTop: verticalSpacing }
|
|
79
|
+
]}
|
|
80
|
+
>
|
|
81
|
+
<BlockButtons {...rest} />
|
|
82
|
+
</View>
|
|
39
83
|
</View>
|
|
40
|
-
|
|
41
|
-
|
|
84
|
+
);
|
|
85
|
+
};
|
|
42
86
|
|
|
43
87
|
export default FooterWithButtons;
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import React, { ComponentProps, useMemo } from "react";
|
|
2
|
+
import { View } from "react-native";
|
|
3
|
+
import {
|
|
4
|
+
IOListItemStyles,
|
|
5
|
+
IOListItemVisualParams,
|
|
6
|
+
IOSpacingScale,
|
|
7
|
+
IOStyles,
|
|
8
|
+
useIOTheme
|
|
9
|
+
} from "../../core";
|
|
10
|
+
import { WithTestID } from "../../utils/types";
|
|
11
|
+
import { IOIcons, Icon } from "../icons";
|
|
12
|
+
import { H3, H6 } from "../typography";
|
|
13
|
+
|
|
14
|
+
type ValueProps = ComponentProps<typeof H3>;
|
|
15
|
+
|
|
16
|
+
type IconProps =
|
|
17
|
+
| {
|
|
18
|
+
iconName: IOIcons;
|
|
19
|
+
iconColor?: ComponentProps<typeof Icon>["color"];
|
|
20
|
+
}
|
|
21
|
+
| { iconName?: never; iconColor?: never };
|
|
22
|
+
|
|
23
|
+
export type ListItemAmount = WithTestID<{
|
|
24
|
+
label: string;
|
|
25
|
+
valueElementProps?: ValueProps;
|
|
26
|
+
valueString: string;
|
|
27
|
+
// Accessibility
|
|
28
|
+
accessibilityLabel?: string;
|
|
29
|
+
}> &
|
|
30
|
+
IconProps;
|
|
31
|
+
|
|
32
|
+
const iconMargin: IOSpacingScale = 8;
|
|
33
|
+
|
|
34
|
+
export const ListItemAmount = ({
|
|
35
|
+
label,
|
|
36
|
+
iconName,
|
|
37
|
+
iconColor,
|
|
38
|
+
valueElementProps,
|
|
39
|
+
valueString,
|
|
40
|
+
accessibilityLabel,
|
|
41
|
+
testID
|
|
42
|
+
}: ListItemAmount) => {
|
|
43
|
+
const theme = useIOTheme();
|
|
44
|
+
|
|
45
|
+
const listItemAccessibilityLabel = useMemo(
|
|
46
|
+
() => (accessibilityLabel ? accessibilityLabel : `${label}`),
|
|
47
|
+
[label, accessibilityLabel]
|
|
48
|
+
);
|
|
49
|
+
|
|
50
|
+
const itemInfoTextComponent = (
|
|
51
|
+
<View
|
|
52
|
+
accessible={false}
|
|
53
|
+
importantForAccessibility={"no-hide-descendants"}
|
|
54
|
+
accessibilityElementsHidden={false}
|
|
55
|
+
>
|
|
56
|
+
<H6 weight="Regular" color={theme["textBody-tertiary"]}>
|
|
57
|
+
{label}
|
|
58
|
+
</H6>
|
|
59
|
+
</View>
|
|
60
|
+
);
|
|
61
|
+
|
|
62
|
+
return (
|
|
63
|
+
<View
|
|
64
|
+
style={IOListItemStyles.listItem}
|
|
65
|
+
testID={testID}
|
|
66
|
+
accessible
|
|
67
|
+
accessibilityLabel={listItemAccessibilityLabel}
|
|
68
|
+
>
|
|
69
|
+
<View style={IOListItemStyles.listItemInner}>
|
|
70
|
+
{iconName && (
|
|
71
|
+
<View style={{ marginRight: iconMargin }}>
|
|
72
|
+
<Icon
|
|
73
|
+
name={iconName}
|
|
74
|
+
color={iconColor ?? theme["icon-decorative"]}
|
|
75
|
+
size={IOListItemVisualParams.iconSize}
|
|
76
|
+
/>
|
|
77
|
+
</View>
|
|
78
|
+
)}
|
|
79
|
+
<View style={IOStyles.flex}>{itemInfoTextComponent}</View>
|
|
80
|
+
<H3
|
|
81
|
+
weight={"SemiBold"}
|
|
82
|
+
color={"black"}
|
|
83
|
+
{...valueElementProps}
|
|
84
|
+
accessibilityLabel={`${listItemAccessibilityLabel}; ${
|
|
85
|
+
valueElementProps?.accessibilityLabel ?? ""
|
|
86
|
+
}`}
|
|
87
|
+
>
|
|
88
|
+
{valueString}
|
|
89
|
+
</H3>
|
|
90
|
+
</View>
|
|
91
|
+
</View>
|
|
92
|
+
);
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
export default ListItemAmount;
|
package/src/core/IOStyles.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Platform, StyleSheet } from "react-native";
|
|
2
2
|
import { IOIconSizeScale } from "../components/icons";
|
|
3
3
|
import { IOColors } from "./IOColors";
|
|
4
|
+
import { IOModuleIDPRadius } from "./IOShapes";
|
|
4
5
|
import {
|
|
5
6
|
IOAppMargin,
|
|
6
7
|
IOModuleIDPHSpacing,
|
|
@@ -8,7 +9,6 @@ import {
|
|
|
8
9
|
IOSpacer,
|
|
9
10
|
IOSpacingScale
|
|
10
11
|
} from "./IOSpacing";
|
|
11
|
-
import { IOModuleIDPRadius } from "./IOShapes";
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* A collection of default styles used within IO App.
|