@pagopa/io-app-design-system 1.0.0-9 → 1.0.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/README.md +39 -4
- package/lib/commonjs/components/Advice/Advice.js +5 -7
- package/lib/commonjs/components/Advice/Advice.js.map +1 -1
- package/lib/commonjs/components/Advice/__test__/advice.test.js +2 -2
- package/lib/commonjs/components/Advice/__test__/advice.test.js.map +1 -1
- package/lib/commonjs/components/accordion/RawAccordion.js.map +1 -1
- package/lib/commonjs/components/badge/__test__/badge.test.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonLink.js +4 -5
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButton.js +0 -2
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +131 -0
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -0
- package/lib/commonjs/components/buttons/IconButtonSolid.js +109 -0
- package/lib/commonjs/components/buttons/IconButtonSolid.js.map +1 -0
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
- package/lib/commonjs/components/buttons/__test__/button.test.js +27 -0
- package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/commonjs/components/buttons/index.js +30 -8
- package/lib/commonjs/components/buttons/index.js.map +1 -1
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js +1 -1
- package/lib/commonjs/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/commonjs/components/icons/index.js +0 -18
- package/lib/commonjs/components/icons/index.js.map +1 -1
- package/lib/commonjs/components/index.js +72 -72
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/layout/GradientBottomActions.js +90 -0
- package/lib/commonjs/components/layout/GradientBottomActions.js.map +1 -0
- package/lib/commonjs/components/layout/GradientScrollView.js +111 -0
- package/lib/commonjs/components/layout/GradientScrollView.js.map +1 -0
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +62 -0
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -0
- package/lib/commonjs/components/layout/index.js +17 -0
- package/lib/commonjs/components/layout/index.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemCheckbox.js +135 -0
- package/lib/commonjs/components/listitems/ListItemCheckbox.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemInfo.js +3 -6
- package/lib/commonjs/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js +1 -4
- package/lib/commonjs/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemRadio.js +136 -0
- package/lib/commonjs/components/listitems/ListItemRadio.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemSwitch.js +82 -0
- package/lib/commonjs/components/listitems/ListItemSwitch.js.map +1 -0
- package/lib/commonjs/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
- package/lib/commonjs/components/listitems/index.js +33 -0
- package/lib/commonjs/components/listitems/index.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentExtMaestro.js +3 -19
- package/lib/commonjs/components/logos/svg/LogoPaymentExtMaestro.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentExtMastercard.js +5 -21
- package/lib/commonjs/components/logos/svg/LogoPaymentExtMastercard.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentExtPayPal.js +9 -28
- package/lib/commonjs/components/logos/svg/LogoPaymentExtPayPal.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentMaestro.js +8 -18
- package/lib/commonjs/components/logos/svg/LogoPaymentMaestro.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentMastercard.js +7 -17
- package/lib/commonjs/components/logos/svg/LogoPaymentMastercard.js.map +1 -1
- package/lib/commonjs/components/logos/svg/LogoPaymentPayPal.js +5 -5
- package/lib/commonjs/components/logos/svg/LogoPaymentPayPal.js.map +1 -1
- package/lib/commonjs/components/radio/AnimatedRadio.js +1 -1
- package/lib/commonjs/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/commonjs/components/radio/RadioGroup.js +36 -0
- package/lib/commonjs/components/radio/RadioGroup.js.map +1 -0
- package/lib/commonjs/components/radio/index.js +11 -0
- package/lib/commonjs/components/radio/index.js.map +1 -1
- package/lib/commonjs/components/typography/H3.js +20 -49
- package/lib/commonjs/components/typography/H3.js.map +1 -1
- package/lib/commonjs/components/typography/Link.js +17 -23
- package/lib/commonjs/components/typography/Link.js.map +1 -1
- package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
- package/lib/commonjs/core/IOColors.js +1 -1
- package/lib/commonjs/core/IOColors.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +1 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +7 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/commonjs/index.js +11 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/json-import.d.js +2 -0
- package/lib/commonjs/json-import.d.js.map +1 -0
- package/lib/module/components/Advice/Advice.js +4 -6
- package/lib/module/components/Advice/Advice.js.map +1 -1
- package/lib/module/components/Advice/__test__/advice.test.js +1 -1
- package/lib/module/components/Advice/__test__/advice.test.js.map +1 -1
- package/lib/module/components/accordion/RawAccordion.js +1 -1
- package/lib/module/components/accordion/RawAccordion.js.map +1 -1
- package/lib/module/components/badge/__test__/badge.test.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +4 -5
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/IconButton.js +0 -2
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +122 -0
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -0
- package/lib/module/components/buttons/IconButtonSolid.js +100 -0
- package/lib/module/components/buttons/IconButtonSolid.js.map +1 -0
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
- package/lib/module/components/buttons/__test__/button.test.js +27 -0
- package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/module/components/buttons/index.js +4 -2
- package/lib/module/components/buttons/index.js.map +1 -1
- package/lib/module/components/checkbox/AnimatedCheckbox.js +3 -3
- package/lib/module/components/checkbox/AnimatedCheckbox.js.map +1 -1
- package/lib/module/components/icons/index.js +0 -1
- package/lib/module/components/icons/index.js.map +1 -1
- package/lib/module/components/index.js +13 -13
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/layout/GradientBottomActions.js +79 -0
- package/lib/module/components/layout/GradientBottomActions.js.map +1 -0
- package/lib/module/components/layout/GradientScrollView.js +100 -0
- package/lib/module/components/layout/GradientScrollView.js.map +1 -0
- package/lib/module/components/layout/HeaderFirstLevel.js +52 -0
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -0
- package/lib/module/components/layout/index.js +2 -0
- package/lib/module/components/layout/index.js.map +1 -0
- package/lib/module/components/listitems/ListItemCheckbox.js +126 -0
- package/lib/module/components/listitems/ListItemCheckbox.js.map +1 -0
- package/lib/module/components/listitems/ListItemInfo.js +3 -6
- package/lib/module/components/listitems/ListItemInfo.js.map +1 -1
- package/lib/module/components/listitems/ListItemInfoCopy.js +1 -4
- package/lib/module/components/listitems/ListItemInfoCopy.js.map +1 -1
- package/lib/module/components/listitems/ListItemRadio.js +127 -0
- package/lib/module/components/listitems/ListItemRadio.js.map +1 -0
- package/lib/module/components/listitems/ListItemSwitch.js +74 -0
- package/lib/module/components/listitems/ListItemSwitch.js.map +1 -0
- package/lib/module/components/listitems/ListItemTransaction.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
- package/lib/module/components/listitems/index.js +3 -0
- package/lib/module/components/listitems/index.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentExtMaestro.js +3 -19
- package/lib/module/components/logos/svg/LogoPaymentExtMaestro.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentExtMastercard.js +5 -21
- package/lib/module/components/logos/svg/LogoPaymentExtMastercard.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentExtPayPal.js +10 -29
- package/lib/module/components/logos/svg/LogoPaymentExtPayPal.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentMaestro.js +9 -19
- package/lib/module/components/logos/svg/LogoPaymentMaestro.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentMastercard.js +8 -18
- package/lib/module/components/logos/svg/LogoPaymentMastercard.js.map +1 -1
- package/lib/module/components/logos/svg/LogoPaymentPayPal.js +5 -5
- package/lib/module/components/logos/svg/LogoPaymentPayPal.js.map +1 -1
- package/lib/module/components/radio/AnimatedRadio.js +3 -3
- package/lib/module/components/radio/AnimatedRadio.js.map +1 -1
- package/lib/module/components/radio/RadioGroup.js +28 -0
- package/lib/module/components/radio/RadioGroup.js.map +1 -0
- package/lib/module/components/radio/index.js +1 -0
- package/lib/module/components/radio/index.js.map +1 -1
- package/lib/module/components/typography/H3.js +19 -47
- package/lib/module/components/typography/H3.js.map +1 -1
- package/lib/module/components/typography/Link.js +17 -23
- package/lib/module/components/typography/Link.js.map +1 -1
- package/lib/module/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
- package/lib/module/core/IOColors.js +1 -1
- package/lib/module/core/IOColors.js.map +1 -1
- package/lib/module/core/IOSpacing.js +1 -1
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/IOStyles.js +5 -0
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/json-import.d.js +2 -0
- package/lib/module/json-import.d.js.map +1 -0
- package/lib/typescript/components/Advice/Advice.d.ts +7 -3
- package/lib/typescript/components/Advice/Advice.d.ts.map +1 -1
- package/lib/typescript/components/accordion/RawAccordion.d.ts +2 -2
- package/lib/typescript/components/accordion/RawAccordion.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts +15 -0
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts +15 -0
- package/lib/typescript/components/buttons/IconButtonSolid.d.ts.map +1 -0
- package/lib/typescript/components/buttons/index.d.ts +4 -2
- package/lib/typescript/components/buttons/index.d.ts.map +1 -1
- package/lib/typescript/components/checkbox/AnimatedCheckbox.d.ts.map +1 -1
- package/lib/typescript/components/icons/index.d.ts +0 -1
- package/lib/typescript/components/icons/index.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +13 -13
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientBottomActions.d.ts +22 -0
- package/lib/typescript/components/layout/GradientBottomActions.d.ts.map +1 -0
- package/lib/typescript/components/layout/GradientScrollView.d.ts +14 -0
- package/lib/typescript/components/layout/GradientScrollView.d.ts.map +1 -0
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts +11 -0
- package/lib/typescript/components/layout/HeaderFirstLevel.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +2 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts +21 -0
- package/lib/typescript/components/listitems/ListItemCheckbox.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemInfo.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemInfoCopy.d.ts.map +1 -1
- package/lib/typescript/components/listitems/ListItemRadio.d.ts +22 -0
- package/lib/typescript/components/listitems/ListItemRadio.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts +18 -0
- package/lib/typescript/components/listitems/ListItemSwitch.d.ts.map +1 -0
- package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map +1 -1
- package/lib/typescript/components/listitems/index.d.ts +3 -0
- package/lib/typescript/components/listitems/index.d.ts.map +1 -1
- package/lib/typescript/components/logos/svg/LogoPaymentExtMaestro.d.ts.map +1 -1
- package/lib/typescript/components/logos/svg/LogoPaymentExtMastercard.d.ts +2 -2
- package/lib/typescript/components/logos/svg/LogoPaymentExtMastercard.d.ts.map +1 -1
- package/lib/typescript/components/logos/svg/LogoPaymentExtPayPal.d.ts.map +1 -1
- package/lib/typescript/components/logos/svg/LogoPaymentMaestro.d.ts.map +1 -1
- package/lib/typescript/components/logos/svg/LogoPaymentMastercard.d.ts.map +1 -1
- package/lib/typescript/components/radio/AnimatedRadio.d.ts.map +1 -1
- package/lib/typescript/components/radio/RadioGroup.d.ts +22 -0
- package/lib/typescript/components/radio/RadioGroup.d.ts.map +1 -0
- package/lib/typescript/components/radio/index.d.ts +1 -0
- package/lib/typescript/components/radio/index.d.ts.map +1 -1
- package/lib/typescript/components/typography/H3.d.ts +11 -30
- package/lib/typescript/components/typography/H3.d.ts.map +1 -1
- package/lib/typescript/components/typography/Link.d.ts +4 -4
- package/lib/typescript/components/typography/Link.d.ts.map +1 -1
- package/lib/typescript/core/IOColors.d.ts +2 -1
- package/lib/typescript/core/IOColors.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +1 -1
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +6 -2
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +9 -5
- package/src/components/Advice/Advice.tsx +19 -23
- package/src/components/Advice/__test__/advice.test.tsx +4 -2
- package/src/components/accordion/RawAccordion.tsx +6 -6
- package/src/components/badge/__test__/badge.test.tsx +4 -2
- package/src/components/buttons/ButtonLink.tsx +177 -177
- package/src/components/buttons/IconButton.tsx +9 -6
- package/src/components/buttons/IconButtonContained.tsx +201 -0
- package/src/components/buttons/IconButtonSolid.tsx +168 -0
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +370 -0
- package/src/components/buttons/__test__/button.test.tsx +59 -4
- package/src/components/buttons/index.tsx +5 -3
- package/src/components/checkbox/AnimatedCheckbox.tsx +6 -8
- package/src/components/icons/index.tsx +1 -2
- package/src/components/index.tsx +13 -13
- package/src/components/layout/GradientBottomActions.tsx +119 -0
- package/src/components/layout/GradientScrollView.tsx +167 -0
- package/src/components/layout/HeaderFirstLevel.tsx +76 -0
- package/src/components/layout/index.tsx +1 -0
- package/src/components/listitems/ListItemCheckbox.tsx +182 -0
- package/src/components/listitems/ListItemInfo.tsx +53 -58
- package/src/components/listitems/ListItemInfoCopy.tsx +122 -127
- package/src/components/listitems/ListItemRadio.tsx +185 -0
- package/src/components/listitems/ListItemSwitch.tsx +109 -0
- package/src/components/listitems/ListItemTransaction.tsx +154 -150
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +0 -14
- package/src/components/listitems/index.tsx +3 -0
- package/src/components/logos/svg/LogoPaymentExtMaestro.tsx +3 -20
- package/src/components/logos/svg/LogoPaymentExtMastercard.tsx +5 -22
- package/src/components/logos/svg/LogoPaymentExtPayPal.tsx +9 -31
- package/src/components/logos/svg/LogoPaymentMaestro.tsx +8 -6
- package/src/components/logos/svg/LogoPaymentMastercard.tsx +8 -6
- package/src/components/logos/svg/LogoPaymentPayPal.tsx +5 -5
- package/src/components/radio/AnimatedRadio.tsx +6 -8
- package/src/components/radio/RadioGroup.tsx +43 -0
- package/src/components/radio/index.tsx +1 -0
- package/src/components/typography/H3.tsx +25 -91
- package/src/components/typography/Link.tsx +23 -30
- package/src/components/typography/__test__/__snapshots__/typography.test.tsx.snap +50 -45
- package/src/core/IOColors.ts +2 -2
- package/src/core/IOSpacing.ts +2 -2
- package/src/core/IOStyles.ts +9 -0
- package/src/index.tsx +1 -0
- package/src/json-import.d.ts +13 -0
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ListItemCheckbox = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _core = require("../../core");
|
|
12
|
+
var _icons = require("../icons");
|
|
13
|
+
var _spacer = require("../spacer");
|
|
14
|
+
var _typography = require("../typography");
|
|
15
|
+
var _AnimatedCheckbox = require("../checkbox/AnimatedCheckbox");
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
19
|
+
const DISABLED_OPACITY = 0.5;
|
|
20
|
+
|
|
21
|
+
// disabled: the component is no longer touchable
|
|
22
|
+
// onPress:
|
|
23
|
+
/**
|
|
24
|
+
* with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
25
|
+
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
26
|
+
*
|
|
27
|
+
* @param props
|
|
28
|
+
* @constructor
|
|
29
|
+
*/
|
|
30
|
+
const ListItemCheckbox = _ref => {
|
|
31
|
+
var _IOScaleValues$basicB;
|
|
32
|
+
let {
|
|
33
|
+
value,
|
|
34
|
+
description,
|
|
35
|
+
icon,
|
|
36
|
+
selected,
|
|
37
|
+
disabled,
|
|
38
|
+
onValueChange
|
|
39
|
+
} = _ref;
|
|
40
|
+
const [toggleValue, setToggleValue] = (0, React.useState)(selected ?? false);
|
|
41
|
+
// Animations
|
|
42
|
+
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
43
|
+
|
|
44
|
+
// Scaling transformation applied when the button is pressed
|
|
45
|
+
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
46
|
+
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
47
|
+
|
|
48
|
+
// Theme
|
|
49
|
+
const theme = (0, _core.useIOTheme)();
|
|
50
|
+
const mapBackgroundStates = {
|
|
51
|
+
default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
|
|
52
|
+
pressed: _core.IOColors[theme["listItem-pressed"]]
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
// Interpolate animation values from `isPressed` values
|
|
56
|
+
const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
57
|
+
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
58
|
+
return {
|
|
59
|
+
transform: [{
|
|
60
|
+
scale
|
|
61
|
+
}]
|
|
62
|
+
};
|
|
63
|
+
});
|
|
64
|
+
const handlePressIn = (0, React.useCallback)(() => {
|
|
65
|
+
// eslint-disable-next-line functional/immutable-data
|
|
66
|
+
isPressed.value = 1;
|
|
67
|
+
}, [isPressed]);
|
|
68
|
+
const handlePressOut = (0, React.useCallback)(() => {
|
|
69
|
+
// eslint-disable-next-line functional/immutable-data
|
|
70
|
+
isPressed.value = 0;
|
|
71
|
+
}, [isPressed]);
|
|
72
|
+
const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
73
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
|
|
74
|
+
return {
|
|
75
|
+
backgroundColor
|
|
76
|
+
};
|
|
77
|
+
});
|
|
78
|
+
const toggleCheckbox = () => {
|
|
79
|
+
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
80
|
+
setToggleValue(!toggleValue);
|
|
81
|
+
if (onValueChange !== undefined) {
|
|
82
|
+
onValueChange(!toggleValue);
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
86
|
+
onPress: toggleCheckbox,
|
|
87
|
+
onPressIn: handlePressIn,
|
|
88
|
+
onPressOut: handlePressOut,
|
|
89
|
+
onTouchEnd: handlePressOut,
|
|
90
|
+
testID: "ListItemCheckbox",
|
|
91
|
+
disabled: disabled
|
|
92
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
93
|
+
style: [_core.IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
|
|
94
|
+
opacity: disabled ? DISABLED_OPACITY : 1
|
|
95
|
+
}]
|
|
96
|
+
// This is required to avoid opacity
|
|
97
|
+
// inheritance on Android
|
|
98
|
+
,
|
|
99
|
+
needsOffscreenAlphaCompositing: true
|
|
100
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
101
|
+
style: animatedScaleStyle
|
|
102
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
103
|
+
style: _core.IOSelectionListItemStyles.listItemInner
|
|
104
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
105
|
+
style: [_core.IOStyles.row, {
|
|
106
|
+
flexShrink: 1
|
|
107
|
+
}]
|
|
108
|
+
}, icon && /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
109
|
+
style: {
|
|
110
|
+
marginRight: _core.IOSelectionListItemVisualParams.iconMargin
|
|
111
|
+
}
|
|
112
|
+
}, /*#__PURE__*/React.createElement(_icons.Icon, {
|
|
113
|
+
name: icon,
|
|
114
|
+
color: "grey-300",
|
|
115
|
+
size: _core.IOSelectionListItemVisualParams.iconSize
|
|
116
|
+
})), /*#__PURE__*/React.createElement(_typography.H6, {
|
|
117
|
+
color: "black",
|
|
118
|
+
style: {
|
|
119
|
+
flexShrink: 1
|
|
120
|
+
}
|
|
121
|
+
}, value)), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
122
|
+
size: 8
|
|
123
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
124
|
+
pointerEvents: "none"
|
|
125
|
+
}, /*#__PURE__*/React.createElement(_AnimatedCheckbox.AnimatedCheckbox, {
|
|
126
|
+
checked: selected ?? toggleValue
|
|
127
|
+
}))), description && /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
128
|
+
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
129
|
+
}), /*#__PURE__*/React.createElement(_typography.LabelSmall, {
|
|
130
|
+
weight: "Regular",
|
|
131
|
+
color: theme["textBody-tertiary"]
|
|
132
|
+
}, description)))));
|
|
133
|
+
};
|
|
134
|
+
exports.ListItemCheckbox = ListItemCheckbox;
|
|
135
|
+
//# sourceMappingURL=ListItemCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_icons","_spacer","_typography","_AnimatedCheckbox","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ListItemCheckbox","_ref","_IOScaleValues$basicB","value","description","icon","selected","disabled","onValueChange","toggleValue","setToggleValue","useState","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","theme","useIOTheme","mapBackgroundStates","hexToRgba","IOColors","pressed","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","handlePressIn","useCallback","handlePressOut","animatedBackgroundStyle","backgroundColor","interpolateColor","toggleCheckbox","ReactNativeHapticFeedback","trigger","undefined","createElement","Pressable","onPress","onPressIn","onPressOut","onTouchEnd","testID","View","style","IOSelectionListItemStyles","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","IOStyles","row","flexShrink","marginRight","IOSelectionListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","H6","HSpacer","pointerEvents","AnimatedCheckbox","checked","VSpacer","descriptionMargin","LabelSmall","weight","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemCheckbox.tsx"],"mappings":"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"}
|
|
@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _core = require("../../core");
|
|
10
10
|
var _icons = require("../icons");
|
|
11
|
-
var _Spacer = require("../spacer/Spacer");
|
|
12
11
|
var _typography = require("../typography");
|
|
13
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
13
|
const ListItemInfo = _ref => {
|
|
@@ -31,7 +30,7 @@ const ListItemInfo = _ref => {
|
|
|
31
30
|
style: _core.IOListItemStyles.listItemInner
|
|
32
31
|
}, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
33
32
|
style: {
|
|
34
|
-
marginRight: _core.IOListItemVisualParams.
|
|
33
|
+
marginRight: _core.IOListItemVisualParams.actionMargin
|
|
35
34
|
}
|
|
36
35
|
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
37
36
|
name: icon,
|
|
@@ -42,14 +41,12 @@ const ListItemInfo = _ref => {
|
|
|
42
41
|
}, /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
43
42
|
weight: "Regular",
|
|
44
43
|
color: theme["textBody-tertiary"]
|
|
45
|
-
}, label), /*#__PURE__*/_react.default.createElement(
|
|
46
|
-
size: 4
|
|
47
|
-
}), /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
44
|
+
}, label), /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
48
45
|
color: theme["textBody-default"],
|
|
49
46
|
numberOfLines: numberOfLines
|
|
50
47
|
}, value)), action && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
51
48
|
style: {
|
|
52
|
-
marginLeft: _core.IOListItemVisualParams.
|
|
49
|
+
marginLeft: _core.IOListItemVisualParams.actionMargin
|
|
53
50
|
}
|
|
54
51
|
}, action)));
|
|
55
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","_typography","obj","__esModule","default","ListItemInfo","_ref","label","value","numberOfLines","icon","action","accessibilityLabel","testID","theme","useIOTheme","createElement","View","style","IOListItemStyles","listItem","accessible","listItemInner","marginRight","IOListItemVisualParams","actionMargin","Icon","name","color","size","iconSize","IOStyles","flex","LabelSmall","weight","H6","marginLeft","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfo.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAOA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA+C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAcxC,MAAMG,YAAY,GAAGC,IAAA,IAQR;EAAA,IARS;IAC3BC,KAAK;IACLC,KAAK;IACLC,aAAa,GAAG,CAAC;IACjBC,IAAI;IACJC,MAAM;IACNC,kBAAkB;IAClBC;EACY,CAAC,GAAAP,IAAA;EACb,MAAMQ,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,oBACEpB,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IACHC,KAAK,EAAEC,sBAAgB,CAACC,QAAS;IACjCP,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE,IAAK;IACjBT,kBAAkB,EAAEA;EAAmB,gBAEvCjB,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEC,sBAAgB,CAACG;EAAc,GACzCZ,IAAI,iBACHf,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEK,WAAW,EAAEC,4BAAsB,CAACC;IAAa;EAAE,gBAChE9B,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAChB,MAAA,CAAA0B,IAAI;IACHC,IAAI,EAAEjB,IAAK;IACXkB,KAAK,EAAC,UAAU;IAChBC,IAAI,EAAEL,4BAAsB,CAACM;EAAS,CACvC,CACG,CACP,eACDnC,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEa,cAAQ,CAACC;EAAK,gBACzBrC,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAACf,WAAA,CAAAgC,UAAU;IAACC,MAAM,EAAC,SAAS;IAACN,KAAK,EAAEd,KAAK,CAAC,mBAAmB;EAAE,GAC5DP,KACS,CAAC,eACbZ,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAACf,WAAA,CAAAkC,EAAE;IAACP,KAAK,EAAEd,KAAK,CAAC,kBAAkB,CAAE;IAACL,aAAa,EAAEA;EAAc,GAChED,KACC,CACA,CAAC,EACNG,MAAM,iBACLhB,MAAA,CAAAS,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE;MAAEkB,UAAU,EAAEZ,4BAAsB,CAACC;IAAa;EAAE,GAC9Dd,MACG,CAEJ,CACF,CAAC;AAEX,CAAC;AAAC0B,OAAA,CAAAhC,YAAA,GAAAA,YAAA;AAAA,IAAAiC,QAAA,GAEajC,YAAY;AAAAgC,OAAA,CAAAjC,OAAA,GAAAkC,QAAA"}
|
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
11
|
var _icons = require("../icons");
|
|
12
|
-
var _Spacer = require("../spacer/Spacer");
|
|
13
12
|
var _typography = require("../typography");
|
|
14
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); }
|
|
15
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; }
|
|
@@ -83,9 +82,7 @@ const ListItemInfoCopy = _ref => {
|
|
|
83
82
|
}, /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
84
83
|
weight: "Regular",
|
|
85
84
|
color: theme["textBody-tertiary"]
|
|
86
|
-
}, label), /*#__PURE__*/_react.default.createElement(
|
|
87
|
-
size: 4
|
|
88
|
-
}), typeof value === "string" ? /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
85
|
+
}, label), typeof value === "string" ? /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
89
86
|
color: theme["interactiveElem-default"],
|
|
90
87
|
numberOfLines: numberOfLines
|
|
91
88
|
}, value) : {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemInfoCopy","_ref","_IOScaleValues$basicB","label","value","numberOfLines","onPress","icon","accessibilityLabel","testID","isPressed","useSharedValue","theme","useIOTheme","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","createElement","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","IOStyles","flex","LabelSmall","weight","H6","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemInfoCopy.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ListItemRadio = void 0;
|
|
7
|
+
var React = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeHapticFeedback = _interopRequireDefault(require("react-native-haptic-feedback"));
|
|
10
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
|
+
var _core = require("../../core");
|
|
12
|
+
var _icons = require("../icons");
|
|
13
|
+
var _spacer = require("../spacer");
|
|
14
|
+
var _typography = require("../typography");
|
|
15
|
+
var _AnimatedRadio = require("../radio/AnimatedRadio");
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
19
|
+
const DISABLED_OPACITY = 0.5;
|
|
20
|
+
|
|
21
|
+
// disabled: the component is no longer touchable
|
|
22
|
+
// onPress:
|
|
23
|
+
/**
|
|
24
|
+
* with the automatic state management that uses a {@link AnimatedCheckBox}
|
|
25
|
+
* The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
|
|
26
|
+
*
|
|
27
|
+
* @param props
|
|
28
|
+
* @constructor
|
|
29
|
+
*/
|
|
30
|
+
const ListItemRadio = _ref => {
|
|
31
|
+
var _IOScaleValues$basicB;
|
|
32
|
+
let {
|
|
33
|
+
value,
|
|
34
|
+
description,
|
|
35
|
+
icon,
|
|
36
|
+
selected,
|
|
37
|
+
disabled,
|
|
38
|
+
onValueChange,
|
|
39
|
+
testID
|
|
40
|
+
} = _ref;
|
|
41
|
+
const [toggleValue, setToggleValue] = (0, React.useState)(selected ?? false);
|
|
42
|
+
// Animations
|
|
43
|
+
const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
44
|
+
|
|
45
|
+
// Scaling transformation applied when the button is pressed
|
|
46
|
+
const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
|
|
47
|
+
const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
|
|
48
|
+
|
|
49
|
+
// Theme
|
|
50
|
+
const theme = (0, _core.useIOTheme)();
|
|
51
|
+
const mapBackgroundStates = {
|
|
52
|
+
default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
|
|
53
|
+
pressed: _core.IOColors[theme["listItem-pressed"]]
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
// Interpolate animation values from `isPressed` values
|
|
57
|
+
const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
58
|
+
const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
59
|
+
return {
|
|
60
|
+
transform: [{
|
|
61
|
+
scale
|
|
62
|
+
}]
|
|
63
|
+
};
|
|
64
|
+
});
|
|
65
|
+
const handlePressIn = (0, React.useCallback)(() => {
|
|
66
|
+
// eslint-disable-next-line functional/immutable-data
|
|
67
|
+
isPressed.value = 1;
|
|
68
|
+
}, [isPressed]);
|
|
69
|
+
const handlePressOut = (0, React.useCallback)(() => {
|
|
70
|
+
// eslint-disable-next-line functional/immutable-data
|
|
71
|
+
isPressed.value = 0;
|
|
72
|
+
}, [isPressed]);
|
|
73
|
+
const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
74
|
+
const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
|
|
75
|
+
return {
|
|
76
|
+
backgroundColor
|
|
77
|
+
};
|
|
78
|
+
});
|
|
79
|
+
const toggleRadioItem = () => {
|
|
80
|
+
_reactNativeHapticFeedback.default.trigger("impactLight");
|
|
81
|
+
setToggleValue(!toggleValue);
|
|
82
|
+
if (onValueChange !== undefined) {
|
|
83
|
+
onValueChange(!toggleValue);
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
|
|
87
|
+
onPress: toggleRadioItem,
|
|
88
|
+
onPressIn: handlePressIn,
|
|
89
|
+
onPressOut: handlePressOut,
|
|
90
|
+
onTouchEnd: handlePressOut,
|
|
91
|
+
testID: testID,
|
|
92
|
+
disabled: disabled
|
|
93
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
94
|
+
style: [_core.IOSelectionListItemStyles.listItem, animatedBackgroundStyle, {
|
|
95
|
+
opacity: disabled ? DISABLED_OPACITY : 1
|
|
96
|
+
}]
|
|
97
|
+
// This is required to avoid opacity
|
|
98
|
+
// inheritance on Android
|
|
99
|
+
,
|
|
100
|
+
needsOffscreenAlphaCompositing: true
|
|
101
|
+
}, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
|
|
102
|
+
style: animatedScaleStyle
|
|
103
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
104
|
+
style: _core.IOSelectionListItemStyles.listItemInner
|
|
105
|
+
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
106
|
+
style: [_core.IOStyles.row, {
|
|
107
|
+
flexShrink: 1
|
|
108
|
+
}]
|
|
109
|
+
}, icon && /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
110
|
+
style: {
|
|
111
|
+
marginRight: _core.IOSelectionListItemVisualParams.iconMargin
|
|
112
|
+
}
|
|
113
|
+
}, /*#__PURE__*/React.createElement(_icons.Icon, {
|
|
114
|
+
name: icon,
|
|
115
|
+
color: "grey-300",
|
|
116
|
+
size: _core.IOSelectionListItemVisualParams.iconSize
|
|
117
|
+
})), /*#__PURE__*/React.createElement(_typography.H6, {
|
|
118
|
+
color: "black",
|
|
119
|
+
style: {
|
|
120
|
+
flexShrink: 1
|
|
121
|
+
}
|
|
122
|
+
}, value)), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
123
|
+
size: 8
|
|
124
|
+
}), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
125
|
+
pointerEvents: "none"
|
|
126
|
+
}, /*#__PURE__*/React.createElement(_AnimatedRadio.AnimatedRadio, {
|
|
127
|
+
checked: selected ?? toggleValue
|
|
128
|
+
}))), description && /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_spacer.VSpacer, {
|
|
129
|
+
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
130
|
+
}), /*#__PURE__*/React.createElement(_typography.LabelSmall, {
|
|
131
|
+
weight: "Regular",
|
|
132
|
+
color: theme["textBody-tertiary"]
|
|
133
|
+
}, description)))));
|
|
134
|
+
};
|
|
135
|
+
exports.ListItemRadio = ListItemRadio;
|
|
136
|
+
//# sourceMappingURL=ListItemRadio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_icons","_spacer","_typography","_AnimatedRadio","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","ListItemRadio","_ref","_IOScaleValues$basicB","value","description","icon","selected","disabled","onValueChange","testID","toggleValue","setToggleValue","useState","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","theme","useIOTheme","mapBackgroundStates","hexToRgba","IOColors","pressed","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","handlePressIn","useCallback","handlePressOut","animatedBackgroundStyle","backgroundColor","interpolateColor","toggleRadioItem","ReactNativeHapticFeedback","trigger","undefined","createElement","Pressable","onPress","onPressIn","onPressOut","onTouchEnd","View","style","IOSelectionListItemStyles","listItem","opacity","needsOffscreenAlphaCompositing","listItemInner","IOStyles","row","flexShrink","marginRight","IOSelectionListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","H6","HSpacer","pointerEvents","AnimatedRadio","checked","VSpacer","descriptionMargin","LabelSmall","weight","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemRadio.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ListItemSwitch = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _core = require("../../core");
|
|
10
|
+
var _icons = require("../icons");
|
|
11
|
+
var _spacer = require("../spacer");
|
|
12
|
+
var _typography = require("../typography");
|
|
13
|
+
var _NativeSwitch = require("../switch/NativeSwitch");
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
const DISABLED_OPACITY = 0.5;
|
|
16
|
+
const ListItemSwitch = /*#__PURE__*/_react.default.memo(_ref => {
|
|
17
|
+
let {
|
|
18
|
+
label,
|
|
19
|
+
description,
|
|
20
|
+
icon,
|
|
21
|
+
value,
|
|
22
|
+
disabled,
|
|
23
|
+
action,
|
|
24
|
+
onSwitchValueChange
|
|
25
|
+
} = _ref;
|
|
26
|
+
const theme = (0, _core.useIOTheme)();
|
|
27
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
28
|
+
testID: "ListItemSwitch",
|
|
29
|
+
style: [_core.IOSelectionListItemStyles.listItem, {
|
|
30
|
+
opacity: disabled ? DISABLED_OPACITY : 1
|
|
31
|
+
}],
|
|
32
|
+
pointerEvents: disabled ? "none" : "auto",
|
|
33
|
+
needsOffscreenAlphaCompositing: true
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
35
|
+
style: [_core.IOSelectionListItemStyles.listItemInner, {
|
|
36
|
+
alignItems: "center"
|
|
37
|
+
}]
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
39
|
+
style: {
|
|
40
|
+
flexShrink: 1
|
|
41
|
+
}
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
43
|
+
style: [_core.IOStyles.row, {
|
|
44
|
+
flexShrink: 1
|
|
45
|
+
}]
|
|
46
|
+
}, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
47
|
+
style: {
|
|
48
|
+
marginRight: _core.IOSelectionListItemVisualParams.iconMargin
|
|
49
|
+
}
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
|
|
51
|
+
name: icon,
|
|
52
|
+
color: "grey-300",
|
|
53
|
+
size: _core.IOSelectionListItemVisualParams.iconSize
|
|
54
|
+
})), /*#__PURE__*/_react.default.createElement(_typography.H6, {
|
|
55
|
+
color: "black",
|
|
56
|
+
style: {
|
|
57
|
+
flexShrink: 1
|
|
58
|
+
}
|
|
59
|
+
}, label)), description && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
60
|
+
size: _core.IOSelectionListItemVisualParams.descriptionMargin
|
|
61
|
+
}), /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
|
|
62
|
+
weight: "Regular",
|
|
63
|
+
color: theme["textBody-tertiary"]
|
|
64
|
+
}, description)), action && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
|
|
65
|
+
size: _core.IOSelectionListItemVisualParams.actionMargin
|
|
66
|
+
}), /*#__PURE__*/_react.default.createElement(_typography.Link, {
|
|
67
|
+
fontSize: "small",
|
|
68
|
+
onPress: action.onPress
|
|
69
|
+
}, action.label))), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
70
|
+
size: 8
|
|
71
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
72
|
+
style: {
|
|
73
|
+
flexShrink: 0,
|
|
74
|
+
alignSelf: "flex-start"
|
|
75
|
+
}
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_NativeSwitch.NativeSwitch, {
|
|
77
|
+
value: value,
|
|
78
|
+
onValueChange: onSwitchValueChange
|
|
79
|
+
}))));
|
|
80
|
+
});
|
|
81
|
+
exports.ListItemSwitch = ListItemSwitch;
|
|
82
|
+
//# sourceMappingURL=ListItemSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_icons","_spacer","_typography","_NativeSwitch","obj","__esModule","default","DISABLED_OPACITY","ListItemSwitch","React","memo","_ref","label","description","icon","value","disabled","action","onSwitchValueChange","theme","useIOTheme","createElement","View","testID","style","IOSelectionListItemStyles","listItem","opacity","pointerEvents","needsOffscreenAlphaCompositing","listItemInner","alignItems","flexShrink","IOStyles","row","marginRight","IOSelectionListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","H6","Fragment","VSpacer","descriptionMargin","LabelSmall","weight","actionMargin","Link","fontSize","onPress","HSpacer","alignSelf","NativeSwitch","onValueChange","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemSwitch.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_i18nJs","_interopRequireDefault","_react","_reactNative","_rnPlaceholder","_core","_Avatar","_Badge","_icons","_logos","_spacer","_typography","_PressableListItemsBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","Avatar","shape","size","logoUri","View","style","width","IOVisualCostants","avatarSizeSmall","height","alignItems","justifyContent","LogoPayment","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","useIOTheme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","H6","color","Badge","variant","text","I18n","t","Fragment","marginRight","IOListItemVisualParams","iconMargin","IOStyles","flex","LabelSmall","weight","VSpacer","Styles","rightSection","Icon","chevronSize","pipe","fromNullable","fold","IOListItemStyles","listItem","accessible","listItemInner","PressableListItemBase","exports","Box","animate","radius","marginLeft","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":";;;;;;AAAA,IAAAA,CAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;
|
|
1
|
+
{"version":3,"names":["O","_interopRequireWildcard","require","_function","_i18nJs","_interopRequireDefault","_react","_reactNative","_rnPlaceholder","_core","_Avatar","_Badge","_icons","_logos","_spacer","_typography","_PressableListItemsBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","Avatar","shape","size","logoUri","View","style","width","IOVisualCostants","avatarSizeSmall","height","alignItems","justifyContent","LogoPayment","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","useIOTheme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","H6","color","Badge","variant","text","I18n","t","Fragment","marginRight","IOListItemVisualParams","iconMargin","IOStyles","flex","LabelSmall","weight","VSpacer","Styles","rightSection","Icon","chevronSize","pipe","fromNullable","fold","IOListItemStyles","listItem","accessible","listItemInner","PressableListItemBase","exports","Box","animate","radius","marginLeft","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
|
|
@@ -246,13 +246,6 @@ exports[`Test List Item Components ListItemInfo Snapshot 1`] = `
|
|
|
246
246
|
>
|
|
247
247
|
label
|
|
248
248
|
</Text>
|
|
249
|
-
<View
|
|
250
|
-
style={
|
|
251
|
-
{
|
|
252
|
-
"height": 4,
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
/>
|
|
256
249
|
<Text
|
|
257
250
|
color="black"
|
|
258
251
|
defaultColor="black"
|
|
@@ -388,13 +381,6 @@ exports[`Test List Item Components ListItemInfoCopy Snapshot 1`] = `
|
|
|
388
381
|
>
|
|
389
382
|
label
|
|
390
383
|
</Text>
|
|
391
|
-
<View
|
|
392
|
-
style={
|
|
393
|
-
{
|
|
394
|
-
"height": 4,
|
|
395
|
-
}
|
|
396
|
-
}
|
|
397
|
-
/>
|
|
398
384
|
<Text
|
|
399
385
|
color="blueIO-500"
|
|
400
386
|
defaultColor="black"
|
|
@@ -91,4 +91,37 @@ Object.keys(_PressableListItemsBase).forEach(function (key) {
|
|
|
91
91
|
}
|
|
92
92
|
});
|
|
93
93
|
});
|
|
94
|
+
var _ListItemSwitch = require("./ListItemSwitch");
|
|
95
|
+
Object.keys(_ListItemSwitch).forEach(function (key) {
|
|
96
|
+
if (key === "default" || key === "__esModule") return;
|
|
97
|
+
if (key in exports && exports[key] === _ListItemSwitch[key]) return;
|
|
98
|
+
Object.defineProperty(exports, key, {
|
|
99
|
+
enumerable: true,
|
|
100
|
+
get: function () {
|
|
101
|
+
return _ListItemSwitch[key];
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
var _ListItemCheckbox = require("./ListItemCheckbox");
|
|
106
|
+
Object.keys(_ListItemCheckbox).forEach(function (key) {
|
|
107
|
+
if (key === "default" || key === "__esModule") return;
|
|
108
|
+
if (key in exports && exports[key] === _ListItemCheckbox[key]) return;
|
|
109
|
+
Object.defineProperty(exports, key, {
|
|
110
|
+
enumerable: true,
|
|
111
|
+
get: function () {
|
|
112
|
+
return _ListItemCheckbox[key];
|
|
113
|
+
}
|
|
114
|
+
});
|
|
115
|
+
});
|
|
116
|
+
var _ListItemRadio = require("./ListItemRadio");
|
|
117
|
+
Object.keys(_ListItemRadio).forEach(function (key) {
|
|
118
|
+
if (key === "default" || key === "__esModule") return;
|
|
119
|
+
if (key in exports && exports[key] === _ListItemRadio[key]) return;
|
|
120
|
+
Object.defineProperty(exports, key, {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _ListItemRadio[key];
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
});
|
|
94
127
|
//# sourceMappingURL=index.js.map
|