@pagopa/io-app-design-system 5.0.0-3 → 5.0.0-5
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/accordion/AccordionItem.js +1 -1
- package/lib/commonjs/components/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +23 -22
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +37 -65
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +50 -43
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +28 -26
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +26 -25
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js +8 -20
- package/lib/commonjs/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/commonjs/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +7 -9
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/HeaderSecondLevel.js +24 -14
- package/lib/commonjs/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +4 -3
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/core/IOColors.js +17 -3
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/module/components/accordion/AccordionItem.js +1 -1
- package/lib/module/components/accordion/AccordionItem.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +24 -23
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +38 -66
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +53 -46
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +29 -27
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +27 -26
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js +9 -21
- package/lib/module/components/icons/svg/IconProductIOAppBlueBg.js.map +1 -1
- package/lib/module/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/lib/module/components/layout/HeaderFirstLevel.js +8 -9
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/HeaderSecondLevel.js +26 -16
- package/lib/module/components/layout/HeaderSecondLevel.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfo.js +1 -1
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +4 -3
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/core/IOColors.js +17 -3
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts +2 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/icons/svg/IconProductIOAppBlueBg.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +3 -4
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts +1 -1
- package/lib/typescript/components/layout/HeaderSecondLevel.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +1 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/utils/fonts.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/accordion/AccordionItem.tsx +1 -1
- package/src/components/buttons/ButtonLink.tsx +34 -32
- package/src/components/buttons/ButtonOutline.tsx +48 -79
- package/src/components/buttons/ButtonSolid.tsx +73 -55
- package/src/components/buttons/IconButton.tsx +47 -28
- package/src/components/buttons/IconButtonSolid.tsx +33 -36
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +6 -8
- package/src/components/icons/svg/IconProductIOAppBlueBg.tsx +12 -13
- package/src/components/icons/svg/originals/IconProductIOAppBlueBg.svg +12 -9
- package/src/components/layout/HeaderFirstLevel.tsx +19 -9
- package/src/components/layout/HeaderSecondLevel.tsx +45 -23
- package/src/components/listitems/ListItemInfo.tsx +1 -1
- package/src/components/listitems/ListItemInfoCopy.tsx +1 -1
- package/src/components/listitems/ListItemNav.tsx +5 -4
- package/src/core/IOColors.ts +23 -2
- package/lib/commonjs/components/layout/BlockButtons.js +0 -85
- package/lib/commonjs/components/layout/BlockButtons.js.map +0 -1
- package/lib/module/components/layout/BlockButtons.js +0 -76
- package/lib/module/components/layout/BlockButtons.js.map +0 -1
- package/lib/typescript/components/layout/BlockButtons.d.ts +0 -54
- package/lib/typescript/components/layout/BlockButtons.d.ts.map +0 -1
- package/src/components/layout/BlockButtons.tsx +0 -143
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","forwardRef","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","background","IOColors","pressed","foreground","danger","contrast","white","isMounted","useRef","useEffect","current","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","IOButtonStyles","dimensionsDefault","View","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","Icon","allowFontScaling","name","size","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -13,35 +13,10 @@ var _icons = require("../icons");
|
|
|
13
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
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
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
const mapColorStates = {
|
|
17
|
-
// Primary button
|
|
18
|
-
primary: {
|
|
19
|
-
icon: {
|
|
20
|
-
default: _core.IOColors["blueIO-500"],
|
|
21
|
-
pressed: _core.IOColors["blueIO-600"],
|
|
22
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors["blueIO-500"], 0.25)
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
// Neutral button
|
|
26
|
-
neutral: {
|
|
27
|
-
icon: {
|
|
28
|
-
default: _core.IOColors.black,
|
|
29
|
-
pressed: _core.IOColors["grey-850"],
|
|
30
|
-
disabled: _core.IOColors["grey-450"]
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
// Contrast button
|
|
34
|
-
contrast: {
|
|
35
|
-
icon: {
|
|
36
|
-
default: _core.IOColors.white,
|
|
37
|
-
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
38
|
-
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.25)
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
16
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
43
17
|
const IconButton = ({
|
|
44
18
|
color = "primary",
|
|
19
|
+
persistentColorMode = false,
|
|
45
20
|
icon,
|
|
46
21
|
iconSize = 24,
|
|
47
22
|
disabled = false,
|
|
@@ -51,6 +26,7 @@ const IconButton = ({
|
|
|
51
26
|
testID
|
|
52
27
|
}) => {
|
|
53
28
|
var _mapColorStates$color, _mapColorStates$color2;
|
|
29
|
+
const theme = (0, _core.useIOTheme)();
|
|
54
30
|
const {
|
|
55
31
|
progress,
|
|
56
32
|
onPressIn,
|
|
@@ -58,6 +34,32 @@ const IconButton = ({
|
|
|
58
34
|
scaleAnimatedStyle
|
|
59
35
|
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
60
36
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
37
|
+
const mapColorStates = {
|
|
38
|
+
// Primary button
|
|
39
|
+
primary: {
|
|
40
|
+
icon: {
|
|
41
|
+
default: _core.IOColors[theme["interactiveElem-default"]],
|
|
42
|
+
pressed: _core.IOColors[theme["interactiveElem-pressed"]],
|
|
43
|
+
disabled: _core.IOColors[theme["interactiveElem-disabled"]]
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
// Neutral button
|
|
47
|
+
neutral: {
|
|
48
|
+
icon: {
|
|
49
|
+
default: persistentColorMode ? _core.IOColors[_core.IOThemeLight["neutralButton-default"]] : _core.IOColors[theme["neutralButton-default"]],
|
|
50
|
+
pressed: persistentColorMode ? _core.IOColors[_core.IOThemeLight["neutralButton-pressed"]] : _core.IOColors[theme["neutralButton-pressed"]],
|
|
51
|
+
disabled: persistentColorMode ? _core.IOColors[_core.IOThemeLight["neutralButton-disabled"]] : _core.IOColors[theme["neutralButton-disabled"]]
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
// Contrast button
|
|
55
|
+
contrast: {
|
|
56
|
+
icon: {
|
|
57
|
+
default: _core.IOColors.white,
|
|
58
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
59
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.25)
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
};
|
|
61
63
|
|
|
62
64
|
// Animate the <Icon> color prop
|
|
63
65
|
const animatedColor = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_core","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_core","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","persistentColorMode","icon","iconSize","disabled","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","IOColors","pressed","neutral","IOThemeLight","contrast","white","hexToRgba","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","createElement","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","allowFontScaling","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
|
|
@@ -13,31 +13,6 @@ var _hooks = require("../../hooks");
|
|
|
13
13
|
var _icons = require("../icons");
|
|
14
14
|
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); }
|
|
15
15
|
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; }
|
|
16
|
-
const mapColorStates = {
|
|
17
|
-
// Primary button
|
|
18
|
-
primary: {
|
|
19
|
-
background: {
|
|
20
|
-
default: _IOColors.IOColors["blueIO-500"],
|
|
21
|
-
pressed: _IOColors.IOColors["blueIO-600"],
|
|
22
|
-
disabled: _IOColors.IOColors["grey-100"]
|
|
23
|
-
},
|
|
24
|
-
icon: {
|
|
25
|
-
default: _IOColors.IOColors.white,
|
|
26
|
-
disabled: _IOColors.IOColors["grey-450"]
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
contrast: {
|
|
30
|
-
background: {
|
|
31
|
-
default: _IOColors.IOColors.white,
|
|
32
|
-
pressed: _IOColors.IOColors["blueIO-50"],
|
|
33
|
-
disabled: (0, _IOColors.hexToRgba)(_IOColors.IOColors.white, 0.25)
|
|
34
|
-
},
|
|
35
|
-
icon: {
|
|
36
|
-
default: _IOColors.IOColors["blueIO-500"],
|
|
37
|
-
disabled: _IOColors.IOColors["blueIO-500"]
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
16
|
const IconButtonSolid = ({
|
|
42
17
|
icon,
|
|
43
18
|
color = "primary",
|
|
@@ -48,6 +23,7 @@ const IconButtonSolid = ({
|
|
|
48
23
|
testID
|
|
49
24
|
}) => {
|
|
50
25
|
var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
|
|
26
|
+
const theme = (0, _core.useIOTheme)();
|
|
51
27
|
const {
|
|
52
28
|
progress,
|
|
53
29
|
onPressIn,
|
|
@@ -55,6 +31,31 @@ const IconButtonSolid = ({
|
|
|
55
31
|
scaleAnimatedStyle
|
|
56
32
|
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
57
33
|
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
34
|
+
const mapColorStates = {
|
|
35
|
+
// Primary button
|
|
36
|
+
primary: {
|
|
37
|
+
background: {
|
|
38
|
+
default: _IOColors.IOColors[theme["interactiveElem-default"]],
|
|
39
|
+
pressed: _IOColors.IOColors[theme["interactiveElem-pressed"]],
|
|
40
|
+
disabled: _IOColors.IOColors[theme["interactiveElem-disabled"]]
|
|
41
|
+
},
|
|
42
|
+
icon: {
|
|
43
|
+
default: _IOColors.IOColors[theme["buttonText-default"]],
|
|
44
|
+
disabled: _IOColors.IOColors[theme["buttonText-disabled"]]
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
contrast: {
|
|
48
|
+
background: {
|
|
49
|
+
default: _IOColors.IOColors.white,
|
|
50
|
+
pressed: _IOColors.IOColors["blueIO-50"],
|
|
51
|
+
disabled: (0, _IOColors.hexToRgba)(_IOColors.IOColors.white, 0.25)
|
|
52
|
+
},
|
|
53
|
+
icon: {
|
|
54
|
+
default: _IOColors.IOColors["blueIO-500"],
|
|
55
|
+
disabled: _IOColors.IOColors["blueIO-500"]
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
};
|
|
58
59
|
const backgroundColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
59
60
|
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed])
|
|
60
61
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IconButtonSolid","icon","color","disabled","onPress","accessibilityLabel","accessibilityHint","testID","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","theme","useIOTheme","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","mapColorStates","primary","background","IOColors","pressed","contrast","white","hexToRgba","backgroundColorAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","IOIconButtonStyles","button","buttonSizeLarge","AnimatedIcon","allowFontScaling","name","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -176,7 +176,7 @@ exports[`Test Buttons Components - Experimental Enabled ButtonOutline Snapshot 1
|
|
|
176
176
|
},
|
|
177
177
|
false,
|
|
178
178
|
{
|
|
179
|
-
"backgroundColor": "rgba(
|
|
179
|
+
"backgroundColor": "rgba(9,50,182,0)",
|
|
180
180
|
"borderColor": "#0B3EE3",
|
|
181
181
|
},
|
|
182
182
|
{
|
|
@@ -285,12 +285,11 @@ exports[`Test Buttons Components - Experimental Enabled ButtonSolid Snapshot 1`]
|
|
|
285
285
|
"height": 48,
|
|
286
286
|
},
|
|
287
287
|
{
|
|
288
|
+
"backgroundColor": "#0B3EE3",
|
|
288
289
|
"overflow": "hidden",
|
|
289
290
|
},
|
|
290
291
|
false,
|
|
291
|
-
{
|
|
292
|
-
"backgroundColor": "#0B3EE3",
|
|
293
|
-
},
|
|
292
|
+
{},
|
|
294
293
|
{
|
|
295
294
|
"transform": [
|
|
296
295
|
{
|
|
@@ -920,7 +919,7 @@ exports[`Test Buttons Components ButtonOutline Snapshot 1`] = `
|
|
|
920
919
|
},
|
|
921
920
|
false,
|
|
922
921
|
{
|
|
923
|
-
"backgroundColor": "rgba(
|
|
922
|
+
"backgroundColor": "rgba(9,50,182,0)",
|
|
924
923
|
"borderColor": "#0B3EE3",
|
|
925
924
|
},
|
|
926
925
|
{
|
|
@@ -1029,12 +1028,11 @@ exports[`Test Buttons Components ButtonSolid Snapshot 1`] = `
|
|
|
1029
1028
|
"height": 48,
|
|
1030
1029
|
},
|
|
1031
1030
|
{
|
|
1031
|
+
"backgroundColor": "#0B3EE3",
|
|
1032
1032
|
"overflow": "hidden",
|
|
1033
1033
|
},
|
|
1034
1034
|
false,
|
|
1035
|
-
{
|
|
1036
|
-
"backgroundColor": "#0B3EE3",
|
|
1037
|
-
},
|
|
1035
|
+
{},
|
|
1038
1036
|
{
|
|
1039
1037
|
"transform": [
|
|
1040
1038
|
{
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNativeSvg = require("react-native-svg");
|
|
9
|
+
var _core = require("../../../core");
|
|
9
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
11
|
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); }
|
|
11
12
|
const IconProductIOAppBlueBg = ({
|
|
@@ -17,28 +18,15 @@ const IconProductIOAppBlueBg = ({
|
|
|
17
18
|
height: size,
|
|
18
19
|
viewBox: "0 0 24 24",
|
|
19
20
|
style: style
|
|
20
|
-
}, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
rx: "4"
|
|
25
|
-
}), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Mask, {
|
|
26
|
-
id: "a",
|
|
27
|
-
width: size,
|
|
28
|
-
height: size,
|
|
29
|
-
x: "6",
|
|
30
|
-
y: "7"
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
32
|
-
fill: "#fff",
|
|
21
|
+
}, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
22
|
+
d: "M0 9.6c0-3.36 0-5.04.654-6.324A6 6 0 0 1 3.276.654C4.56 0 6.24 0 9.6 0h4.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C24 4.56 24 6.24 24 9.6v4.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C19.44 24 17.76 24 14.4 24H9.6c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C0 19.44 0 17.76 0 14.4V9.6Z",
|
|
23
|
+
fill: _core.IOColors["blueIO-500"]
|
|
24
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
33
25
|
fillRule: "evenodd",
|
|
34
26
|
clipRule: "evenodd",
|
|
35
|
-
d: "M7.
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
|
|
39
|
-
fill: "#fff",
|
|
40
|
-
d: "M-13-13h50v50h-50z"
|
|
41
|
-
})));
|
|
27
|
+
d: "M7.21 6.4a1.35 1.35 0 1 1 0 2.7 1.35 1.35 0 0 1 0-2.7Zm11.34 6.48c0 2.386-1.934 4.32-4.114 4.32-2.592 0-4.526-1.934-4.526-4.32s1.934-4.32 4.526-4.32c2.18 0 4.114 1.934 4.114 4.32ZM8.29 11.53a1.08 1.08 0 1 0-2.16 0v4.59a1.08 1.08 0 0 0 2.16 0v-4.59Zm7.001.897h.576v-.566h-.571v-.685h-.625v2.277c0 .36.05.606.153.737.1.136.29.202.57.202.108 0 .27-.026.477-.075l-.03-.526-.355.009c-.062 0-.108-.013-.137-.044a.177.177 0 0 1-.05-.105 2.24 2.24 0 0 1-.008-.211v-1.013Zm-1.882-.562v2.47h.624v-2.47h-.624Zm-.938-.062a.366.366 0 0 1 .378.385c0 .11-.034.196-.105.27a.37.37 0 0 1-.269.101.375.375 0 0 1-.382-.38c0-.106.038-.196.105-.27a.363.363 0 0 1 .273-.106Z",
|
|
28
|
+
fill: _core.IOColors.white
|
|
29
|
+
}));
|
|
42
30
|
var _default = IconProductIOAppBlueBg;
|
|
43
31
|
exports.default = _default;
|
|
44
32
|
//# sourceMappingURL=IconProductIOAppBlueBg.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","IconProductIOAppBlueBg","size","style","props","createElement","Svg","width","height","viewBox","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_core","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","IconProductIOAppBlueBg","size","style","props","createElement","Svg","width","height","viewBox","Path","d","fill","IOColors","fillRule","clipRule","white","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/icons/svg/IconProductIOAppBlueBg.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAGzC,MAAMQ,sBAAsB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,kBACrEzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAAwB,GAAG,EAAAnB,QAAA;EAACoB,KAAK,EAAEL,IAAK;EAACM,MAAM,EAAEN,IAAK;EAACO,OAAO,EAAC,WAAW;EAACN,KAAK,EAAEA;AAAM,GAAKC,KAAK,gBACzEzB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAA4B,IAAI;EACHC,CAAC,EAAC,8SAA8S;EAChTC,IAAI,EAAEC,cAAQ,CAAC,YAAY;AAAE,CAC9B,CAAC,eACFlC,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,eAAA,CAAA4B,IAAI;EACHI,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBJ,CAAC,EAAC,6oBAA6oB;EAC/oBC,IAAI,EAAEC,cAAQ,CAACG;AAAM,CACtB,CACE,CACN;AAAC,IAAAC,QAAA,GAEahB,sBAAsB;AAAAiB,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path
|
|
3
|
+
d="M0 9.6c0-3.36 0-5.04.654-6.324A6 6 0 0 1 3.276.654C4.56 0 6.24 0 9.6 0h4.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C24 4.56 24 6.24 24 9.6v4.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C19.44 24 17.76 24 14.4 24H9.6c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C0 19.44 0 17.76 0 14.4V9.6Z"
|
|
4
|
+
fill="#0B3EE3"
|
|
5
|
+
/>
|
|
6
|
+
<path
|
|
7
|
+
fill-rule="evenodd"
|
|
8
|
+
clip-rule="evenodd"
|
|
9
|
+
d="M7.21 6.4a1.35 1.35 0 1 1 0 2.7 1.35 1.35 0 0 1 0-2.7Zm11.34 6.48c0 2.386-1.934 4.32-4.114 4.32-2.592 0-4.526-1.934-4.526-4.32s1.934-4.32 4.526-4.32c2.18 0 4.114 1.934 4.114 4.32ZM8.29 11.53a1.08 1.08 0 1 0-2.16 0v4.59a1.08 1.08 0 0 0 2.16 0v-4.59Zm7.001.897h.576v-.566h-.571v-.685h-.625v2.277c0 .36.05.606.153.737.1.136.29.202.57.202.108 0 .27-.026.477-.075l-.03-.526-.355.009c-.062 0-.108-.013-.137-.044a.177.177 0 0 1-.05-.105 2.24 2.24 0 0 1-.008-.211v-1.013Zm-1.882-.562v2.47h.624v-2.47h-.624Zm-.938-.062a.366.366 0 0 1 .378.385c0 .11-.034.196-.105.27a.37.37 0 0 1-.269.101.375.375 0 0 1-.382-.38c0-.106.038-.196.105-.27a.363.363 0 0 1 .273-.106Z"
|
|
10
|
+
fill="#fff"
|
|
11
|
+
/>
|
|
12
|
+
</svg>
|
|
@@ -15,6 +15,8 @@ var _typography = require("../typography");
|
|
|
15
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
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
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
|
+
// Three actions
|
|
19
|
+
|
|
18
20
|
const styles = _reactNative.StyleSheet.create({
|
|
19
21
|
headerInner: {
|
|
20
22
|
paddingHorizontal: _core.IOVisualCostants.appMarginDefault,
|
|
@@ -36,9 +38,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
36
38
|
const HeaderFirstLevel = ({
|
|
37
39
|
title,
|
|
38
40
|
testID,
|
|
39
|
-
|
|
40
|
-
secondAction,
|
|
41
|
-
thirdAction,
|
|
41
|
+
actions = [],
|
|
42
42
|
ignoreSafeAreaMargin = false,
|
|
43
43
|
animatedRef,
|
|
44
44
|
animatedFlatListRef
|
|
@@ -97,13 +97,11 @@ const HeaderFirstLevel = ({
|
|
|
97
97
|
style: {
|
|
98
98
|
flexShrink: 0
|
|
99
99
|
}
|
|
100
|
-
},
|
|
101
|
-
|
|
102
|
-
}
|
|
103
|
-
color: "primary"
|
|
104
|
-
})), /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
|
|
100
|
+
}, actions.filter(action => action !== undefined).map((action, index) => /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({
|
|
101
|
+
key: `header-first-level-action-${index}`
|
|
102
|
+
}, action, {
|
|
105
103
|
color: "primary"
|
|
106
|
-
})))));
|
|
104
|
+
}))))));
|
|
107
105
|
};
|
|
108
106
|
exports.HeaderFirstLevel = HeaderFirstLevel;
|
|
109
107
|
var _default = HeaderFirstLevel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_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","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","headerDivider","position","hairlineWidth","left","right","bottom","HeaderFirstLevel","title","testID","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSafeAreaContext","_core","_buttons","_stack","_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","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","headerDivider","position","hairlineWidth","left","right","bottom","HeaderFirstLevel","title","testID","actions","ignoreSafeAreaMargin","animatedRef","animatedFlatListRef","titleRef","createRef","insets","useSafeAreaInsets","theme","useIOTheme","paddingTop","useSharedValue","top","useLayoutEffect","reactNode","findNodeHandle","current","AccessibilityInfo","setAccessibilityFocus","offset","useScrollViewOffset","useEffect","value","withTiming","alertEdgeToEdgeInsetTransitionConfig","animatedStyle","useAnimatedStyle","animatedDivider","opacity","duration","createElement","View","style","backgroundColor","IOColors","accessibilityRole","ref","accessible","H3","weight","flexShrink","numberOfLines","color","HStack","space","filter","action","undefined","map","index","IconButton","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAOA,IAAAG,2BAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAOA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAmC,SAAAQ,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,SAAAV,wBAAAc,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;AAOqC;;AAUxE,MAAMI,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,WAAW,EAAE;IACXC,iBAAiB,EAAEC,sBAAgB,CAACC,gBAAgB;IACpDC,MAAM,EAAEF,sBAAgB,CAACG,YAAY;IACrCC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBL,KAAK,EAAE,MAAM;IACbF,MAAM,EAAEN,uBAAU,CAACc,aAAa;IAChCC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEK,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,MAAM;EACNC,OAAO,GAAG,EAAE;EACZC,oBAAoB,GAAG,KAAK;EAC5BC,WAAW;EACXC;AACgB,CAAC,KAAK;EACtB,MAAMC,QAAQ,gBAAG,IAAAC,eAAS,EAAO,CAAC;EAClC,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,MAAMC,UAAU,GAAG,IAAAC,qCAAc,EAACV,oBAAoB,GAAG,CAAC,GAAGK,MAAM,CAACM,GAAG,CAAC;EAExE,IAAAC,qBAAe,EAAC,MAAM;IACpB,MAAMC,SAAS,GAAG,IAAAC,2BAAc,EAACX,QAAQ,CAACY,OAAO,CAAC;IAClD,IAAIF,SAAS,KAAK,IAAI,EAAE;MACtBG,8BAAiB,CAACC,qBAAqB,CAACJ,SAAS,CAAC;IACpD;EACF,CAAC,CAAC;;EAEF;EACA,MAAMK,MAAM,GAAG,IAAAC,0CAAmB,EAC/BlB,WAAW,IACTC,mBACL,CAAC;EAED,IAAAkB,eAAS,EAAC,MAAM;IACd;IACAX,UAAU,CAACY,KAAK,GAAG,IAAAC,iCAAU,EAC3BtB,oBAAoB,GAAG,CAAC,GAAGK,MAAM,CAACM,GAAG,EACrCY,0CACF,CAAC;EACH,CAAC,EAAE,CAACvB,oBAAoB,EAAEK,MAAM,CAACM,GAAG,EAAEF,UAAU,CAAC,CAAC;EAElD,MAAMe,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5ChB,UAAU,EAAEA,UAAU,CAACY;EACzB,CAAC,CAAC,CAAC;EAEH,MAAMK,eAAe,GAAG,IAAAD,uCAAgB,EAAC,OAAO;IAC9CE,OAAO,EAAE,IAAAL,iCAAU,EAACJ,MAAM,CAACG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEO,QAAQ,EAAE;IAAI,CAAC;EACjE,CAAC,CAAC,CAAC;EAEH,oBACE5F,KAAA,CAAA6F,aAAA,CAACzF,sBAAA,CAAAa,OAAQ,CAAC6E,IAAI;IACZC,KAAK,EAAE,CACL;MAAEC,eAAe,EAAEC,cAAQ,CAAC1B,KAAK,CAAC,uBAAuB,CAAC;IAAE,CAAC,EAC7DiB,aAAa,CACb;IACFU,iBAAiB,EAAC,QAAQ;IAC1BpC,MAAM,EAAEA;EAAO,GAGd,CAACG,WAAW,IAAIC,mBAAmB,kBAClClE,KAAA,CAAA6F,aAAA,CAACzF,sBAAA,CAAAa,OAAQ,CAAC6E,IAAI;IACZC,KAAK,EAAE,CACL;MACE,GAAGtD,MAAM,CAACa,aAAa;MACvB0C,eAAe,EAAEC,cAAQ,CAAC1B,KAAK,CAAC,iBAAiB,CAAC;IACpD,CAAC,EACDmB,eAAe;EACf,CACH,CACF,eAED1F,KAAA,CAAA6F,aAAA,CAAC1F,YAAA,CAAA2F,IAAI;IAACC,KAAK,EAAEtD,MAAM,CAACG;EAAY,gBAC9B5C,KAAA,CAAA6F,aAAA,CAAC1F,YAAA,CAAA2F,IAAI;IAACK,GAAG,EAAEhC,QAAS;IAACiC,UAAU;IAACF,iBAAiB,EAAC;EAAQ,gBACxDlG,KAAA,CAAA6F,aAAA,CAACpF,WAAA,CAAA4F,EAAE;IACDC,MAAM,EAAC,MAAM;IACbP,KAAK,EAAE;MAAEQ,UAAU,EAAE;IAAE,CAAE;IACzBC,aAAa,EAAE,CAAE;IACjBC,KAAK,EAAElC,KAAK,CAAC,qBAAqB;EAAE,GAEnCV,KACC,CACA,CAAC,eACP7D,KAAA,CAAA6F,aAAA,CAACrF,MAAA,CAAAkG,MAAM;IAACC,KAAK,EAAE,EAAG;IAACZ,KAAK,EAAE;MAAEQ,UAAU,EAAE;IAAE;EAAE,GACzCxC,OAAO,CACL6C,MAAM,CACJC,MAAM,IAAkCA,MAAM,KAAKC,SACtD,CAAC,CACAC,GAAG,CAAC,CAACF,MAAM,EAAEG,KAAK,kBACjBhH,KAAA,CAAA6F,aAAA,CAACtF,QAAA,CAAA0G,UAAU,EAAAjF,QAAA;IACTN,GAAG,EAAG,6BAA4BsF,KAAM;EAAE,GACtCH,MAAM;IACVJ,KAAK,EAAE;EAAU,EAClB,CACF,CACG,CACJ,CACO,CAAC;AAEpB,CAAC;AAACS,OAAA,CAAAtD,gBAAA,GAAAA,gBAAA;AAAA,IAAAuD,QAAA,GAEavD,gBAAgB;AAAAsD,OAAA,CAAAjG,OAAA,GAAAkG,QAAA"}
|
|
@@ -46,7 +46,7 @@ const HeaderSecondLevel = ({
|
|
|
46
46
|
backTestID,
|
|
47
47
|
title,
|
|
48
48
|
type,
|
|
49
|
-
variant
|
|
49
|
+
variant,
|
|
50
50
|
backgroundColor,
|
|
51
51
|
transparent = false,
|
|
52
52
|
ignoreSafeAreaMargin = false,
|
|
@@ -57,22 +57,26 @@ const HeaderSecondLevel = ({
|
|
|
57
57
|
secondAction,
|
|
58
58
|
thirdAction
|
|
59
59
|
}) => {
|
|
60
|
-
const scrollOffset = (0, _reactNativeReanimated.useScrollViewOffset)(animatedRef);
|
|
61
|
-
const titleRef = /*#__PURE__*/React.createRef();
|
|
60
|
+
const scrollOffset = (0, _reactNativeReanimated.useScrollViewOffset)(animatedRef || animatedRef);
|
|
61
|
+
const titleRef = /*#__PURE__*/(0, React.createRef)();
|
|
62
62
|
const {
|
|
63
63
|
newTypefaceEnabled
|
|
64
64
|
} = (0, _core.useIONewTypeface)();
|
|
65
65
|
const theme = (0, _core.useIOTheme)();
|
|
66
|
-
const {
|
|
67
|
-
themeType
|
|
68
|
-
} = (0, _core.useIOThemeContext)();
|
|
69
66
|
const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
|
|
70
|
-
const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
|
|
67
|
+
const isTitleAccessible = (0, React.useMemo)(() => !!title.trim(), [title]);
|
|
71
68
|
const paddingTop = (0, _reactNativeReanimated.useSharedValue)(ignoreSafeAreaMargin ? 0 : insets.top);
|
|
72
69
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
const
|
|
70
|
+
|
|
71
|
+
// If the variant is not set, set a fallback color
|
|
72
|
+
const defaultIconColor = variant ?? "neutral";
|
|
73
|
+
|
|
74
|
+
/* We apply the same logic of `persistentColorMode`
|
|
75
|
+
to the title color: if variant is set, the color will
|
|
76
|
+
be persistent, otherwise it will vary depending
|
|
77
|
+
on the color scheme. */
|
|
78
|
+
const titleColorVariant = variant === "contrast" ? _core.IOColors[_core.IOThemeDark["textHeading-default"]] : _core.IOColors[_core.IOThemeLight["textHeading-default"]];
|
|
79
|
+
const titleColor = variant ? titleColorVariant : _core.IOColors[theme["textHeading-default"]];
|
|
76
80
|
|
|
77
81
|
/* Visual attributes when there are transitions between states */
|
|
78
82
|
const HEADER_DEFAULT_BG_COLOR = theme["appBackground-primary"];
|
|
@@ -122,7 +126,10 @@ const HeaderSecondLevel = ({
|
|
|
122
126
|
android: "backAndroid",
|
|
123
127
|
default: "backiOS"
|
|
124
128
|
}),
|
|
125
|
-
color:
|
|
129
|
+
color: defaultIconColor
|
|
130
|
+
/* If we specify a variant, we probably want to
|
|
131
|
+
make it persistent in both light and dark modes. */,
|
|
132
|
+
persistentColorMode: !!variant,
|
|
126
133
|
onPress: goBack,
|
|
127
134
|
accessibilityLabel: backAccessibilityLabel,
|
|
128
135
|
testID: backTestID
|
|
@@ -153,11 +160,14 @@ const HeaderSecondLevel = ({
|
|
|
153
160
|
flexShrink: 0
|
|
154
161
|
}
|
|
155
162
|
}, type === "threeActions" && /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, thirdAction, {
|
|
156
|
-
color:
|
|
163
|
+
color: defaultIconColor,
|
|
164
|
+
persistentColorMode: !!variant
|
|
157
165
|
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, secondAction, {
|
|
158
|
-
color:
|
|
166
|
+
color: defaultIconColor,
|
|
167
|
+
persistentColorMode: !!variant
|
|
159
168
|
})), type !== "base" ? /*#__PURE__*/React.createElement(_IconButton.default, _extends({}, firstAction, {
|
|
160
|
-
color:
|
|
169
|
+
color: defaultIconColor,
|
|
170
|
+
persistentColorMode: !!variant
|
|
161
171
|
})) : /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
162
172
|
size: _core.iconBtnSizeSmall
|
|
163
173
|
}))));
|