@pagopa/io-app-design-system 1.46.1 → 1.47.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/badge/Badge.js +2 -2
- package/lib/commonjs/components/layout/BlockButtons.js +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +162 -0
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -0
- package/lib/commonjs/components/layout/FooterActionsInline.js +113 -0
- package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -0
- package/lib/commonjs/components/layout/FooterWithButtons.js +3 -1
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/commonjs/components/layout/hooks/index.js +28 -0
- package/lib/commonjs/components/layout/hooks/index.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useBottomMargins.js +31 -0
- package/lib/commonjs/components/layout/hooks/useBottomMargins.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js +30 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js +31 -0
- package/lib/commonjs/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
- package/lib/commonjs/components/layout/index.js +33 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/pictograms/Pictogram.js +10 -2
- package/lib/commonjs/components/pictograms/Pictogram.js.map +1 -1
- package/lib/commonjs/components/pictograms/svg/PictogramFingerprint.js +49 -0
- package/lib/commonjs/components/pictograms/svg/PictogramFingerprint.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramSmile.js +32 -0
- package/lib/commonjs/components/pictograms/svg/PictogramSmile.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/PictogramWalletDoc.js +46 -0
- package/lib/commonjs/components/pictograms/svg/PictogramWalletDoc.js.map +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramFingerprint.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramSmile.svg +1 -0
- package/lib/commonjs/components/pictograms/svg/originals/PictogramWalletDoc.svg +1 -0
- package/lib/commonjs/core/IOColors.js +4 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +10 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/index.js +0 -11
- package/lib/commonjs/core/index.js.map +1 -1
- package/lib/module/components/badge/Badge.js +2 -2
- package/lib/module/components/layout/BlockButtons.js +1 -1
- package/lib/module/components/layout/FooterActions.js +153 -0
- package/lib/module/components/layout/FooterActions.js.map +1 -0
- package/lib/module/components/layout/FooterActionsInline.js +104 -0
- package/lib/module/components/layout/FooterActionsInline.js.map +1 -0
- package/lib/module/components/layout/FooterWithButtons.js +3 -1
- package/lib/module/components/layout/FooterWithButtons.js.map +1 -1
- package/lib/module/components/layout/hooks/index.js +3 -0
- package/lib/module/components/layout/hooks/index.js.map +1 -0
- package/lib/module/components/layout/hooks/useBottomMargins.js +25 -0
- package/lib/module/components/layout/hooks/useBottomMargins.js.map +1 -0
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js +23 -0
- package/lib/module/components/layout/hooks/useFooterActionsInlineMeasurements.js.map +1 -0
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js +24 -0
- package/lib/module/components/layout/hooks/useFooterActionsMeasurements.js.map +1 -0
- package/lib/module/components/layout/index.js +3 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/pictograms/Pictogram.js +10 -2
- package/lib/module/components/pictograms/Pictogram.js.map +1 -1
- package/lib/module/components/pictograms/svg/PictogramFingerprint.js +41 -0
- package/lib/module/components/pictograms/svg/PictogramFingerprint.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramSmile.js +24 -0
- package/lib/module/components/pictograms/svg/PictogramSmile.js.map +1 -0
- package/lib/module/components/pictograms/svg/PictogramWalletDoc.js +38 -0
- package/lib/module/components/pictograms/svg/PictogramWalletDoc.js.map +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramFingerprint.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramSmile.svg +1 -0
- package/lib/module/components/pictograms/svg/originals/PictogramWalletDoc.svg +1 -0
- package/lib/module/core/IOColors.js +4 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOSpacing.js +9 -0
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/index.js +0 -1
- package/lib/module/core/index.js.map +1 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +45 -0
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -0
- package/lib/typescript/components/layout/FooterActionsInline.d.ts +17 -0
- package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -0
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +3 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +7 -7
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +7 -7
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/common.d.ts +1 -1
- package/lib/typescript/components/layout/common.d.ts.map +1 -1
- package/lib/typescript/components/layout/hooks/index.d.ts +3 -0
- package/lib/typescript/components/layout/hooks/index.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts +5 -0
- package/lib/typescript/components/layout/hooks/useBottomMargins.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts +17 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsInlineMeasurements.d.ts.map +1 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts +17 -0
- package/lib/typescript/components/layout/hooks/useFooterActionsMeasurements.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +3 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +3 -0
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/svg/PictogramFingerprint.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramFingerprint.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramSmile.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramSmile.d.ts.map +1 -0
- package/lib/typescript/components/pictograms/svg/PictogramWalletDoc.d.ts +5 -0
- package/lib/typescript/components/pictograms/svg/PictogramWalletDoc.d.ts.map +1 -0
- package/lib/typescript/core/IOColors.d.ts +2 -0
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +8 -0
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/index.d.ts +0 -1
- package/lib/typescript/core/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/badge/Badge.tsx +2 -2
- package/src/components/layout/BlockButtons.tsx +1 -1
- package/src/components/layout/FooterActions.tsx +260 -0
- package/src/components/layout/FooterActionsInline.tsx +137 -0
- package/src/components/layout/FooterWithButtons.tsx +3 -1
- package/src/components/layout/HeaderFirstLevel.tsx +7 -7
- package/src/components/layout/HeaderSecondLevel.tsx +7 -7
- package/src/components/layout/common.ts +1 -1
- package/src/components/layout/hooks/index.ts +2 -0
- package/src/components/layout/hooks/useBottomMargins.ts +30 -0
- package/src/components/layout/hooks/useFooterActionsInlineMeasurements.ts +38 -0
- package/src/components/layout/hooks/useFooterActionsMeasurements.ts +35 -0
- package/src/components/layout/index.tsx +3 -0
- package/src/components/pictograms/Pictogram.tsx +11 -2
- package/src/components/pictograms/svg/PictogramFingerprint.tsx +50 -0
- package/src/components/pictograms/svg/PictogramSmile.tsx +22 -0
- package/src/components/pictograms/svg/PictogramWalletDoc.tsx +44 -0
- package/src/components/pictograms/svg/originals/PictogramFingerprint.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramSmile.svg +1 -0
- package/src/components/pictograms/svg/originals/PictogramWalletDoc.svg +1 -0
- package/src/core/IOColors.ts +6 -1
- package/src/core/IOSpacing.ts +14 -0
- package/src/core/index.ts +0 -1
- package/lib/commonjs/core/IOStyleVariables.js +0 -14
- package/lib/commonjs/core/IOStyleVariables.js.map +0 -1
- package/lib/module/core/IOStyleVariables.js +0 -7
- package/lib/module/core/IOStyleVariables.js.map +0 -1
- package/lib/typescript/core/IOStyleVariables.d.ts +0 -7
- package/lib/typescript/core/IOStyleVariables.d.ts.map +0 -1
- package/src/core/IOStyleVariables.ts +0 -6
|
@@ -75,7 +75,7 @@ const Badge = ({
|
|
|
75
75
|
background: "error-100"
|
|
76
76
|
},
|
|
77
77
|
purple: {
|
|
78
|
-
foreground: "hanPurple-
|
|
78
|
+
foreground: "hanPurple-500",
|
|
79
79
|
background: "hanPurple-100"
|
|
80
80
|
},
|
|
81
81
|
lightBlue: {
|
|
@@ -112,7 +112,7 @@ const Badge = ({
|
|
|
112
112
|
foreground: "error-850"
|
|
113
113
|
},
|
|
114
114
|
purple: {
|
|
115
|
-
foreground: "hanPurple-
|
|
115
|
+
foreground: "hanPurple-500"
|
|
116
116
|
},
|
|
117
117
|
lightBlue: {
|
|
118
118
|
foreground: "blueIO-850"
|
|
@@ -46,7 +46,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
46
46
|
|
|
47
47
|
/**
|
|
48
48
|
* Implements a component that show buttons on a line on 1, 2 or 3 buttons
|
|
49
|
-
* @deprecated This component is deprecated.
|
|
49
|
+
* @deprecated This component is deprecated. Use `FooterActionsInline` instead.
|
|
50
50
|
*/
|
|
51
51
|
const BlockButtons = props => {
|
|
52
52
|
const renderRightButton = () => {
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FooterActions = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _buttons = require("../buttons");
|
|
12
|
+
var _spacer = require("../spacer");
|
|
13
|
+
var _useBottomMargins = require("./hooks/useBottomMargins");
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
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); }
|
|
18
|
+
/* Margin between ButtonSolid and ButtonOutline */
|
|
19
|
+
const spaceBetweenActions = 16;
|
|
20
|
+
/* Margin between ButtonSolid and ButtonLink */
|
|
21
|
+
const spaceBetweenActionAndLink = 16;
|
|
22
|
+
const styles = _reactNative.StyleSheet.create({
|
|
23
|
+
buttonContainer: {
|
|
24
|
+
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
25
|
+
width: "100%",
|
|
26
|
+
flexShrink: 0
|
|
27
|
+
},
|
|
28
|
+
debugText: {
|
|
29
|
+
position: "absolute",
|
|
30
|
+
right: 8,
|
|
31
|
+
top: -16,
|
|
32
|
+
color: _core.IOColors.black,
|
|
33
|
+
fontSize: 9,
|
|
34
|
+
opacity: 0.75
|
|
35
|
+
},
|
|
36
|
+
blockShadow: {
|
|
37
|
+
shadowColor: _core.IOColors.black,
|
|
38
|
+
shadowOffset: {
|
|
39
|
+
width: 0,
|
|
40
|
+
height: -4
|
|
41
|
+
},
|
|
42
|
+
shadowOpacity: 0.1,
|
|
43
|
+
shadowRadius: 32
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
const FooterActions = ({
|
|
47
|
+
actions,
|
|
48
|
+
excludeSafeAreaMargins = false,
|
|
49
|
+
animatedStyles,
|
|
50
|
+
fixed = true,
|
|
51
|
+
transparent = false,
|
|
52
|
+
onMeasure,
|
|
53
|
+
testID,
|
|
54
|
+
debugMode = false
|
|
55
|
+
}) => {
|
|
56
|
+
const theme = (0, _core.useIOTheme)();
|
|
57
|
+
const {
|
|
58
|
+
isExperimental
|
|
59
|
+
} = (0, _core.useIOExperimentalDesign)();
|
|
60
|
+
const {
|
|
61
|
+
bottomMargin,
|
|
62
|
+
extraBottomMargin
|
|
63
|
+
} = (0, _useBottomMargins.useBottomMargins)(!!(actions !== null && actions !== void 0 && actions.secondary), excludeSafeAreaMargins);
|
|
64
|
+
|
|
65
|
+
/* Total height of actions */
|
|
66
|
+
const [actionBlockHeight, setActionBlockHeight] = (0, React.useState)(0);
|
|
67
|
+
|
|
68
|
+
/* Background color should be app main background
|
|
69
|
+
(both light and dark themes) */
|
|
70
|
+
const HEADER_BG_COLOR = _core.IOColors[theme["appBackground-primary"]];
|
|
71
|
+
const TRANSPARENT_BG_COLOR = "transparent";
|
|
72
|
+
const BUTTONSOLID_HEIGHT = isExperimental ? _core.buttonSolidHeight : 40;
|
|
73
|
+
|
|
74
|
+
/* Safe background block. Cover everything until it reaches
|
|
75
|
+
the half of the primary action button. It avoids
|
|
76
|
+
glitchy behavior underneath. */
|
|
77
|
+
const safeBackgroundBlockHeight = bottomMargin + actionBlockHeight - BUTTONSOLID_HEIGHT / 2;
|
|
78
|
+
const getActionBlockMeasurements = event => {
|
|
79
|
+
const {
|
|
80
|
+
height
|
|
81
|
+
} = event.nativeEvent.layout;
|
|
82
|
+
setActionBlockHeight(height);
|
|
83
|
+
/* Height of the safe bottom area, applied to the ScrollView:
|
|
84
|
+
Actions + Content end margin */
|
|
85
|
+
const safeBottomAreaHeight = bottomMargin + height + _core.IOSpacing.screenEndMargin;
|
|
86
|
+
onMeasure === null || onMeasure === void 0 || onMeasure({
|
|
87
|
+
actionBlockHeight: height,
|
|
88
|
+
safeBottomAreaHeight
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
return /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
92
|
+
style: [{
|
|
93
|
+
width: "100%",
|
|
94
|
+
paddingBottom: bottomMargin
|
|
95
|
+
}, fixed ? {
|
|
96
|
+
position: "absolute",
|
|
97
|
+
bottom: 0
|
|
98
|
+
} : {
|
|
99
|
+
marginTop: _core.IOSpacing.screenEndMargin
|
|
100
|
+
}, debugMode && {
|
|
101
|
+
backgroundColor: (0, _core.hexToRgba)(_core.IOColors["error-500"], 0.15)
|
|
102
|
+
}, animatedStyles === null || animatedStyles === void 0 ? void 0 : animatedStyles.mainBlock],
|
|
103
|
+
testID: testID
|
|
104
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
105
|
+
style: [{
|
|
106
|
+
...(fixed && {
|
|
107
|
+
width: "100%",
|
|
108
|
+
height: safeBackgroundBlockHeight,
|
|
109
|
+
position: "absolute",
|
|
110
|
+
bottom: 0,
|
|
111
|
+
backgroundColor: transparent ? TRANSPARENT_BG_COLOR : HEADER_BG_COLOR
|
|
112
|
+
}),
|
|
113
|
+
...(fixed ? styles.blockShadow : null)
|
|
114
|
+
}, animatedStyles === null || animatedStyles === void 0 ? void 0 : animatedStyles.background],
|
|
115
|
+
pointerEvents: "none"
|
|
116
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
117
|
+
style: styles.buttonContainer,
|
|
118
|
+
onLayout: getActionBlockMeasurements,
|
|
119
|
+
pointerEvents: "box-none"
|
|
120
|
+
}, debugMode && /*#__PURE__*/React.createElement(_reactNative.Text, {
|
|
121
|
+
style: styles.debugText
|
|
122
|
+
}, `Height: ${actionBlockHeight}`), renderActions(actions, extraBottomMargin)));
|
|
123
|
+
};
|
|
124
|
+
exports.FooterActions = FooterActions;
|
|
125
|
+
const renderActions = (actions, extraBottomMargin) => {
|
|
126
|
+
if (!actions) {
|
|
127
|
+
return null;
|
|
128
|
+
}
|
|
129
|
+
const {
|
|
130
|
+
type,
|
|
131
|
+
primary: primaryAction,
|
|
132
|
+
secondary: secondaryAction,
|
|
133
|
+
tertiary: tertiaryAction
|
|
134
|
+
} = actions;
|
|
135
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, primaryAction && /*#__PURE__*/React.createElement(_buttons.ButtonSolid, _extends({
|
|
136
|
+
fullWidth: true
|
|
137
|
+
}, primaryAction)), type === "TwoButtons" && secondaryAction && /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
138
|
+
style: {
|
|
139
|
+
alignSelf: "center",
|
|
140
|
+
marginBottom: extraBottomMargin
|
|
141
|
+
}
|
|
142
|
+
}, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
143
|
+
size: spaceBetweenActionAndLink
|
|
144
|
+
}), /*#__PURE__*/React.createElement(_buttons.ButtonLink, _extends({
|
|
145
|
+
color: "primary"
|
|
146
|
+
}, secondaryAction))), type === "ThreeButtons" && /*#__PURE__*/React.createElement(React.Fragment, null, secondaryAction && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
147
|
+
size: spaceBetweenActions
|
|
148
|
+
}), /*#__PURE__*/React.createElement(_buttons.ButtonOutline, _extends({
|
|
149
|
+
fullWidth: true,
|
|
150
|
+
color: "primary"
|
|
151
|
+
}, secondaryAction))), tertiaryAction && /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
152
|
+
style: {
|
|
153
|
+
alignSelf: "center",
|
|
154
|
+
marginBottom: extraBottomMargin
|
|
155
|
+
}
|
|
156
|
+
}, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
157
|
+
size: spaceBetweenActionAndLink
|
|
158
|
+
}), /*#__PURE__*/React.createElement(_buttons.ButtonLink, _extends({
|
|
159
|
+
color: "primary"
|
|
160
|
+
}, tertiaryAction)))));
|
|
161
|
+
};
|
|
162
|
+
//# sourceMappingURL=FooterActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_buttons","_spacer","_useBottomMargins","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","spaceBetweenActions","spaceBetweenActionAndLink","styles","StyleSheet","create","buttonContainer","paddingHorizontal","IOVisualCostants","appMarginDefault","width","flexShrink","debugText","position","right","top","color","IOColors","black","fontSize","opacity","blockShadow","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","FooterActions","actions","excludeSafeAreaMargins","animatedStyles","fixed","transparent","onMeasure","testID","debugMode","theme","useIOTheme","isExperimental","useIOExperimentalDesign","bottomMargin","extraBottomMargin","useBottomMargins","secondary","actionBlockHeight","setActionBlockHeight","useState","HEADER_BG_COLOR","TRANSPARENT_BG_COLOR","BUTTONSOLID_HEIGHT","buttonSolidHeight","safeBackgroundBlockHeight","getActionBlockMeasurements","event","nativeEvent","layout","safeBottomAreaHeight","IOSpacing","screenEndMargin","createElement","View","style","paddingBottom","bottom","marginTop","backgroundColor","hexToRgba","mainBlock","background","pointerEvents","onLayout","Text","renderActions","exports","type","primary","primaryAction","secondaryAction","tertiary","tertiaryAction","Fragment","ButtonSolid","fullWidth","alignSelf","marginBottom","VSpacer","size","ButtonLink","ButtonOutline"],"sourceRoot":"../../../../src","sources":["components/layout/FooterActions.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.FooterActionsInline = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _core = require("../../core");
|
|
10
|
+
var _buttons = require("../buttons");
|
|
11
|
+
var _spacer = require("../spacer");
|
|
12
|
+
var _useBottomMargins = require("./hooks/useBottomMargins");
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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); }
|
|
16
|
+
/* Margin between ButtonSolid and ButtonOutline */
|
|
17
|
+
const spaceBetweenActions = 16;
|
|
18
|
+
const styles = _reactNative.StyleSheet.create({
|
|
19
|
+
buttonContainer: {
|
|
20
|
+
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
21
|
+
width: "100%",
|
|
22
|
+
flexShrink: 0
|
|
23
|
+
},
|
|
24
|
+
buttonWrapper: {
|
|
25
|
+
flex: 1
|
|
26
|
+
},
|
|
27
|
+
blockShadow: {
|
|
28
|
+
shadowColor: _core.IOColors.black,
|
|
29
|
+
shadowOffset: {
|
|
30
|
+
width: 0,
|
|
31
|
+
height: -4
|
|
32
|
+
},
|
|
33
|
+
shadowOpacity: 0.1,
|
|
34
|
+
shadowRadius: 32,
|
|
35
|
+
elevation: 10 // Prop supported on Android only
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
const FooterActionsInline = ({
|
|
40
|
+
startAction,
|
|
41
|
+
endAction,
|
|
42
|
+
excludeSafeAreaMargins = false,
|
|
43
|
+
fixed = true,
|
|
44
|
+
onMeasure,
|
|
45
|
+
testID
|
|
46
|
+
}) => {
|
|
47
|
+
const theme = (0, _core.useIOTheme)();
|
|
48
|
+
const {
|
|
49
|
+
themeType
|
|
50
|
+
} = (0, _core.useIOThemeContext)();
|
|
51
|
+
const {
|
|
52
|
+
bottomMargin
|
|
53
|
+
} = (0, _useBottomMargins.useBottomMargins)(false, excludeSafeAreaMargins);
|
|
54
|
+
|
|
55
|
+
/* Top padding applied above the actions */
|
|
56
|
+
const topSpacingValue = 16;
|
|
57
|
+
const topSpacing = fixed ? topSpacingValue : 0;
|
|
58
|
+
|
|
59
|
+
/* Background color should be app main background
|
|
60
|
+
(both light and dark themes) */
|
|
61
|
+
const HEADER_BG_COLOR = _core.IOColors[theme["appBackground-primary"]];
|
|
62
|
+
const getActionBlockMeasurements = event => {
|
|
63
|
+
const {
|
|
64
|
+
height
|
|
65
|
+
} = event.nativeEvent.layout;
|
|
66
|
+
/* Height of the safe bottom area, applied to the ScrollView:
|
|
67
|
+
Actions + Screen end margin */
|
|
68
|
+
const safeBottomAreaHeight = bottomMargin + height + _core.IOSpacing.screenEndMargin;
|
|
69
|
+
onMeasure === null || onMeasure === void 0 || onMeasure({
|
|
70
|
+
safeBottomAreaHeight
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
74
|
+
style: [{
|
|
75
|
+
width: "100%",
|
|
76
|
+
paddingBottom: bottomMargin
|
|
77
|
+
}, fixed ? {
|
|
78
|
+
position: "absolute",
|
|
79
|
+
bottom: 0,
|
|
80
|
+
backgroundColor: HEADER_BG_COLOR
|
|
81
|
+
} : {
|
|
82
|
+
marginTop: _core.IOSpacing.screenEndMargin
|
|
83
|
+
}, /* Apply shadow only on light theme OR if fixed */
|
|
84
|
+
fixed || themeType === "light" ? styles.blockShadow : {}, /* Apply bottom border only on dark theme */
|
|
85
|
+
themeType === "dark" && {
|
|
86
|
+
borderTopColor: _core.IOColors[theme["divider-bottomBar"]],
|
|
87
|
+
borderTopWidth: 1
|
|
88
|
+
}],
|
|
89
|
+
testID: testID
|
|
90
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
91
|
+
style: [styles.buttonContainer, {
|
|
92
|
+
paddingTop: topSpacing
|
|
93
|
+
}],
|
|
94
|
+
onLayout: getActionBlockMeasurements,
|
|
95
|
+
pointerEvents: "box-none"
|
|
96
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
97
|
+
style: {
|
|
98
|
+
flexDirection: "row"
|
|
99
|
+
}
|
|
100
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
101
|
+
style: styles.buttonWrapper
|
|
102
|
+
}, /*#__PURE__*/React.createElement(_buttons.ButtonOutline, _extends({
|
|
103
|
+
fullWidth: true
|
|
104
|
+
}, startAction))), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
105
|
+
size: spaceBetweenActions
|
|
106
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
107
|
+
style: styles.buttonWrapper
|
|
108
|
+
}, /*#__PURE__*/React.createElement(_buttons.ButtonSolid, _extends({
|
|
109
|
+
fullWidth: true
|
|
110
|
+
}, endAction))))));
|
|
111
|
+
};
|
|
112
|
+
exports.FooterActionsInline = FooterActionsInline;
|
|
113
|
+
//# sourceMappingURL=FooterActionsInline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_core","_buttons","_spacer","_useBottomMargins","_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","spaceBetweenActions","styles","StyleSheet","create","buttonContainer","paddingHorizontal","IOVisualCostants","appMarginDefault","width","flexShrink","buttonWrapper","flex","blockShadow","shadowColor","IOColors","black","shadowOffset","height","shadowOpacity","shadowRadius","elevation","FooterActionsInline","startAction","endAction","excludeSafeAreaMargins","fixed","onMeasure","testID","theme","useIOTheme","themeType","useIOThemeContext","bottomMargin","useBottomMargins","topSpacingValue","topSpacing","HEADER_BG_COLOR","getActionBlockMeasurements","event","nativeEvent","layout","safeBottomAreaHeight","IOSpacing","screenEndMargin","createElement","View","style","paddingBottom","position","bottom","backgroundColor","marginTop","borderTopColor","borderTopWidth","paddingTop","onLayout","pointerEvents","flexDirection","ButtonOutline","fullWidth","HSpacer","size","ButtonSolid","exports"],"sourceRoot":"../../../../src","sources":["components/layout/FooterActionsInline.tsx"],"mappings":"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"}
|
|
@@ -44,7 +44,9 @@ const verticalSpacing = 16;
|
|
|
44
44
|
/**
|
|
45
45
|
* Implements a component that show buttons as sticky footer
|
|
46
46
|
* It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf or the inlineOneThird style
|
|
47
|
-
* @deprecated This component is deprecated. Use `FooterActions`
|
|
47
|
+
* @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
|
|
48
|
+
* `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
|
|
49
|
+
* if explicitly required.
|
|
48
50
|
*/
|
|
49
51
|
const FooterWithButtons = ({
|
|
50
52
|
sticky = false,
|
|
@@ -1 +1 @@
|
|
|
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","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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAiE,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;AAOjE;AACA,MAAMW,MAAM,GAAGC,uBAAU,CAACC,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,EAAEC,cAAQ,CAACC,KAAK;IAC/BC,iBAAiB,EAAEC,sBAAgB,CAACC,gBAAgB;IACpD;IACAC,WAAW,EAAEL,cAAQ,CAACM,KAAK;IAC3BC,YAAY,EAAE;MACZf,KAAK,EAAE,CAAC;MACRgB,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;AACO,MAAMC,iBAAiB,GAAGA,CAAC;EAChClB,MAAM,GAAG,KAAK;EACdmB,cAAc;EACd,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAElC,MAAMC,QAAQ,GAAIC,KAAU,IAAK;IAC/BL,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGK,KAAK,CAACC,WAAW,CAACC,MAAM,CAACb,MAAM,CAAC;EACnD,CAAC;;EAED;AACF;AACA;EACE,MAAMc,YAAoB,GAAG,IAAAC,aAAO,EAClC,MAAOP,MAAM,CAACnB,MAAM,KAAK,CAAC,GAAGe,eAAe,GAAGI,MAAM,CAACnB,MAAO,EAC7D,CAACmB,MAAM,CACT,CAAC;EAED,oBACE1D,KAAA,CAAAkE,aAAA,CAAC/D,YAAA,CAAAgE,IAAI;IACHC,KAAK,EAAE;MAAE,GAAGvC,MAAM,CAACG,SAAS;MAAE,IAAIK,MAAM,GAAGR,MAAM,CAACQ,MAAM,GAAG,CAAC,CAAC;IAAE,CAAE;IACjEgC,UAAU,EAAEZ,IAAI,CAACY,UAAW;IAC5BC,aAAa,EAAE,UAAW;IAC1BC,MAAM,EAAC;EAAmB,gBAE1BvE,KAAA,CAAAkE,aAAA,CAAC/D,YAAA,CAAAgE,IAAI;IACHP,QAAQ,EAAEA,QAAS;IACnBQ,KAAK,EAAE,CACLvC,MAAM,CAACW,YAAY,EACnB;MAAEgC,aAAa,EAAER,YAAY;MAAE5B,UAAU,EAAEkB;IAAgB,CAAC;EAC5D,gBAEFtD,KAAA,CAAAkE,aAAA,CAAC5D,aAAA,CAAAmE,YAAY,EAAKhB,IAAO,CACrB,CACF,CAAC;AAEX,CAAC;AAACiB,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA;AAAA,IAAAoB,QAAA,GAEapB,iBAAiB;AAAAmB,OAAA,CAAA5D,OAAA,GAAA6D,QAAA"}
|
|
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","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,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _useFooterActionsMeasurements = require("./useFooterActionsMeasurements");
|
|
7
|
+
Object.keys(_useFooterActionsMeasurements).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _useFooterActionsMeasurements[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _useFooterActionsMeasurements[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _useFooterActionsInlineMeasurements = require("./useFooterActionsInlineMeasurements");
|
|
18
|
+
Object.keys(_useFooterActionsInlineMeasurements).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _useFooterActionsInlineMeasurements[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _useFooterActionsInlineMeasurements[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useFooterActionsMeasurements","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useFooterActionsInlineMeasurements"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,6BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,6BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,6BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,6BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,mCAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,mCAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,mCAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mCAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useBottomMargins = void 0;
|
|
7
|
+
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
8
|
+
var _core = require("../../../core");
|
|
9
|
+
/* Extra bottom margin for iPhone bottom handle because
|
|
10
|
+
ButtonLink doesn't have a fixed height */
|
|
11
|
+
const extraSafeAreaMargin = 8;
|
|
12
|
+
const useBottomMargins = (withSecondaryAction = false, excludeSafeAreaMargins = false) => {
|
|
13
|
+
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
14
|
+
const needSafeAreaMargin = insets.bottom !== 0;
|
|
15
|
+
|
|
16
|
+
/* Check if the iPhone bottom handle is present.
|
|
17
|
+
If not, or if you don't need safe area insets,
|
|
18
|
+
add a default margin to prevent the button
|
|
19
|
+
from sticking to the bottom. */
|
|
20
|
+
const bottomMargin = !needSafeAreaMargin || excludeSafeAreaMargins ? _core.IOVisualCostants.appMarginDefault : insets.bottom;
|
|
21
|
+
|
|
22
|
+
/* When the secondary action is visible, add extra margin
|
|
23
|
+
to avoid little space from iPhone bottom handle */
|
|
24
|
+
const extraBottomMargin = withSecondaryAction && needSafeAreaMargin ? extraSafeAreaMargin : 0;
|
|
25
|
+
return {
|
|
26
|
+
bottomMargin,
|
|
27
|
+
extraBottomMargin
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
exports.useBottomMargins = useBottomMargins;
|
|
31
|
+
//# sourceMappingURL=useBottomMargins.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNativeSafeAreaContext","require","_core","extraSafeAreaMargin","useBottomMargins","withSecondaryAction","excludeSafeAreaMargins","insets","useSafeAreaInsets","needSafeAreaMargin","bottom","bottomMargin","IOVisualCostants","appMarginDefault","extraBottomMargin","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useBottomMargins.ts"],"mappings":";;;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA;AACA;AACA,MAAME,mBAAmC,GAAG,CAAC;AAEtC,MAAMC,gBAAgB,GAAGA,CAC9BC,mBAA4B,GAAG,KAAK,EACpCC,sBAA+B,GAAG,KAAK,KACpC;EACH,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,kBAAkB,GAAGF,MAAM,CAACG,MAAM,KAAK,CAAC;;EAE9C;AACF;AACA;AACA;EACE,MAAMC,YAAY,GAChB,CAACF,kBAAkB,IAAIH,sBAAsB,GACzCM,sBAAgB,CAACC,gBAAgB,GACjCN,MAAM,CAACG,MAAM;;EAEnB;AACF;EACE,MAAMI,iBAAiB,GACrBT,mBAAmB,IAAII,kBAAkB,GAAGN,mBAAmB,GAAG,CAAC;EAErE,OAAO;IAAEQ,YAAY;IAAEG;EAAkB,CAAC;AAC5C,CAAC;AAACC,OAAA,CAAAX,gBAAA,GAAAA,gBAAA"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useFooterActionsInlineMeasurements = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Custom hook to handle the `FooterActions` measurements
|
|
10
|
+
* @returns
|
|
11
|
+
* - `footerActionsInlineMeasurements`
|
|
12
|
+
* Object containing the `FooterActionsInline` measurements
|
|
13
|
+
* - `handleFooterActionsInlineMeasurements`
|
|
14
|
+
* Function to update the footer actions measurements
|
|
15
|
+
* (to be applied to `onMeasure` prop of `FooterActionsInline`)
|
|
16
|
+
*/
|
|
17
|
+
const useFooterActionsInlineMeasurements = () => {
|
|
18
|
+
const [footerActionsInlineMeasurements, setFooterActionsInlineMeasurements] = (0, _react.useState)({
|
|
19
|
+
safeBottomAreaHeight: 0
|
|
20
|
+
});
|
|
21
|
+
const handleFooterActionsInlineMeasurements = values => {
|
|
22
|
+
setFooterActionsInlineMeasurements(values);
|
|
23
|
+
};
|
|
24
|
+
return {
|
|
25
|
+
footerActionsInlineMeasurements,
|
|
26
|
+
handleFooterActionsInlineMeasurements
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
exports.useFooterActionsInlineMeasurements = useFooterActionsInlineMeasurements;
|
|
30
|
+
//# sourceMappingURL=useFooterActionsInlineMeasurements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useFooterActionsInlineMeasurements","footerActionsInlineMeasurements","setFooterActionsInlineMeasurements","useState","safeBottomAreaHeight","handleFooterActionsInlineMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsInlineMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kCAAkC,GAC7CA,CAAA,KAA+C;EAC7C,MAAM,CACJC,+BAA+B,EAC/BC,kCAAkC,CACnC,GAAG,IAAAC,eAAQ,EAAkC;IAC5CC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEF,MAAMC,qCAAqC,GACzCC,MAAuC,IACpC;IACHJ,kCAAkC,CAACI,MAAM,CAAC;EAC5C,CAAC;EAED,OAAO;IACLL,+BAA+B;IAC/BI;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAP,kCAAA,GAAAA,kCAAA"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useFooterActionsMeasurements = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
/**
|
|
9
|
+
* Custom hook to handle the `FooterActions` measurements
|
|
10
|
+
* @returns
|
|
11
|
+
* - `footerActionsMeasurements`
|
|
12
|
+
* Object containing the `FooterActions` measurements
|
|
13
|
+
* - `handleFooterActionsMeasurements`
|
|
14
|
+
* Function to update the footer actions measurements
|
|
15
|
+
* (to be applied to `onMeasure` prop of `FooterActions`)
|
|
16
|
+
*/
|
|
17
|
+
const useFooterActionsMeasurements = () => {
|
|
18
|
+
const [footerActionsMeasurements, setFooterActionsMeasurements] = (0, _react.useState)({
|
|
19
|
+
actionBlockHeight: 0,
|
|
20
|
+
safeBottomAreaHeight: 0
|
|
21
|
+
});
|
|
22
|
+
const handleFooterActionsMeasurements = values => {
|
|
23
|
+
setFooterActionsMeasurements(values);
|
|
24
|
+
};
|
|
25
|
+
return {
|
|
26
|
+
footerActionsMeasurements,
|
|
27
|
+
handleFooterActionsMeasurements
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
exports.useFooterActionsMeasurements = useFooterActionsMeasurements;
|
|
31
|
+
//# sourceMappingURL=useFooterActionsMeasurements.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","useFooterActionsMeasurements","footerActionsMeasurements","setFooterActionsMeasurements","useState","actionBlockHeight","safeBottomAreaHeight","handleFooterActionsMeasurements","values","exports"],"sourceRoot":"../../../../../src","sources":["components/layout/hooks/useFooterActionsMeasurements.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,4BAA4B,GACvCA,CAAA,KAAyC;EACvC,MAAM,CAACC,yBAAyB,EAAEC,4BAA4B,CAAC,GAC7D,IAAAC,eAAQ,EAA4B;IAClCC,iBAAiB,EAAE,CAAC;IACpBC,oBAAoB,EAAE;EACxB,CAAC,CAAC;EAEJ,MAAMC,+BAA+B,GACnCC,MAAiC,IAC9B;IACHL,4BAA4B,CAACK,MAAM,CAAC;EACtC,CAAC;EAED,OAAO;IACLN,yBAAyB;IACzBK;EACF,CAAC;AACH,CAAC;AAACE,OAAA,CAAAR,4BAAA,GAAAA,4BAAA"}
|
|
@@ -14,6 +14,28 @@ Object.keys(_BlockButtons).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _FooterActions = require("./FooterActions");
|
|
18
|
+
Object.keys(_FooterActions).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _FooterActions[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _FooterActions[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _FooterActionsInline = require("./FooterActionsInline");
|
|
29
|
+
Object.keys(_FooterActionsInline).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (key in exports && exports[key] === _FooterActionsInline[key]) return;
|
|
32
|
+
Object.defineProperty(exports, key, {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () {
|
|
35
|
+
return _FooterActionsInline[key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
17
39
|
var _FooterWithButtons = require("./FooterWithButtons");
|
|
18
40
|
Object.keys(_FooterWithButtons).forEach(function (key) {
|
|
19
41
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -102,4 +124,15 @@ Object.keys(_common).forEach(function (key) {
|
|
|
102
124
|
}
|
|
103
125
|
});
|
|
104
126
|
});
|
|
127
|
+
var _hooks = require("./hooks");
|
|
128
|
+
Object.keys(_hooks).forEach(function (key) {
|
|
129
|
+
if (key === "default" || key === "__esModule") return;
|
|
130
|
+
if (key in exports && exports[key] === _hooks[key]) return;
|
|
131
|
+
Object.defineProperty(exports, key, {
|
|
132
|
+
enumerable: true,
|
|
133
|
+
get: function () {
|
|
134
|
+
return _hooks[key];
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
});
|
|
105
138
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_BlockButtons","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FooterWithButtons","_ForceScrollDownView","_GradientBottomActions","_GradientScrollView","_HeaderFirstLevel","_HeaderSecondLevel","_ModalBSHeader","_common"],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,
|
|
1
|
+
{"version":3,"names":["_BlockButtons","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_FooterActions","_FooterActionsInline","_FooterWithButtons","_ForceScrollDownView","_GradientBottomActions","_GradientScrollView","_HeaderFirstLevel","_HeaderSecondLevel","_ModalBSHeader","_common","_hooks"],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"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"}
|
|
@@ -97,6 +97,7 @@ var _PictogramEmailDotCheck = _interopRequireDefault(require("./svg/PictogramEma
|
|
|
97
97
|
var _PictogramEmailDotNotif = _interopRequireDefault(require("./svg/PictogramEmailDotNotif"));
|
|
98
98
|
var _PictogramEnded = _interopRequireDefault(require("./svg/PictogramEnded"));
|
|
99
99
|
var _PictogramEventClose = _interopRequireDefault(require("./svg/PictogramEventClose"));
|
|
100
|
+
var _PictogramFingerprint = _interopRequireDefault(require("./svg/PictogramFingerprint"));
|
|
100
101
|
var _PictogramIdea = _interopRequireDefault(require("./svg/PictogramIdea"));
|
|
101
102
|
var _PictogramLostConnection = _interopRequireDefault(require("./svg/PictogramLostConnection"));
|
|
102
103
|
var _PictogramMessage = _interopRequireDefault(require("./svg/PictogramMessage"));
|
|
@@ -108,8 +109,10 @@ var _PictogramQrCode = _interopRequireDefault(require("./svg/PictogramQrCode"));
|
|
|
108
109
|
var _PictogramReactivate = _interopRequireDefault(require("./svg/PictogramReactivate"));
|
|
109
110
|
var _PictogramSearchLens = _interopRequireDefault(require("./svg/PictogramSearchLens"));
|
|
110
111
|
var _PictogramSettings = _interopRequireDefault(require("./svg/PictogramSettings"));
|
|
112
|
+
var _PictogramSmile = _interopRequireDefault(require("./svg/PictogramSmile"));
|
|
111
113
|
var _PictogramStar = _interopRequireDefault(require("./svg/PictogramStar"));
|
|
112
114
|
var _PictogramTiming = _interopRequireDefault(require("./svg/PictogramTiming"));
|
|
115
|
+
var _PictogramWalletDoc = _interopRequireDefault(require("./svg/PictogramWalletDoc"));
|
|
113
116
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
114
117
|
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); }
|
|
115
118
|
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; }
|
|
@@ -173,6 +176,9 @@ const IOPictograms = {
|
|
|
173
176
|
comunicationProblem: _PictogramComunicationProblem.default,
|
|
174
177
|
payments: _PictogramPayments.default,
|
|
175
178
|
workInProgress: _PictogramWorkInProgress.default,
|
|
179
|
+
smile: _PictogramSmile.default,
|
|
180
|
+
fingerprint: _PictogramFingerprint.default,
|
|
181
|
+
walletDoc: _PictogramWalletDoc.default,
|
|
176
182
|
// Start Objects Pictogram
|
|
177
183
|
ibanCard: _PictogramObjIbanCard.default,
|
|
178
184
|
followMessage: _PictogramObjFollowMessage.default,
|
|
@@ -206,7 +212,8 @@ const Pictogram = ({
|
|
|
206
212
|
const colorValues = (0, _react.useMemo)(() => ({
|
|
207
213
|
hands: _core.IOColors[themeObj["pictogram-hands"]],
|
|
208
214
|
main: _core.IOColors[themeObj["pictogram-tint-main"]],
|
|
209
|
-
secondary: _core.IOColors[themeObj["pictogram-tint-secondary"]]
|
|
215
|
+
secondary: _core.IOColors[themeObj["pictogram-tint-secondary"]],
|
|
216
|
+
tertiary: _core.IOColors[themeObj["pictogram-tint-tertiary"]]
|
|
210
217
|
}), [themeObj]);
|
|
211
218
|
return /*#__PURE__*/_react.default.createElement(PictogramElement, _extends({}, props, {
|
|
212
219
|
size: size,
|
|
@@ -289,7 +296,8 @@ const PictogramBleed = ({
|
|
|
289
296
|
const colorValues = (0, _react.useMemo)(() => ({
|
|
290
297
|
hands: _core.IOColors[themeObj["pictogram-hands"]],
|
|
291
298
|
main: _core.IOColors[themeObj["pictogram-tint-main"]],
|
|
292
|
-
secondary: _core.IOColors[themeObj["pictogram-tint-secondary"]]
|
|
299
|
+
secondary: _core.IOColors[themeObj["pictogram-tint-secondary"]],
|
|
300
|
+
tertiary: _core.IOColors[themeObj["pictogram-tint-tertiary"]]
|
|
293
301
|
}), [themeObj]);
|
|
294
302
|
return /*#__PURE__*/_react.default.createElement(PictogramElement, _extends({}, props, {
|
|
295
303
|
size: size,
|