@pagopa/io-app-design-system 1.0.0-0

package/lib/commonjs/components/buttons/ButtonOutline.js

@@ -0,0 +1,218 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ButtonOutline = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core/");
+var _fonts = require("../../utils/fonts");
+var _icons = require("../icons");
+var _Spacer = require("../spacer/Spacer");
+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); }
+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; }
+const mapColorStates = {
+  // Primary button
+  primary: {
+    border: {
+      default: _core.IOColors["blueIO-500"],
+      pressed: _core.IOColors["blueIO-600"],
+      disabled: _core.IOColors["grey-200"]
+    },
+    background: {
+      default: (0, _core.hexToRgba)(_core.IOColors["blueIO-50"], 0),
+      pressed: (0, _core.hexToRgba)(_core.IOColors["blueIO-50"], 1),
+      disabled: "transparent"
+    },
+    label: {
+      default: _core.IOColors["blueIO-500"],
+      pressed: _core.IOColors["blueIO-600"],
+      disabled: _core.IOColors["grey-700"]
+    }
+  },
+  // Neutral button
+  neutral: {
+    border: {
+      default: _core.IOColors.grey,
+      pressed: _core.IOColors.bluegrey,
+      disabled: _core.IOColors.bluegreyLight
+    },
+    background: {
+      default: _core.IOColors.white,
+      pressed: _core.IOColors.greyUltraLight,
+      disabled: "transparent"
+    },
+    label: {
+      default: _core.IOColors.bluegrey,
+      pressed: _core.IOColors.bluegreyDark,
+      disabled: _core.IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    border: {
+      default: _core.IOColors.white,
+      pressed: _core.IOColors.white,
+      disabled: _core.IOColors["blueIO-200"]
+    },
+    background: {
+      default: (0, _core.hexToRgba)(_core.IOColors["blueIO-600"], 0),
+      pressed: _core.IOColors["blueIO-600"],
+      disabled: "transparent"
+    },
+    label: {
+      default: _core.IOColors.white,
+      pressed: _core.IOColors.white,
+      disabled: _core.IOColors["blueIO-200"]
+    }
+  },
+  // Danger button
+  danger: {
+    border: {
+      default: _core.IOColors.red,
+      pressed: _core.IOColors.red,
+      disabled: _core.IOColors.bluegreyLight
+    },
+    background: {
+      default: (0, _core.hexToRgba)(_core.IOColors.red, 0),
+      pressed: (0, _core.hexToRgba)(_core.IOColors.red, 0.15),
+      disabled: "transparent"
+    },
+    label: {
+      default: _core.IOColors.red,
+      pressed: _core.IOColors.red,
+      disabled: _core.IOColors.grey
+    }
+  }
+};
+const DISABLED_OPACITY = 0.5;
+const IOButtonStylesLocal = _reactNative.StyleSheet.create({
+  label: {
+    ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
+  },
+  buttonWithBorder: {
+    borderWidth: 2
+  }
+});
+const ButtonOutline = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    color = "primary",
+    label,
+    small = false,
+    fullWidth = false,
+    disabled = false,
+    icon,
+    iconPosition = "start",
+    onPress,
+    accessibilityLabel,
+    accessibilityHint,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Scaling transformation applied when the button is pressed
+  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;
+
+  // Using a spring-based animation for our interpolations
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Link color states to the pressed states
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].background.default, mapColorStates[color].background.pressed]);
+    const borderColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.pressed]);
+
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      borderColor,
+      backgroundColor,
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const pressedColorLabelAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Link color states to the pressed states
+
+    const labelColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].border.default, mapColorStates[color].border.pressed]);
+    return {
+      color: labelColor
+    };
+  });
+
+  // Animate the <Icon> color prop
+  const pressedColorIconAnimationStyle = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    const iconColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].label.default, mapColorStates[color].label.pressed]);
+    return {
+      color: iconColor
+    };
+  });
+  const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
+  const onPressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const onPressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  const Button = () => {
+    var _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4, _mapColorStates$color5, _mapColorStates$color6, _mapColorStates$color7, _mapColorStates$color8, _mapColorStates$color9, _mapColorStates$color10, _mapColorStates$color11, _mapColorStates$color12, _mapColorStates$color13, _mapColorStates$color14, _mapColorStates$color15;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: "button",
+      testID: testID,
+      onPress: onPress,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      accessible: true,
+      disabled: disabled,
+      style: !fullWidth ? _core.IOButtonStyles.dimensionsDefault : {}
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+      style: [_core.IOButtonStyles.button, IOButtonStylesLocal.buttonWithBorder, iconPosition === "end" && {
+        flexDirection: "row-reverse"
+      }, small ? _core.IOButtonStyles.buttonSizeSmall : _core.IOButtonStyles.buttonSizeDefault, disabled ? {
+        backgroundColor: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 ? void 0 : (_mapColorStates$color2 = _mapColorStates$color.background) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled,
+        borderColor: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 ? void 0 : (_mapColorStates$color4 = _mapColorStates$color3.border) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.disabled,
+        opacity: DISABLED_OPACITY
+      } : {
+        backgroundColor: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 ? void 0 : (_mapColorStates$color6 = _mapColorStates$color5.background) === null || _mapColorStates$color6 === void 0 ? void 0 : _mapColorStates$color6.default,
+        borderColor: (_mapColorStates$color7 = mapColorStates[color]) === null || _mapColorStates$color7 === void 0 ? void 0 : _mapColorStates$color7.border.default
+      },
+      /* Prevent Reanimated from overriding background colors
+      if button is disabled */
+      !disabled && pressedAnimationStyle]
+    }, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
+      name: icon,
+      animatedProps: pressedColorIconAnimationStyle,
+      color: (_mapColorStates$color8 = mapColorStates[color]) === null || _mapColorStates$color8 === void 0 ? void 0 : (_mapColorStates$color9 = _mapColorStates$color8.label) === null || _mapColorStates$color9 === void 0 ? void 0 : _mapColorStates$color9.default
+    }) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
+      name: icon,
+      color: (_mapColorStates$color10 = mapColorStates[color]) === null || _mapColorStates$color10 === void 0 ? void 0 : (_mapColorStates$color11 = _mapColorStates$color10.label) === null || _mapColorStates$color11 === void 0 ? void 0 : _mapColorStates$color11.disabled
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.HSpacer, {
+      size: 8
+    })), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.Text, {
+      style: [IOButtonStylesLocal.label, _core.IOButtonStyles.label, small ? _core.IOButtonStyles.labelSizeSmall : _core.IOButtonStyles.labelSizeDefault, disabled ? {
+        color: (_mapColorStates$color12 = mapColorStates[color]) === null || _mapColorStates$color12 === void 0 ? void 0 : (_mapColorStates$color13 = _mapColorStates$color12.label) === null || _mapColorStates$color13 === void 0 ? void 0 : _mapColorStates$color13.disabled
+      } : {
+        color: (_mapColorStates$color14 = mapColorStates[color]) === null || _mapColorStates$color14 === void 0 ? void 0 : (_mapColorStates$color15 = _mapColorStates$color14.label) === null || _mapColorStates$color15 === void 0 ? void 0 : _mapColorStates$color15.default
+      }, !disabled && pressedColorLabelAnimationStyle],
+      numberOfLines: 1,
+      ellipsizeMode: "tail"
+      /* A11y-related props:
+      DON'T UNCOMMENT THEM */
+      /* allowFontScaling
+      maxFontSizeMultiplier={1.3} */
+    }, label)));
+  };
+  return /*#__PURE__*/_react.default.createElement(Button, null);
+};
+exports.ButtonOutline = ButtonOutline;
+var _default = ButtonOutline;
+exports.default = _default;
+//# sourceMappingURL=ButtonOutline.js.map

