@pagopa/io-app-design-system 4.2.1 → 4.3.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/alert/Alert.js +10 -31
- package/lib/commonjs/components/alert/Alert.js.map +1 -1
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js +9 -29
- package/lib/commonjs/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +10 -34
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +20 -53
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +24 -44
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +14 -39
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +13 -32
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +19 -42
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonSolid.js +15 -31
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/commonjs/components/layout/index.js +0 -11
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemAction.js +14 -40
- package/lib/commonjs/components/listitems/ListItemAction.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +13 -41
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemHeader.js +2 -2
- package/lib/commonjs/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +15 -43
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +17 -48
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNavAlert.js +19 -50
- package/lib/commonjs/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +20 -50
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js +2 -2
- package/lib/commonjs/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemTransaction.js +2 -2
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/commonjs/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
- package/lib/commonjs/components/listitems/__test__/listitem.test.js +3 -3
- package/lib/commonjs/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/commonjs/components/listitems/index.js +11 -11
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/modules/PressableModuleBase.js +17 -11
- package/lib/commonjs/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/commonjs/components/modules/index.js +8 -8
- package/lib/commonjs/components/modules/index.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +12 -28
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/commonjs/components/tabs/TabItem.js +15 -21
- package/lib/commonjs/components/tabs/TabItem.js.map +1 -1
- package/lib/commonjs/core/IOAnimations.js +6 -12
- package/lib/commonjs/core/IOAnimations.js.map +1 -1
- package/lib/commonjs/hooks/index.js +28 -0
- package/lib/commonjs/hooks/index.js.map +1 -0
- package/lib/commonjs/hooks/useListItemAnimation.js +40 -0
- package/lib/commonjs/hooks/useListItemAnimation.js.map +1 -0
- package/lib/commonjs/hooks/useScaleAnimation.js +36 -0
- package/lib/commonjs/hooks/useScaleAnimation.js.map +1 -0
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/hooks/index.js +28 -0
- package/lib/commonjs/utils/hooks/index.js.map +1 -0
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js +5 -7
- package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/module/components/alert/Alert.js +10 -32
- package/lib/module/components/alert/Alert.js.map +1 -1
- package/lib/module/components/alert/AlertEdgeToEdge.js +10 -31
- package/lib/module/components/alert/AlertEdgeToEdge.js.map +1 -1
- package/lib/module/components/banner/Banner.js +10 -33
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +23 -56
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +27 -47
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +17 -42
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +16 -35
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +21 -45
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/IconButtonSolid.js +17 -34
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/lib/module/components/layout/index.js +0 -1
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/listitems/ListItemAction.js +15 -42
- package/lib/module/components/listitems/ListItemAction.js.map +1 -1
- package/lib/module/components/listitems/ListItemCheckbox.js +15 -43
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -1
- package/lib/module/components/listitems/ListItemHeader.js +2 -2
- package/lib/module/components/listitems/ListItemHeader.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +16 -45
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +17 -47
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/ListItemNavAlert.js +19 -49
- package/lib/module/components/listitems/ListItemNavAlert.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +22 -52
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js +1 -1
- package/lib/module/components/listitems/ListItemRadioWithAmount.js.map +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js +1 -1
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/{PressableListItemsBase.js → PressableListItemBase.js} +7 -7
- package/lib/module/components/listitems/PressableListItemBase.js.map +1 -0
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
- package/lib/module/components/listitems/__test__/listitem.test.js +1 -1
- package/lib/module/components/listitems/__test__/listitem.test.js.map +1 -1
- package/lib/module/components/listitems/index.js +1 -1
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/modules/PressableModuleBase.js +17 -10
- package/lib/module/components/modules/PressableModuleBase.js.map +1 -1
- package/lib/module/components/modules/index.js +1 -1
- package/lib/module/components/modules/index.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +14 -30
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/lib/module/components/tabs/TabItem.js +18 -24
- package/lib/module/components/tabs/TabItem.js.map +1 -1
- package/lib/module/core/IOAnimations.js +4 -10
- package/lib/module/core/IOAnimations.js.map +1 -1
- package/lib/module/hooks/index.js +3 -0
- package/lib/module/hooks/index.js.map +1 -0
- package/lib/module/hooks/useListItemAnimation.js +33 -0
- package/lib/module/hooks/useListItemAnimation.js.map +1 -0
- package/lib/module/hooks/useScaleAnimation.js +29 -0
- package/lib/module/hooks/useScaleAnimation.js.map +1 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/hooks/index.js +3 -0
- package/lib/module/utils/hooks/index.js.map +1 -0
- package/lib/module/utils/hooks/useSpringPressProgressValue.js +5 -5
- package/lib/module/utils/hooks/useSpringPressProgressValue.js.map +1 -1
- package/lib/typescript/components/alert/Alert.d.ts.map +1 -1
- package/lib/typescript/components/alert/AlertEdgeToEdge.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +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.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/layout/index.d.ts +0 -1
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemAction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNav.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemNavAlert.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadioWithAmount.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts +1 -1
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/{PressableListItemsBase.d.ts → PressableListItemBase.d.ts} +3 -2
- package/lib/typescript/components/listitems/PressableListItemBase.d.ts.map +1 -0
- package/lib/typescript/components/listitems/index.d.ts +1 -1
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/PressableModuleBase.d.ts.map +1 -1
- package/lib/typescript/components/modules/index.d.ts +1 -1
- package/lib/typescript/components/modules/index.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/tabs/TabItem.d.ts.map +1 -1
- package/lib/typescript/core/IOAnimations.d.ts +6 -10
- package/lib/typescript/core/IOAnimations.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +3 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useListItemAnimation.d.ts.map +1 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts +10 -0
- package/lib/typescript/hooks/useScaleAnimation.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/utils/hooks/index.d.ts +3 -0
- package/lib/typescript/utils/hooks/index.d.ts.map +1 -0
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts +7 -8
- package/lib/typescript/utils/hooks/useSpringPressProgressValue.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/alert/Alert.tsx +7 -46
- package/src/components/alert/AlertEdgeToEdge.tsx +6 -46
- package/src/components/banner/Banner.tsx +6 -52
- package/src/components/buttons/ButtonLink.tsx +32 -89
- package/src/components/buttons/ButtonOutline.tsx +26 -60
- package/src/components/buttons/ButtonSolid.tsx +11 -58
- package/src/components/buttons/IconButton.tsx +10 -47
- package/src/components/buttons/IconButtonContained.tsx +21 -57
- package/src/components/buttons/IconButtonSolid.tsx +15 -46
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +34 -10
- package/src/components/layout/index.tsx +0 -1
- package/src/components/listitems/ListItemAction.tsx +10 -66
- package/src/components/listitems/ListItemCheckbox.tsx +10 -68
- package/src/components/listitems/ListItemHeader.tsx +2 -2
- package/src/components/listitems/ListItemInfoCopy.tsx +11 -71
- package/src/components/listitems/ListItemNav.tsx +13 -74
- package/src/components/listitems/ListItemNavAlert.tsx +18 -92
- package/src/components/listitems/ListItemRadio.tsx +14 -75
- package/src/components/listitems/ListItemRadioWithAmount.tsx +2 -1
- package/src/components/listitems/ListItemTransaction.tsx +1 -1
- package/src/components/listitems/{PressableListItemsBase.tsx → PressableListItemBase.tsx} +7 -6
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +13 -7
- package/src/components/listitems/__test__/listitem.test.tsx +1 -1
- package/src/components/listitems/index.tsx +1 -1
- package/src/components/modules/PressableModuleBase.tsx +15 -8
- package/src/components/modules/index.tsx +1 -1
- package/src/components/numberpad/NumberButton.tsx +12 -43
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +20 -0
- package/src/components/tabs/TabItem.tsx +15 -29
- package/src/core/IOAnimations.ts +8 -10
- package/src/hooks/index.tsx +2 -0
- package/src/hooks/useListItemAnimation.tsx +59 -0
- package/src/hooks/useScaleAnimation.tsx +41 -0
- package/src/index.tsx +1 -0
- package/src/utils/hooks/index.tsx +2 -0
- package/src/utils/hooks/useSpringPressProgressValue.ts +14 -8
- package/lib/commonjs/components/layout/FooterWithButtons.js +0 -84
- package/lib/commonjs/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/commonjs/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js +0 -56
- package/lib/commonjs/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js +0 -41
- package/lib/commonjs/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/module/components/layout/FooterWithButtons.js +0 -75
- package/lib/module/components/layout/FooterWithButtons.js.map +0 -1
- package/lib/module/components/listitems/PressableListItemsBase.js.map +0 -1
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js +0 -47
- package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map +0 -1
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js +0 -34
- package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map +0 -1
- package/lib/typescript/components/layout/FooterWithButtons.d.ts +0 -16
- package/lib/typescript/components/layout/FooterWithButtons.d.ts.map +0 -1
- package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map +0 -1
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts +0 -13
- package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map +0 -1
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts +0 -10
- package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map +0 -1
- package/src/components/layout/FooterWithButtons.tsx +0 -90
- package/src/components/listitems/hooks/useListItemSpringAnimation.ts +0 -72
- package/src/components/modules/hooks/useModuleSpringAnimation.ts +0 -49
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core/");
|
|
11
|
+
var _hooks = require("../../hooks");
|
|
11
12
|
var _icons = require("../icons");
|
|
12
13
|
var _Spacer = require("../spacer/Spacer");
|
|
13
14
|
var _typography = require("../typography");
|
|
@@ -128,22 +129,22 @@ const mapLegacyColorStates = {
|
|
|
128
129
|
}
|
|
129
130
|
};
|
|
130
131
|
|
|
132
|
+
// Icon size
|
|
133
|
+
const iconSize = 20;
|
|
134
|
+
const DISABLED_OPACITY = 0.5;
|
|
135
|
+
|
|
131
136
|
// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
|
|
132
137
|
const IOButtonLegacyStylesLocal = _reactNative.StyleSheet.create({
|
|
133
138
|
buttonWithBorder: {
|
|
134
139
|
borderWidth: 1
|
|
135
140
|
}
|
|
136
141
|
});
|
|
137
|
-
|
|
138
|
-
// Icon size
|
|
139
|
-
const iconSize = 20;
|
|
140
|
-
const DISABLED_OPACITY = 0.5;
|
|
141
142
|
const IOButtonStylesLocal = _reactNative.StyleSheet.create({
|
|
142
143
|
buttonWithBorder: {
|
|
143
144
|
borderWidth: 2
|
|
144
145
|
}
|
|
145
146
|
});
|
|
146
|
-
const ButtonOutline = /*#__PURE__*/_react.
|
|
147
|
+
const ButtonOutline = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
147
148
|
color = "primary",
|
|
148
149
|
label,
|
|
149
150
|
fullWidth = false,
|
|
@@ -155,62 +156,41 @@ const ButtonOutline = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
155
156
|
accessibilityHint,
|
|
156
157
|
testID
|
|
157
158
|
}, ref) => {
|
|
158
|
-
var
|
|
159
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3, _colorMap$color4, _colorMap$color5, _colorMap$color6, _colorMap$color7;
|
|
159
160
|
const {
|
|
160
161
|
isExperimental
|
|
161
162
|
} = (0, _core.useIOExperimentalDesign)();
|
|
162
|
-
const
|
|
163
|
+
const {
|
|
164
|
+
progress,
|
|
165
|
+
onPressIn,
|
|
166
|
+
onPressOut,
|
|
167
|
+
scaleAnimatedStyle
|
|
168
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
169
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
163
170
|
const AnimatedIOText = _reactNativeReanimated.default.createAnimatedComponent(_typography.IOText);
|
|
164
171
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
165
172
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
166
173
|
const buttonStylesLocal = _react.default.useMemo(() => isExperimental ? IOButtonStylesLocal : IOButtonLegacyStylesLocal, [isExperimental]);
|
|
167
|
-
// Scaling transformation applied when the button is pressed
|
|
168
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
169
|
-
|
|
170
|
-
// Using a spring-based animation for our interpolations
|
|
171
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
172
174
|
|
|
173
175
|
// Interpolate animation values from `isPressed` values
|
|
174
176
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
175
177
|
// Link color states to the pressed states
|
|
176
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
177
|
-
const borderColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
178
|
-
|
|
179
|
-
// Scale down button slightly when pressed
|
|
180
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
178
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
|
|
179
|
+
const borderColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
|
|
181
180
|
return {
|
|
182
181
|
borderColor,
|
|
183
|
-
backgroundColor
|
|
184
|
-
transform: [{
|
|
185
|
-
scale
|
|
186
|
-
}]
|
|
187
|
-
};
|
|
188
|
-
});
|
|
189
|
-
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
190
|
-
// Link color states to the pressed states
|
|
191
|
-
|
|
192
|
-
const labelColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed]);
|
|
193
|
-
return {
|
|
194
|
-
color: labelColor
|
|
182
|
+
backgroundColor
|
|
195
183
|
};
|
|
196
184
|
});
|
|
185
|
+
const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
186
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].border.default, colorMap[color].border.pressed])
|
|
187
|
+
}));
|
|
197
188
|
|
|
198
189
|
// Animate the <Icon> color prop
|
|
199
|
-
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
color: iconColor
|
|
203
|
-
};
|
|
204
|
-
});
|
|
190
|
+
const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
191
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].label.default, colorMap[color].label.pressed])
|
|
192
|
+
}));
|
|
205
193
|
const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
|
|
206
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
207
|
-
// eslint-disable-next-line functional/immutable-data
|
|
208
|
-
isPressed.value = 1;
|
|
209
|
-
}, [isPressed]);
|
|
210
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
211
|
-
// eslint-disable-next-line functional/immutable-data
|
|
212
|
-
isPressed.value = 0;
|
|
213
|
-
}, [isPressed]);
|
|
214
194
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
215
195
|
ref: ref,
|
|
216
196
|
accessibilityLabel: accessibilityLabel || label,
|
|
@@ -241,7 +221,7 @@ const ButtonOutline = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
241
221
|
},
|
|
242
222
|
/* Prevent Reanimated from overriding background colors
|
|
243
223
|
if button is disabled */
|
|
244
|
-
!disabled && pressedAnimationStyle]
|
|
224
|
+
!reducedMotion && !disabled && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
245
225
|
}, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
|
|
246
226
|
name: icon,
|
|
247
227
|
animatedProps: pressedColorIconAnimationStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_Spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","border","IOColors","pressed","disabled","background","hexToRgba","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","IOButtonLegacyStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","iconSize","DISABLED_OPACITY","IOButtonStylesLocal","ButtonOutline","React","forwardRef","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","useIOExperimentalDesign","isPressed","useSharedValue","AnimatedIOText","Animated","createAnimatedComponent","IOText","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","buttonStylesLocal","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","borderColor","scale","interpolate","Extrapolate","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","IconClassComponent","onPressIn","useCallback","onPressOut","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","paddingHorizontal","buttonSizeDefault","flexDirection","opacity","Fragment","name","animatedProps","size","AnimatedIcon","HSpacer","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_Spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","border","IOColors","pressed","disabled","background","hexToRgba","label","contrast","white","danger","red","bluegreyLight","grey","mapLegacyColorStates","blue","iconSize","DISABLED_OPACITY","IOButtonLegacyStylesLocal","StyleSheet","create","buttonWithBorder","borderWidth","IOButtonStylesLocal","ButtonOutline","forwardRef","color","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","_colorMap$color5","_colorMap$color6","_colorMap$color7","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","AnimatedIOText","Animated","createAnimatedComponent","IOText","colorMap","React","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","buttonStylesLocal","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","borderColor","pressedColorLabelAnimationStyle","pressedColorIconAnimationStyle","useAnimatedProps","AnimatedIconClassComponent","IconClassComponent","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","dimensionsDefault","View","button","paddingHorizontal","buttonSizeDefault","flexDirection","opacity","Fragment","name","animatedProps","size","AnimatedIcon","HSpacer","font","weight","buttonTextFontSize","accessibilityElementsHidden","importantForAccessibility","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
10
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
13
|
var _icons = require("../icons");
|
|
13
14
|
var _loadingSpinner = require("../loadingSpinner");
|
|
14
15
|
var _Spacer = require("../spacer/Spacer");
|
|
@@ -108,51 +109,28 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
108
109
|
accessibilityHint,
|
|
109
110
|
testID
|
|
110
111
|
}, ref) => {
|
|
111
|
-
var
|
|
112
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
112
|
+
var _colorMap$color, _colorMap$color2, _colorMap$color3;
|
|
113
113
|
const {
|
|
114
114
|
isExperimental
|
|
115
115
|
} = (0, _core.useIOExperimentalDesign)();
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
const isMounted = (0, _react.useRef)(false);
|
|
124
|
-
(0, _react.useEffect)(() => {
|
|
125
|
-
// eslint-disable-next-line functional/immutable-data
|
|
126
|
-
isMounted.current = true;
|
|
127
|
-
}, []);
|
|
116
|
+
const {
|
|
117
|
+
progress,
|
|
118
|
+
onPressIn,
|
|
119
|
+
onPressOut,
|
|
120
|
+
scaleAnimatedStyle
|
|
121
|
+
} = (0, _hooks.useScaleAnimation)();
|
|
122
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
128
123
|
const colorMap = _react.default.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
129
124
|
const buttonStyles = _react.default.useMemo(() => isExperimental ? _core.IOButtonStyles : _core.IOButtonLegacyStyles, [isExperimental]);
|
|
130
125
|
|
|
131
|
-
// Using a spring-based animation for our interpolations
|
|
132
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
133
|
-
|
|
134
126
|
// Interpolate animation values from `isPressed` values
|
|
135
127
|
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
136
128
|
// Link color states to the pressed states
|
|
137
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
138
|
-
|
|
139
|
-
// Scale down button slightly when pressed
|
|
140
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
129
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].default, colorMap[color].pressed]);
|
|
141
130
|
return {
|
|
142
|
-
backgroundColor
|
|
143
|
-
transform: [{
|
|
144
|
-
scale
|
|
145
|
-
}]
|
|
131
|
+
backgroundColor
|
|
146
132
|
};
|
|
147
133
|
});
|
|
148
|
-
const onPressIn = (0, _react.useCallback)(() => {
|
|
149
|
-
// eslint-disable-next-line functional/immutable-data
|
|
150
|
-
isPressed.value = 1;
|
|
151
|
-
}, [isPressed]);
|
|
152
|
-
const onPressOut = (0, _react.useCallback)(() => {
|
|
153
|
-
// eslint-disable-next-line functional/immutable-data
|
|
154
|
-
isPressed.value = 0;
|
|
155
|
-
}, [isPressed]);
|
|
156
134
|
const handleOnPress = (0, _react.useCallback)(event => {
|
|
157
135
|
/* Don't call `onPress` if the button is
|
|
158
136
|
in loading state */
|
|
@@ -193,10 +171,10 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
193
171
|
},
|
|
194
172
|
/* Prevent Reanimated from overriding background colors
|
|
195
173
|
if button is disabled */
|
|
196
|
-
!disabled && pressedAnimationStyle]
|
|
174
|
+
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && pressedAnimationStyle]
|
|
197
175
|
}, loading && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
198
176
|
style: buttonStyles.buttonInner,
|
|
199
|
-
entering:
|
|
177
|
+
entering: _core.enterTransitionInnerContentSmall,
|
|
200
178
|
exiting: _core.exitTransitionInnerContent
|
|
201
179
|
}, /*#__PURE__*/_react.default.createElement(_loadingSpinner.LoadingSpinner, {
|
|
202
180
|
color: foregroundColor
|
|
@@ -204,10 +182,7 @@ const ButtonSolid = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
204
182
|
style: [buttonStyles.buttonInner, iconPosition === "end" && {
|
|
205
183
|
flexDirection: "row-reverse"
|
|
206
184
|
}],
|
|
207
|
-
entering:
|
|
208
|
-
/* Temporarily disable the exiting transition because it caused
|
|
209
|
-
a weird glitch on page exit */
|
|
210
|
-
// exiting={exitTransitionInnerContent}
|
|
185
|
+
entering: _core.enterTransitionInnerContent
|
|
211
186
|
}, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
212
187
|
name: icon,
|
|
213
188
|
size: iconSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_icons","_loadingSpinner","_Spacer","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_Spacer","_ButtonText","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryLegacyButtonDisabled","legacyStyles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","colorPrimaryButtonDisabled","DISABLED_OPACITY","iconSize","styles","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","mapLegacyColorStates","blue","ButtonSolid","React","forwardRef","color","fullWidth","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","_colorMap$color","_colorMap$color2","_colorMap$color3","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","buttonStyles","IOButtonStyles","IOButtonLegacyStyles","pressedAnimationStyle","useAnimatedStyle","interpolateColor","value","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","foregroundColor","createElement","Pressable","accessible","accessibilityState","busy","accessibilityRole","style","dimensionsDefault","View","button","overflow","paddingHorizontal","buttonSizeDefault","buttonInner","entering","enterTransitionInnerContentSmall","exiting","exitTransitionInnerContent","LoadingSpinner","flexDirection","enterTransitionInnerContent","Fragment","Icon","name","size","HSpacer","ButtonText","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
|
+
var _hooks = require("../../hooks");
|
|
11
12
|
var _icons = require("../icons");
|
|
12
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); }
|
|
13
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; }
|
|
@@ -75,53 +76,33 @@ const IconButton = ({
|
|
|
75
76
|
accessibilityHint,
|
|
76
77
|
testID
|
|
77
78
|
}) => {
|
|
78
|
-
var
|
|
79
|
-
const
|
|
79
|
+
var _colorMap$color, _colorMap$color2;
|
|
80
|
+
const {
|
|
81
|
+
progress,
|
|
82
|
+
onPressIn,
|
|
83
|
+
onPressOut,
|
|
84
|
+
scaleAnimatedStyle
|
|
85
|
+
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
86
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
80
87
|
const {
|
|
81
88
|
isExperimental
|
|
82
89
|
} = (0, _core.useIOExperimentalDesign)();
|
|
83
90
|
const colorMap = (0, _react.useMemo)(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
84
91
|
|
|
85
|
-
// Scaling transformation applied when the button is pressed
|
|
86
|
-
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$exagge = _core.IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
|
|
87
|
-
|
|
88
|
-
// Using a spring-based animation for our interpolations
|
|
89
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
90
|
-
|
|
91
|
-
// Interpolate animation values from `isPressed` values
|
|
92
|
-
|
|
93
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
94
|
-
// Scale down button slightly when pressed
|
|
95
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
96
|
-
return {
|
|
97
|
-
transform: [{
|
|
98
|
-
scale
|
|
99
|
-
}]
|
|
100
|
-
};
|
|
101
|
-
});
|
|
102
|
-
|
|
103
92
|
// Animate the <Icon> color prop
|
|
104
93
|
const animatedColor = (0, _reactNativeReanimated.useAnimatedProps)(() => {
|
|
105
|
-
const iconColor = (0, _reactNativeReanimated.interpolateColor)(
|
|
94
|
+
const iconColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed]);
|
|
106
95
|
return {
|
|
107
96
|
color: iconColor
|
|
108
97
|
};
|
|
109
98
|
});
|
|
110
|
-
const handlePressIn = (0, _react.useCallback)(() => {
|
|
111
|
-
// eslint-disable-next-line functional/immutable-data
|
|
112
|
-
isPressed.value = 1;
|
|
113
|
-
}, [isPressed]);
|
|
114
|
-
const handlePressOut = (0, _react.useCallback)(() => {
|
|
115
|
-
// eslint-disable-next-line functional/immutable-data
|
|
116
|
-
isPressed.value = 0;
|
|
117
|
-
}, [isPressed]);
|
|
118
99
|
return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
119
100
|
disabled: disabled
|
|
120
101
|
// Events
|
|
121
102
|
,
|
|
122
103
|
onPress: onPress,
|
|
123
|
-
onPressIn:
|
|
124
|
-
onPressOut:
|
|
104
|
+
onPressIn: onPressIn,
|
|
105
|
+
onPressOut: onPressOut
|
|
125
106
|
// Accessibility
|
|
126
107
|
,
|
|
127
108
|
accessible: true,
|
|
@@ -139,7 +120,7 @@ const IconButton = ({
|
|
|
139
120
|
,
|
|
140
121
|
testID: testID
|
|
141
122
|
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
142
|
-
style: [_core.IOIconButtonStyles.buttonSizeSmall, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified, !disabled &&
|
|
123
|
+
style: [_core.IOIconButtonStyles.buttonSizeSmall, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified, !disabled && !reducedMotion && scaleAnimatedStyle]
|
|
143
124
|
}, !disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
|
|
144
125
|
name: icon,
|
|
145
126
|
size: iconSize,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapLegacyColorStates","primary","icon","IOColors","blue","pressed","disabled","hexToRgba","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_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","mapLegacyColorStates","primary","icon","IOColors","blue","pressed","disabled","hexToRgba","neutral","black","bluegreyDark","grey","contrast","white","mapColorStates","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","color","iconSize","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colorMap","useMemo","animatedColor","useAnimatedProps","iconColor","interpolateColor","value","createElement","Pressable","accessible","accessibilityRole","accessibilityState","hitSlop","View","style","IOIconButtonStyles","buttonSizeSmall","IOStyles","alignCenter","centerJustified","name","size","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _icons = require("../../components/icons");
|
|
11
11
|
var _core = require("../../core");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
12
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); }
|
|
13
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; }
|
|
14
15
|
const mapColorStates = {
|
|
@@ -103,50 +104,26 @@ const IconButtonContained = ({
|
|
|
103
104
|
accessibilityHint,
|
|
104
105
|
testID
|
|
105
106
|
}) => {
|
|
106
|
-
var
|
|
107
|
-
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
107
|
+
var _colorMap$color, _colorMap$color2;
|
|
108
108
|
const {
|
|
109
109
|
isExperimental
|
|
110
110
|
} = (0, _core.useIOExperimentalDesign)();
|
|
111
|
+
const {
|
|
112
|
+
progress,
|
|
113
|
+
onPressIn,
|
|
114
|
+
onPressOut,
|
|
115
|
+
scaleAnimatedStyle
|
|
116
|
+
} = (0, _hooks.useScaleAnimation)("exaggerated");
|
|
117
|
+
const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
|
|
111
118
|
const colorMap = React.useMemo(() => isExperimental ? mapColorStates : mapLegacyColorStates, [isExperimental]);
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
// Using a spring-based animation for our interpolations
|
|
117
|
-
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
118
|
-
|
|
119
|
-
// Interpolate animation values from `isPressed` values
|
|
120
|
-
|
|
121
|
-
const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
122
|
-
// Link color states to the pressed states
|
|
123
|
-
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed]);
|
|
124
|
-
|
|
125
|
-
// Scale down button slightly when pressed
|
|
126
|
-
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
127
|
-
return {
|
|
128
|
-
backgroundColor,
|
|
129
|
-
transform: [{
|
|
130
|
-
scale
|
|
131
|
-
}]
|
|
132
|
-
};
|
|
133
|
-
});
|
|
119
|
+
const backgroundColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
120
|
+
backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].background.default, colorMap[color].background.pressed])
|
|
121
|
+
}));
|
|
134
122
|
|
|
135
123
|
// Animate the <Icon> color prop
|
|
136
|
-
const
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
color: iconColor
|
|
140
|
-
};
|
|
141
|
-
});
|
|
142
|
-
const handlePressIn = (0, React.useCallback)(() => {
|
|
143
|
-
// eslint-disable-next-line functional/immutable-data
|
|
144
|
-
isPressed.value = 1;
|
|
145
|
-
}, [isPressed]);
|
|
146
|
-
const handlePressOut = (0, React.useCallback)(() => {
|
|
147
|
-
// eslint-disable-next-line functional/immutable-data
|
|
148
|
-
isPressed.value = 0;
|
|
149
|
-
}, [isPressed]);
|
|
124
|
+
const iconColorAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
|
|
125
|
+
color: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colorMap[color].icon.default, colorMap[color].icon.pressed])
|
|
126
|
+
}));
|
|
150
127
|
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
151
128
|
accessibilityLabel: accessibilityLabel,
|
|
152
129
|
accessibilityHint: accessibilityHint,
|
|
@@ -156,16 +133,16 @@ const IconButtonContained = ({
|
|
|
156
133
|
},
|
|
157
134
|
testID: testID,
|
|
158
135
|
onPress: onPress,
|
|
159
|
-
onPressIn:
|
|
160
|
-
onPressOut:
|
|
136
|
+
onPressIn: onPressIn,
|
|
137
|
+
onPressOut: onPressOut,
|
|
161
138
|
accessible: true,
|
|
162
139
|
disabled: disabled,
|
|
163
140
|
style: _core.IOButtonStyles.dimensionsDefault
|
|
164
141
|
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
165
|
-
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeDefault, !disabled &&
|
|
142
|
+
style: [_core.IOIconButtonStyles.button, _core.IOIconButtonStyles.buttonSizeDefault, !disabled && !reducedMotion && scaleAnimatedStyle, !disabled && backgroundColorAnimationStyle]
|
|
166
143
|
}, !disabled ? /*#__PURE__*/React.createElement(AnimatedIconClassComponent, {
|
|
167
144
|
name: icon,
|
|
168
|
-
animatedProps:
|
|
145
|
+
animatedProps: iconColorAnimationStyle,
|
|
169
146
|
color: (_colorMap$color = colorMap[color]) === null || _colorMap$color === void 0 || (_colorMap$color = _colorMap$color.icon) === null || _colorMap$color === void 0 ? void 0 : _colorMap$color.default
|
|
170
147
|
}) : /*#__PURE__*/React.createElement(_icons.AnimatedIcon, {
|
|
171
148
|
name: icon,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_icons","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","hexToRgba","IOColors","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_icons","_core","_hooks","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","background","hexToRgba","IOColors","pressed","disabled","icon","neutral","white","greyUltraLight","bluegrey","black","grey","contrast","mapLegacyColorStates","blue","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButtonContained","color","onPress","accessibilityLabel","accessibilityHint","testID","_colorMap$color","_colorMap$color2","isExperimental","useIOExperimentalDesign","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","colorMap","useMemo","backgroundColorAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","iconColorAnimationStyle","useAnimatedProps","createElement","Pressable","accessibilityRole","accessibilityState","accessible","style","IOButtonStyles","dimensionsDefault","View","IOIconButtonStyles","button","buttonSizeDefault","name","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButtonContained.tsx"],"mappings":"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"}
|