@pagopa/io-app-design-system 5.0.0-3 → 5.0.0-4

package/src/components/layout/HeaderSecondLevel.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { ComponentProps, useEffect, useLayoutEffect } from "react";
+import { createRef, useEffect, useLayoutEffect, useMemo } from "react";
 import {
   AccessibilityInfo,
   ColorValue,
@@ -24,13 +24,14 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import {
   IOColors,
   IOSpringValues,
+  IOThemeDark,
+  IOThemeLight,
   IOVisualCostants,
   alertEdgeToEdgeInsetTransitionConfig,
   hexToRgba,
   iconBtnSizeSmall,
   useIONewTypeface,
-  useIOTheme,
-  useIOThemeContext
+  useIOTheme
 } from "../../core";
 import type { IOSpacer, IOSpacingScale } from "../../core/IOSpacing";
 import { WithTestID } from "../../utils/types";
@@ -48,7 +49,9 @@ type ScrollValues = {
 type DiscreteTransitionProps =
   | {
       enableDiscreteTransition: true;
-      animatedRef: AnimatedRef<Animated.ScrollView>;
+      animatedRef:
+        | AnimatedRef<Animated.ScrollView>
+        | AnimatedRef<Animated.FlatList<any>>;
     }
   | {
       enableDiscreteTransition?: false;
@@ -139,7 +142,7 @@ export const HeaderSecondLevel = ({
   backTestID,
   title,
   type,
-  variant = "neutral",
+  variant,
   backgroundColor,
   transparent = false,
   ignoreSafeAreaMargin = false,
@@ -151,30 +154,36 @@ export const HeaderSecondLevel = ({
   thirdAction
 }: HeaderSecondLevel) => {
   const scrollOffset = useScrollViewOffset(
-    animatedRef as AnimatedRef<Animated.ScrollView>
+    (animatedRef as AnimatedRef<Animated.ScrollView>) ||
+      (animatedRef as AnimatedRef<Animated.FlatList<any>>)
   );
-  const titleRef = React.createRef<View>();
+
+  const titleRef = createRef<View>();
 
   const { newTypefaceEnabled } = useIONewTypeface();
 
   const theme = useIOTheme();
-  const { themeType } = useIOThemeContext();
   const insets = useSafeAreaInsets();
-  const isTitleAccessible = React.useMemo(() => !!title.trim(), [title]);
+  const isTitleAccessible = useMemo(() => !!title.trim(), [title]);
   const paddingTop = useSharedValue(ignoreSafeAreaMargin ? 0 : insets.top);
 
   const AnimatedIOText = Animated.createAnimatedComponent(IOText);
 
-  const iconButtonColorDefault: ComponentProps<typeof IconButton>["color"] =
-    themeType === "dark" ? "contrast" : "neutral";
+  // If the variant is not set, set a fallback color
+  const defaultIconColor = variant ?? "neutral";
 
-  const iconButtonColor: ComponentProps<typeof IconButton>["color"] =
-    variant === "contrast" ? "contrast" : iconButtonColorDefault;
+  /* We apply the same logic of `persistentColorMode`
+  to the title color: if variant is set, the color will
+  be persistent, otherwise it will vary depending
+  on the color scheme. */
+  const titleColorVariant =
+    variant === "contrast"
+      ? IOColors[IOThemeDark["textHeading-default"]]
+      : IOColors[IOThemeLight["textHeading-default"]];
 
-  const titleColor: ColorValue =
-    variant === "neutral"
-      ? IOColors[theme["textHeading-default"]]
-      : IOColors.white;
+  const titleColor: ColorValue = variant
+    ? titleColorVariant
+    : IOColors[theme["textHeading-default"]];
 
   /* Visual attributes when there are transitions between states */
   const HEADER_DEFAULT_BG_COLOR: IOColors = theme["appBackground-primary"];
@@ -187,9 +196,7 @@ export const HeaderSecondLevel = ({
     : headerBgColorSolidState;
 
   const borderColorDefault = IOColors[theme["divider-default"]];
-
   const borderColorSolidState = backgroundColor ?? borderColorDefault;
-
   const borderColorTransparentState = hexToRgba(borderColorSolidState, 0);
 
   useLayoutEffect(() => {
@@ -278,7 +285,10 @@ export const HeaderSecondLevel = ({
               android: "backAndroid",
               default: "backiOS"
             })}
-            color={iconButtonColor}
+            color={defaultIconColor}
+            /* If we specify a variant, we probably want to
+              make it persistent in both light and dark modes. */
+            persistentColorMode={!!variant}
             onPress={goBack}
             accessibilityLabel={backAccessibilityLabel}
             testID={backTestID}
@@ -313,13 +323,25 @@ export const HeaderSecondLevel = ({
         </View>
         <HStack allowScaleSpacing space={16} style={{ flexShrink: 0 }}>
           {type === "threeActions" && (
-            <IconButton {...thirdAction} color={iconButtonColor} />
+            <IconButton
+              {...thirdAction}
+              color={defaultIconColor}
+              persistentColorMode={!!variant}
+            />
           )}
           {(type === "twoActions" || type === "threeActions") && (
-            <IconButton {...secondAction} color={iconButtonColor} />
+            <IconButton
+              {...secondAction}
+              color={defaultIconColor}
+              persistentColorMode={!!variant}
+            />
           )}
           {type !== "base" ? (
-            <IconButton {...firstAction} color={iconButtonColor} />
+            <IconButton
+              {...firstAction}
+              color={defaultIconColor}
+              persistentColorMode={!!variant}
+            />
           ) : (
             <HSpacer size={iconBtnSizeSmall as IOSpacer} />
           )}

package/src/components/listitems/ListItemInfo.tsx

@@ -154,7 +154,7 @@ export const ListItemInfo = ({
         <Icon
           allowFontScaling
           name={icon}
-          color="grey-450"
+          color={theme["icon-decorative"]}
           size={IOListItemVisualParams.iconSize}
         />
       )}

package/src/components/listitems/ListItemInfoCopy.tsx

@@ -106,7 +106,7 @@ export const ListItemInfoCopy = ({
             <Icon
               allowFontScaling
               name={icon}
-              color="grey-450"
+              color={theme["icon-decorative"]}
               size={IOListItemVisualParams.iconSize}
             />
           )}

package/src/components/listitems/ListItemNav.tsx

@@ -81,7 +81,7 @@ export const ListItemNav = ({
   description,
   onPress,
   icon,
-  iconColor = "grey-450",
+  iconColor,
   avatarProps: avatar,
   paymentLogoUri,
   accessibilityLabel,
@@ -96,6 +96,9 @@ export const ListItemNav = ({
     useListItemAnimation();
   const theme = useIOTheme();
 
+  const defaultIconColor = iconColor ?? theme["icon-decorative"];
+  const interactiveColor = theme["interactiveElem-default"];
+
   const { dynamicFontScale, hugeFontEnabled } = useIOFontDynamicScale();
 
   const listItemNavContent = (
@@ -151,8 +154,6 @@ export const ListItemNav = ({
     </>
   );
 
-  const interactiveColor = theme["interactiveElem-default"];
-
   const handleOnPress = (event: GestureResponderEvent) => {
     if (!loading) {
       onPress(event);
@@ -188,7 +189,7 @@ export const ListItemNav = ({
               <Icon
                 allowFontScaling
                 name={icon}
-                color={iconColor}
+                color={defaultIconColor}
                 size={IOListItemVisualParams.iconSize}
               />
               <HSpacer

package/src/core/IOColors.ts

@@ -205,6 +205,13 @@ const themeKeys = [
   "appBackground-accent",
   "interactiveElem-default",
   "interactiveElem-pressed",
+  "interactiveElem-disabled",
+  "interactiveOutline-disabled",
+  "neutralButton-default",
+  "neutralButton-pressed",
+  "neutralButton-disabled",
+  "buttonText-default",
+  "buttonText-disabled",
   "listItem-pressed",
   // Typography
   "textHeading-default",
@@ -254,6 +261,13 @@ export const IOThemeLight: IOTheme = {
   "appBackground-accent": "blueIO-500",
   "interactiveElem-default": "blueIO-500",
   "interactiveElem-pressed": "blueIO-600",
+  "interactiveElem-disabled": "grey-300",
+  "interactiveOutline-disabled": "grey-650",
+  "neutralButton-default": "black",
+  "neutralButton-pressed": "grey-850",
+  "neutralButton-disabled": "grey-450",
+  "buttonText-default": "white",
+  "buttonText-disabled": "grey-700",
   "listItem-pressed": "grey-50",
   // Typography
   "textHeading-default": "black",
@@ -297,10 +311,17 @@ export const IOThemeDark: IOTheme = {
   "appBackground-secondary": "grey-850",
   "appBackground-tertiary": "grey-700",
   "interactiveElem-default": "blueIO-450",
-  "interactiveElem-pressed": "blueIO-600",
+  "interactiveElem-pressed": "blueIO-500",
+  "interactiveElem-disabled": "grey-700",
+  "interactiveOutline-disabled": "grey-450",
+  "neutralButton-default": "white",
+  "neutralButton-pressed": "grey-100",
+  "neutralButton-disabled": "grey-850",
+  "buttonText-default": "white",
+  "buttonText-disabled": "grey-300",
   "listItem-pressed": "grey-850",
   // Typography
-  "textHeading-default": "grey-200",
+  "textHeading-default": "white",
   "textHeading-secondary": "grey-300",
   "textHeading-tertiary": "grey-450",
   "textBody-default": "white",

package/lib/commonjs/components/layout/BlockButtons.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockButtons = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _Spacer = require("../spacer/Spacer");
-var _buttons = require("../buttons");
-var _core = require("../../core");
-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; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    alignContent: "center",
-    justifyContent: "center",
-    flex: 1
-  },
-  buttonTwoThirds: {
-    alignContent: "center",
-    flex: 2
-  }
-});
-
-/**
- * | single button |
- */
-
-/**
- * | left | right |
- */
-
-/**
- * | left  |       right        |
- */
-
-/**
- * |      left       |  right  |
- */
-
-/**
- * |  left |  mid  | right |
- */
-
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-const BlockButtons = props => {
-  const renderRightButton = () => {
-    if (props.type === "SingleButton") {
-      return null;
-    }
-    const secondaryButtonStyle = props.type === "TwoButtonsInlineThird" ? styles.buttonTwoThirds : styles.button;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
-      size: 16
-    }), renderButton(props.secondary, secondaryButtonStyle));
-  };
-  const renderMidButton = () => {
-    if (props.type !== "ThreeButtonsInLine") {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
-      size: 16
-    }), renderButton(props.third, styles.button));
-  };
-  const renderLeftButton = () => {
-    const primaryButtonStyle = props.type === "TwoButtonsInlineThirdInverted" ? styles.buttonTwoThirds : styles.button;
-    return renderButton(props.primary, primaryButtonStyle);
-  };
-  const renderButton = (props, style) => /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: style
-  }, props.type === "Solid" ? /*#__PURE__*/React.createElement(_buttons.ButtonSolid, _extends({
-    fullWidth: true
-  }, props.buttonProps)) : /*#__PURE__*/React.createElement(_buttons.ButtonOutline, _extends({
-    fullWidth: true
-  }, props.buttonProps)));
-  return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: _core.IOStyles.row
-  }, renderLeftButton(), renderMidButton(), renderRightButton());
-};
-exports.BlockButtons = BlockButtons;
-//# sourceMappingURL=BlockButtons.js.map

package/lib/commonjs/components/layout/BlockButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Spacer","_buttons","_core","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","styles","StyleSheet","create","button","alignContent","justifyContent","flex","buttonTwoThirds","BlockButtons","props","renderRightButton","type","secondaryButtonStyle","createElement","Fragment","HSpacer","size","renderButton","secondary","renderMidButton","third","renderLeftButton","primaryButtonStyle","primary","style","View","ButtonSolid","fullWidth","buttonProps","ButtonOutline","IOStyles","row","exports"],"sourceRoot":"../../../../src","sources":["components/layout/BlockButtons.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAsC,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAEtC,MAAMI,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE;EACR,CAAC;EACDC,eAAe,EAAE;IACfH,YAAY,EAAE,QAAQ;IACtBE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAYF;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACO,MAAME,YAAY,GAAIC,KAAY,IAAK;EAC5C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAID,KAAK,CAACE,IAAI,KAAK,cAAc,EAAE;MACjC,OAAO,IAAI;IACb;IAEA,MAAMC,oBAAoB,GACxBH,KAAK,CAACE,IAAI,KAAK,uBAAuB,GAClCX,MAAM,CAACO,eAAe,GACtBP,MAAM,CAACG,MAAM;IAEnB,oBACEzC,KAAA,CAAAmD,aAAA,CAACnD,KAAK,CAACoD,QAAQ,qBACbpD,KAAA,CAAAmD,aAAA,CAAC/C,OAAA,CAAAiD,OAAO;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACR,KAAK,CAACS,SAAS,EAAEN,oBAAoB,CACrC,CAAC;EAErB,CAAC;EAED,MAAMO,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIV,KAAK,CAACE,IAAI,KAAK,oBAAoB,EAAE;MACvC,OAAO,IAAI;IACb;IAEA,oBACEjD,KAAA,CAAAmD,aAAA,CAACnD,KAAK,CAACoD,QAAQ,qBACbpD,KAAA,CAAAmD,aAAA,CAAC/C,OAAA,CAAAiD,OAAO;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACR,KAAK,CAACW,KAAK,EAAEpB,MAAM,CAACG,MAAM,CAC1B,CAAC;EAErB,CAAC;EAED,MAAMkB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAMC,kBAAkB,GACtBb,KAAK,CAACE,IAAI,KAAK,+BAA+B,GAC1CX,MAAM,CAACO,eAAe,GACtBP,MAAM,CAACG,MAAM;IAEnB,OAAOc,YAAY,CAACR,KAAK,CAACc,OAAO,EAAED,kBAAkB,CAAC;EACxD,CAAC;EAED,MAAML,YAAY,GAAGA,CACnBR,KAAuB,EACvBe,KAAiD,kBAEjD9D,KAAA,CAAAmD,aAAA,CAAChD,YAAA,CAAA4D,IAAI;IAACD,KAAK,EAAEA;EAAM,GAChBf,KAAK,CAACE,IAAI,KAAK,OAAO,gBACrBjD,KAAA,CAAAmD,aAAA,CAAC9C,QAAA,CAAA2D,WAAW,EAAAnC,QAAA;IAACoC,SAAS;EAAA,GAAKlB,KAAK,CAACmB,WAAW,CAAG,CAAC,gBAEhDlE,KAAA,CAAAmD,aAAA,CAAC9C,QAAA,CAAA8D,aAAa,EAAAtC,QAAA;IAACoC,SAAS;EAAA,GAAKlB,KAAK,CAACmB,WAAW,CAAG,CAE/C,CACP;EAED,oBACElE,KAAA,CAAAmD,aAAA,CAAChD,YAAA,CAAA4D,IAAI;IAACD,KAAK,EAAEM,cAAQ,CAACC;EAAI,GACvBV,gBAAgB,CAAC,CAAC,EAClBF,eAAe,CAAC,CAAC,EACjBT,iBAAiB,CAAC,CACf,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAxB,YAAA,GAAAA,YAAA"}

package/lib/module/components/layout/BlockButtons.js

@@ -1,76 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { HSpacer } from "../spacer/Spacer";
-import { ButtonOutline, ButtonSolid } from "../buttons";
-import { IOStyles } from "../../core";
-const styles = StyleSheet.create({
-  button: {
-    alignContent: "center",
-    justifyContent: "center",
-    flex: 1
-  },
-  buttonTwoThirds: {
-    alignContent: "center",
-    flex: 2
-  }
-});
-
-/**
- * | single button |
- */
-
-/**
- * | left | right |
- */
-
-/**
- * | left  |       right        |
- */
-
-/**
- * |      left       |  right  |
- */
-
-/**
- * |  left |  mid  | right |
- */
-
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-export const BlockButtons = props => {
-  const renderRightButton = () => {
-    if (props.type === "SingleButton") {
-      return null;
-    }
-    const secondaryButtonStyle = props.type === "TwoButtonsInlineThird" ? styles.buttonTwoThirds : styles.button;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HSpacer, {
-      size: 16
-    }), renderButton(props.secondary, secondaryButtonStyle));
-  };
-  const renderMidButton = () => {
-    if (props.type !== "ThreeButtonsInLine") {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HSpacer, {
-      size: 16
-    }), renderButton(props.third, styles.button));
-  };
-  const renderLeftButton = () => {
-    const primaryButtonStyle = props.type === "TwoButtonsInlineThirdInverted" ? styles.buttonTwoThirds : styles.button;
-    return renderButton(props.primary, primaryButtonStyle);
-  };
-  const renderButton = (props, style) => /*#__PURE__*/React.createElement(View, {
-    style: style
-  }, props.type === "Solid" ? /*#__PURE__*/React.createElement(ButtonSolid, _extends({
-    fullWidth: true
-  }, props.buttonProps)) : /*#__PURE__*/React.createElement(ButtonOutline, _extends({
-    fullWidth: true
-  }, props.buttonProps)));
-  return /*#__PURE__*/React.createElement(View, {
-    style: IOStyles.row
-  }, renderLeftButton(), renderMidButton(), renderRightButton());
-};
-//# sourceMappingURL=BlockButtons.js.map

package/lib/module/components/layout/BlockButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","StyleSheet","HSpacer","ButtonOutline","ButtonSolid","IOStyles","styles","create","button","alignContent","justifyContent","flex","buttonTwoThirds","BlockButtons","props","renderRightButton","type","secondaryButtonStyle","createElement","Fragment","size","renderButton","secondary","renderMidButton","third","renderLeftButton","primaryButtonStyle","primary","style","_extends","fullWidth","buttonProps","row"],"sourceRoot":"../../../../src","sources":["components/layout/BlockButtons.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,aAAa,EAAEC,WAAW,QAAQ,YAAY;AACvD,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,YAAY,EAAE,QAAQ;IACtBC,cAAc,EAAE,QAAQ;IACxBC,IAAI,EAAE;EACR,CAAC;EACDC,eAAe,EAAE;IACfH,YAAY,EAAE,QAAQ;IACtBE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAYF;AACA;AACA;;AAKA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAMA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA,OAAO,MAAME,YAAY,GAAIC,KAAY,IAAK;EAC5C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAID,KAAK,CAACE,IAAI,KAAK,cAAc,EAAE;MACjC,OAAO,IAAI;IACb;IAEA,MAAMC,oBAAoB,GACxBH,KAAK,CAACE,IAAI,KAAK,uBAAuB,GAClCV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,oBACET,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACQ,SAAS,EAAEL,oBAAoB,CACrC,CAAC;EAErB,CAAC;EAED,MAAMM,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIT,KAAK,CAACE,IAAI,KAAK,oBAAoB,EAAE;MACvC,OAAO,IAAI;IACb;IAEA,oBACEjB,KAAA,CAAAmB,aAAA,CAACnB,KAAK,CAACoB,QAAQ,qBACbpB,KAAA,CAAAmB,aAAA,CAAChB,OAAO;MAACkB,IAAI,EAAE;IAAG,CAAE,CAAC,EACpBC,YAAY,CAACP,KAAK,CAACU,KAAK,EAAElB,MAAM,CAACE,MAAM,CAC1B,CAAC;EAErB,CAAC;EAED,MAAMiB,gBAAgB,GAAGA,CAAA,KAAM;IAC7B,MAAMC,kBAAkB,GACtBZ,KAAK,CAACE,IAAI,KAAK,+BAA+B,GAC1CV,MAAM,CAACM,eAAe,GACtBN,MAAM,CAACE,MAAM;IAEnB,OAAOa,YAAY,CAACP,KAAK,CAACa,OAAO,EAAED,kBAAkB,CAAC;EACxD,CAAC;EAED,MAAML,YAAY,GAAGA,CACnBP,KAAuB,EACvBc,KAAiD,kBAEjD7B,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,EAAEA;EAAM,GAChBd,KAAK,CAACE,IAAI,KAAK,OAAO,gBACrBjB,KAAA,CAAAmB,aAAA,CAACd,WAAW,EAAAyB,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAAC,gBAEhDhC,KAAA,CAAAmB,aAAA,CAACf,aAAa,EAAA0B,QAAA;IAACC,SAAS;EAAA,GAAKhB,KAAK,CAACiB,WAAW,CAAG,CAE/C,CACP;EAED,oBACEhC,KAAA,CAAAmB,aAAA,CAAClB,IAAI;IAAC4B,KAAK,EAAEvB,QAAQ,CAAC2B;EAAI,GACvBP,gBAAgB,CAAC,CAAC,EAClBF,eAAe,CAAC,CAAC,EACjBR,iBAAiB,CAAC,CACf,CAAC;AAEX,CAAC"}

package/lib/typescript/components/layout/BlockButtons.d.ts

@@ -1,54 +0,0 @@
-import * as React from "react";
-import { ButtonSolid } from "../buttons";
-type CommonProps = Readonly<{
-    primary: BlockButtonProps;
-    accessible?: boolean;
-}>;
-export type BlockButtonProps = {
-    type: "Solid" | "Outline";
-    buttonProps: Omit<React.ComponentProps<typeof ButtonSolid>, "fullWidth">;
-};
-/**
- * | single button |
- */
-export interface SingleButton extends CommonProps {
-    type: "SingleButton";
-}
-/**
- * | left | right |
- */
-export interface TwoButtonsInlineHalf extends CommonProps {
-    type: "TwoButtonsInlineHalf";
-    secondary: BlockButtonProps;
-}
-/**
- * | left  |       right        |
- */
-interface TwoButtonsInlineThird extends CommonProps {
-    type: "TwoButtonsInlineThird";
-    secondary: BlockButtonProps;
-}
-/**
- * |      left       |  right  |
- */
-interface TwoButtonsInlineThirdInverted extends CommonProps {
-    type: "TwoButtonsInlineThirdInverted";
-    secondary: BlockButtonProps;
-}
-/**
- * |  left |  mid  | right |
- */
-interface ThreeButtonsInLine extends CommonProps {
-    type: "ThreeButtonsInLine";
-    secondary: BlockButtonProps;
-    third: BlockButtonProps;
-}
-type Props = SingleButton | TwoButtonsInlineHalf | TwoButtonsInlineThird | TwoButtonsInlineThirdInverted | ThreeButtonsInLine;
-export type BlockButtonsProps = Props;
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-export declare const BlockButtons: (props: Props) => React.JSX.Element;
-export {};
-//# sourceMappingURL=BlockButtons.d.ts.map

package/lib/typescript/components/layout/BlockButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAiB,WAAW,EAAE,MAAM,YAAY,CAAC;AAexD,KAAK,WAAW,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC;CAC1E,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,6BAA8B,SAAQ,WAAW;IACzD,IAAI,EAAE,+BAA+B,CAAC;IACtC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,EAAE,oBAAoB,CAAC;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,KAAK,KAAK,GACN,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,GACrB,6BAA6B,GAC7B,kBAAkB,CAAC;AAEvB,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC;;;GAGG;AACH,eAAO,MAAM,YAAY,UAAW,KAAK,sBA6DxC,CAAC"}

package/src/components/layout/BlockButtons.tsx

@@ -1,143 +0,0 @@
-import * as React from "react";
-import { View, StyleSheet } from "react-native";
-import { HSpacer } from "../spacer/Spacer";
-import { ButtonOutline, ButtonSolid } from "../buttons";
-import { IOStyles } from "../../core";
-
-const styles = StyleSheet.create({
-  button: {
-    alignContent: "center",
-    justifyContent: "center",
-    flex: 1
-  },
-  buttonTwoThirds: {
-    alignContent: "center",
-    flex: 2
-  }
-});
-
-type CommonProps = Readonly<{
-  primary: BlockButtonProps;
-  accessible?: boolean;
-}>;
-
-export type BlockButtonProps = {
-  type: "Solid" | "Outline";
-  buttonProps: Omit<React.ComponentProps<typeof ButtonSolid>, "fullWidth">;
-};
-
-/**
- * | single button |
- */
-export interface SingleButton extends CommonProps {
-  type: "SingleButton";
-}
-
-/**
- * | left | right |
- */
-export interface TwoButtonsInlineHalf extends CommonProps {
-  type: "TwoButtonsInlineHalf";
-  secondary: BlockButtonProps;
-}
-
-/**
- * | left  |       right        |
- */
-interface TwoButtonsInlineThird extends CommonProps {
-  type: "TwoButtonsInlineThird";
-  secondary: BlockButtonProps;
-}
-
-/**
- * |      left       |  right  |
- */
-interface TwoButtonsInlineThirdInverted extends CommonProps {
-  type: "TwoButtonsInlineThirdInverted";
-  secondary: BlockButtonProps;
-}
-
-/**
- * |  left |  mid  | right |
- */
-interface ThreeButtonsInLine extends CommonProps {
-  type: "ThreeButtonsInLine";
-  secondary: BlockButtonProps;
-  third: BlockButtonProps;
-}
-
-type Props =
-  | SingleButton
-  | TwoButtonsInlineHalf
-  | TwoButtonsInlineThird
-  | TwoButtonsInlineThirdInverted
-  | ThreeButtonsInLine;
-
-export type BlockButtonsProps = Props;
-
-/**
- * Implements a component that show buttons on a line on 1, 2 or 3 buttons
- * @deprecated This component is deprecated. Use `FooterActionsInline` instead.
- */
-export const BlockButtons = (props: Props) => {
-  const renderRightButton = () => {
-    if (props.type === "SingleButton") {
-      return null;
-    }
-
-    const secondaryButtonStyle =
-      props.type === "TwoButtonsInlineThird"
-        ? styles.buttonTwoThirds
-        : styles.button;
-
-    return (
-      <React.Fragment>
-        <HSpacer size={16} />
-        {renderButton(props.secondary, secondaryButtonStyle)}
-      </React.Fragment>
-    );
-  };
-
-  const renderMidButton = () => {
-    if (props.type !== "ThreeButtonsInLine") {
-      return null;
-    }
-
-    return (
-      <React.Fragment>
-        <HSpacer size={16} />
-        {renderButton(props.third, styles.button)}
-      </React.Fragment>
-    );
-  };
-
-  const renderLeftButton = () => {
-    const primaryButtonStyle =
-      props.type === "TwoButtonsInlineThirdInverted"
-        ? styles.buttonTwoThirds
-        : styles.button;
-
-    return renderButton(props.primary, primaryButtonStyle);
-  };
-
-  const renderButton = (
-    props: BlockButtonProps,
-    style: React.ComponentProps<typeof View>["style"]
-  ) => (
-    <View style={style}>
-      {props.type === "Solid" ? (
-        <ButtonSolid fullWidth {...props.buttonProps} />
-      ) : (
-        <ButtonOutline fullWidth {...props.buttonProps} />
-      )}
-    </View>
-  );
-
-  return (
-    <View style={IOStyles.row}>
-      {renderLeftButton()}
-      {renderMidButton()}
-      {renderRightButton()}
-    </View>
-  );
-};