package/lib/commonjs/components/buttons/ButtonOutline.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_icons","_Spacer","_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","neutral","grey","bluegrey","bluegreyLight","white","greyUltraLight","bluegreyDark","contrast","danger","red","DISABLED_OPACITY","IOButtonStylesLocal","StyleSheet","create","makeFontStyleObject","buttonWithBorder","borderWidth","ButtonOutline","_ref","_IOScaleValues$basicB","color","small","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","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","Animated","createAnimatedComponent","IconClassComponent","onPressIn","useCallback","onPressOut","Button","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","_mapColorStates$color5","_mapColorStates$color6","_mapColorStates$color7","_mapColorStates$color8","_mapColorStates$color9","_mapColorStates$color10","_mapColorStates$color11","_mapColorStates$color12","_mapColorStates$color13","_mapColorStates$color14","_mapColorStates$color15","createElement","Pressable","accessibilityRole","accessible","style","IOButtonStyles","dimensionsDefault","View","flexDirection","buttonSizeSmall","buttonSizeDefault","opacity","Fragment","name","animatedProps","AnimatedIcon","HSpacer","size","Text","labelSizeSmall","labelSizeDefault","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonOutline.tsx"],"mappings":"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"}

package/lib/commonjs/components/buttons/ButtonSolid.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ButtonSolid = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _IOAnimations = require("../../core/IOAnimations");
+var _IOColors = require("../../core/IOColors");
+var _IOStyles = require("../../core/IOStyles");
+var _icons = require("../icons");
+var _Spacer = require("../spacer/Spacer");
+var _BaseTypography = require("../typography/BaseTypography");
+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); }
+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; }
+const colorPrimaryButtonDisabled = "grey-200";
+const DISABLED_OPACITY = 0.5;
+const styles = _reactNative.StyleSheet.create({
+  backgroundDisabled: {
+    backgroundColor: _IOColors.IOColors[colorPrimaryButtonDisabled],
+    opacity: DISABLED_OPACITY
+  }
+});
+const mapColorStates = {
+  // Primary button
+  primary: {
+    default: _IOColors.IOColors["blueIO-500"],
+    pressed: _IOColors.IOColors["blueIO-600"],
+    label: {
+      default: "white",
+      disabled: "grey-700"
+    }
+  },
+  // Danger button
+  danger: {
+    default: _IOColors.IOColors["error-850"],
+    pressed: _IOColors.IOColors["error-600"],
+    label: {
+      default: "white",
+      disabled: "grey-700"
+    }
+  },
+  // Contrast button
+  contrast: {
+    default: _IOColors.IOColors.white,
+    pressed: _IOColors.IOColors["blueIO-50"],
+    label: {
+      default: "blueIO-500",
+      disabled: "grey-700"
+    }
+  }
+};
+const ButtonSolid = /*#__PURE__*/_react.default.memo(_ref => {
+  var _IOScaleValues$basicB, _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
+  let {
+    color = "primary",
+    label,
+    small = false,
+    fullWidth = false,
+    disabled = false,
+    icon,
+    iconPosition = "start",
+    onPress,
+    accessibilityLabel,
+    accessibilityHint,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _IOAnimations.IOScaleValues === null || _IOAnimations.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = _IOAnimations.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+
+  // Using a spring-based animation for our interpolations
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _IOAnimations.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Link color states to the pressed states
+    const bgColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].default, mapColorStates[color].pressed]);
+
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      backgroundColor: bgColor,
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const onPressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const onPressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+
+  // Label & Icons colors
+  const foregroundColor = disabled ? (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 ? void 0 : (_mapColorStates$color2 = _mapColorStates$color.label) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.disabled : (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 ? void 0 : (_mapColorStates$color4 = _mapColorStates$color3.label) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.default;
+
+  // Icon size
+  const iconSize = small ? 16 : 20;
+  const Button = () => {
+    var _mapColorStates$color5;
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: "button",
+      testID: testID,
+      onPress: onPress,
+      onPressIn: onPressIn,
+      onPressOut: onPressOut,
+      accessible: true,
+      disabled: disabled,
+      style: !fullWidth ? _IOStyles.IOButtonStyles.dimensionsDefault : {}
+    }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+      style: [_IOStyles.IOButtonStyles.button, iconPosition === "end" && {
+        flexDirection: "row-reverse"
+      }, small ? _IOStyles.IOButtonStyles.buttonSizeSmall : _IOStyles.IOButtonStyles.buttonSizeDefault, disabled ? styles.backgroundDisabled : {
+        backgroundColor: (_mapColorStates$color5 = mapColorStates[color]) === null || _mapColorStates$color5 === void 0 ? void 0 : _mapColorStates$color5.default
+      },
+      /* Prevent Reanimated from overriding background colors
+      if button is disabled */
+      !disabled && pressedAnimationStyle]
+    }, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+      name: icon,
+      size: iconSize,
+      color: foregroundColor
+    }), /*#__PURE__*/_react.default.createElement(_Spacer.HSpacer, {
+      size: 8
+    })), /*#__PURE__*/_react.default.createElement(_BaseTypography.BaseTypography, {
+      font: "ReadexPro",
+      weight: "Regular",
+      color: foregroundColor,
+      style: [_IOStyles.IOButtonStyles.label, small ? _IOStyles.IOButtonStyles.labelSizeSmall : _IOStyles.IOButtonStyles.labelSizeDefault],
+      numberOfLines: 1,
+      ellipsizeMode: "tail"
+      /* A11y-related props:
+      DON'T UNCOMMENT THEM */
+      /* allowFontScaling
+      maxFontSizeMultiplier={1.3} */
+    }, label)));
+  };
+  return /*#__PURE__*/_react.default.createElement(Button, null);
+});
+exports.ButtonSolid = ButtonSolid;
+var _default = ButtonSolid;
+exports.default = _default;
+//# sourceMappingURL=ButtonSolid.js.map

package/lib/commonjs/components/buttons/ButtonSolid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_IOAnimations","_IOColors","_IOStyles","_icons","_Spacer","_BaseTypography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorPrimaryButtonDisabled","DISABLED_OPACITY","styles","StyleSheet","create","backgroundDisabled","backgroundColor","IOColors","opacity","mapColorStates","primary","pressed","label","disabled","danger","contrast","white","ButtonSolid","React","memo","_ref","_IOScaleValues$basicB","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","color","small","fullWidth","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","transform","onPressIn","useCallback","onPressOut","foregroundColor","iconSize","Button","_mapColorStates$color5","createElement","Pressable","accessibilityRole","accessible","style","IOButtonStyles","dimensionsDefault","View","flexDirection","buttonSizeSmall","buttonSizeDefault","Fragment","Icon","name","size","HSpacer","BaseTypography","font","weight","labelSizeSmall","labelSizeDefault","numberOfLines","ellipsizeMode","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":"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"}

package/lib/commonjs/components/buttons/IconButton.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.IconButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core");
+var _icons = require("../icons");
+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); }
+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; }
+const mapColorStates = {
+  // Primary button
+  primary: {
+    icon: {
+      default: _core.IOColors["blueIO-500"],
+      pressed: _core.IOColors["blueIO-600"],
+      disabled: (0, _core.hexToRgba)(_core.IOColors["blueIO-500"], 0.25)
+    }
+  },
+  // Neutral button
+  neutral: {
+    icon: {
+      default: _core.IOColors.black,
+      pressed: _core.IOColors["grey-850"],
+      disabled: _core.IOColors.grey
+    }
+  },
+  // Contrast button
+  contrast: {
+    icon: {
+      default: _core.IOColors.white,
+      pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
+      disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.25)
+    }
+  }
+};
+const AnimatedIconClassComponent = _reactNativeReanimated.default.createAnimatedComponent(_icons.IconClassComponent);
+const IconButton = _ref => {
+  var _IOScaleValues$exagge, _mapColorStates$color, _mapColorStates$color2, _mapColorStates$color3, _mapColorStates$color4;
+  let {
+    color = "primary",
+    icon,
+    disabled = false,
+    onPress,
+    accessibilityLabel,
+    accessibilityHint,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$exagge = _core.IOScaleValues.exaggeratedButton) === null || _IOScaleValues$exagge === void 0 ? void 0 : _IOScaleValues$exagge.pressedState;
+
+  // Using a spring-based animation for our interpolations
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+
+  // Animate the <Icon> color prop
+  const animatedColor = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    const iconColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapColorStates[color].icon.default, mapColorStates[color].icon.pressed]);
+    return {
+      color: iconColor
+    };
+  });
+  /* REMOVE_LEGACY_COMPONENT: End ▶ */
+
+  const handlePressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const handlePressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    style: _core.IOButtonStyles.dimensionsDefault,
+    disabled: disabled
+    // Events
+    ,
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut
+    // Accessibility
+    ,
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint
+    // Usability
+    // Add a touchable area around the button
+    ,
+    hitSlop: 8
+    // Test
+    ,
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOIconButtonStyles.buttonSizeSmall, !disabled && pressedAnimationStyle]
+  }, !disabled ? /*#__PURE__*/_react.default.createElement(AnimatedIconClassComponent, {
+    name: icon,
+    animatedProps: animatedColor,
+    color: (_mapColorStates$color = mapColorStates[color]) === null || _mapColorStates$color === void 0 ? void 0 : (_mapColorStates$color2 = _mapColorStates$color.icon) === null || _mapColorStates$color2 === void 0 ? void 0 : _mapColorStates$color2.default
+  }) : /*#__PURE__*/_react.default.createElement(_icons.AnimatedIcon, {
+    name: icon,
+    color: (_mapColorStates$color3 = mapColorStates[color]) === null || _mapColorStates$color3 === void 0 ? void 0 : (_mapColorStates$color4 = _mapColorStates$color3.icon) === null || _mapColorStates$color4 === void 0 ? void 0 : _mapColorStates$color4.disabled
+  })));
+};
+exports.IconButton = IconButton;
+var _default = IconButton;
+exports.default = _default;
+//# sourceMappingURL=IconButton.js.map

package/lib/commonjs/components/buttons/IconButton.js.map

@@ -0,0 +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","mapColorStates","primary","icon","IOColors","pressed","disabled","hexToRgba","neutral","black","grey","contrast","white","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","IconButton","_ref","_IOScaleValues$exagge","_mapColorStates$color","_mapColorStates$color2","_mapColorStates$color3","_mapColorStates$color4","color","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","exaggeratedButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedColor","useAnimatedProps","iconColor","interpolateColor","handlePressIn","useCallback","handlePressOut","createElement","Pressable","style","IOButtonStyles","dimensionsDefault","onPressIn","onPressOut","accessible","accessibilityRole","hitSlop","View","IOIconButtonStyles","buttonSizeSmall","name","animatedProps","AnimatedIcon","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/IconButton.tsx"],"mappings":"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"}