@pagopa/io-app-design-system 4.2.1 → 4.3.0

package/lib/module/components/listitems/hooks/useListItemSpringAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOScaleValues","IOSpringValues","hexToRgba","useIOTheme","useListItemSpringAnimation","_IOScaleValues$basicB","theme","isPressed","mapBackgroundStates","default","pressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","animatedScaleStyle","scale","CLAMP","transform","animatedBackgroundStyle","backgroundColor","onPressIn","useCallback","onPressOut"],"sourceRoot":"../../../../../src","sources":["components/listitems/hooks/useListItemSpringAnimation.ts"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,SAAS,EACTC,UAAU,QACL,eAAe;AAEtB,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC9C,MAAMC,KAAK,GAAGH,UAAU,CAAC,CAAC;EAE1B,MAAMI,SAAuC,GAAGV,cAAc,CAAC,CAAC,CAAC;EAEjE,MAAMW,mBAA2C,GAAG;IAClDC,OAAO,EAAEP,SAAS,CAACH,QAAQ,CAACO,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DI,OAAO,EAAEX,QAAQ,CAACO,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMK,mBAAmB,GAAGX,aAAa,aAAbA,aAAa,gBAAAK,qBAAA,GAAbL,aAAa,CAAEY,WAAW,cAAAP,qBAAA,uBAA1BA,qBAAA,CAA4BQ,YAAY;EAEpE,MAAMC,eAAe,GAAGlB,eAAe,CAAC,MACtCE,UAAU,CAACS,SAAS,CAACQ,KAAK,EAAEd,cAAc,CAACe,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAGtB,gBAAgB,CAAC,MAAM;IAChD,MAAMuB,KAAK,GAAGzB,WAAW,CACvBqB,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxBnB,WAAW,CAAC2B,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,uBAAuB,GAAG1B,gBAAgB,CAAC,MAAM;IACrD,MAAM2B,eAAe,GAAG5B,gBAAgB,CACtCoB,eAAe,CAACC,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACP,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACE,OAAO,CAC3D,CAAC;IAED,OAAO;MACLY;IACF,CAAC;EACH,CAAC,CAAC;EAEF,MAAMC,SAAS,GAAGhC,KAAK,CAACiC,WAAW,CAAC,MAAM;IACxC;IACAjB,SAAS,CAACQ,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EACf,MAAMkB,UAAU,GAAGlC,KAAK,CAACiC,WAAW,CAAC,MAAM;IACzC;IACAjB,SAAS,CAACQ,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACR,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEgB,SAAS;IAAEE,UAAU;IAAER,kBAAkB;IAAEI;EAAwB,CAAC;AAC/E,CAAC"}

package/lib/module/components/modules/hooks/useModuleSpringAnimation.js

@@ -1,34 +0,0 @@
-import { Extrapolate, interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
-import { useCallback } from "react";
-import { IOScaleValues, IOSpringValues } from "../../../core";
-export const useModuleSpringAnimation = () => {
-  var _IOScaleValues$magnif;
-  const isPressed = useSharedValue(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues === null || IOScaleValues === void 0 || (_IOScaleValues$magnif = IOScaleValues.magnifiedButton) === null || _IOScaleValues$magnif === void 0 ? void 0 : _IOScaleValues$magnif.pressedState;
-  const scaleTraversed = useDerivedValue(() => withSpring(isPressed.value, IOSpringValues.button));
-
-  // Interpolate animation values from `isPressed` values
-  const animatedStyle = useAnimatedStyle(() => {
-    const scale = interpolate(scaleTraversed.value, [0, 1], [1, animationScaleValue], Extrapolate.CLAMP);
-    return {
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-  return {
-    animatedStyle,
-    handlePressIn,
-    handlePressOut
-  };
-};
-//# sourceMappingURL=useModuleSpringAnimation.js.map

package/lib/module/components/modules/hooks/useModuleSpringAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","useCallback","IOScaleValues","IOSpringValues","useModuleSpringAnimation","_IOScaleValues$magnif","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","button","animatedStyle","scale","CLAMP","transform","handlePressIn","handlePressOut"],"sourceRoot":"../../../../../src","sources":["components/modules/hooks/useModuleSpringAnimation.ts"],"mappings":"AAAA,SACEA,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,aAAa,EAAEC,cAAc,QAAQ,eAAe;AAE7D,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EAC5C,MAAMC,SAAS,GAAGP,cAAc,CAAC,CAAC,CAAC;EACnC;EACA,MAAMQ,mBAAmB,GAAGL,aAAa,aAAbA,aAAa,gBAAAG,qBAAA,GAAbH,aAAa,CAAEM,eAAe,cAAAH,qBAAA,uBAA9BA,qBAAA,CAAgCI,YAAY;EAExE,MAAMC,cAAc,GAAGZ,eAAe,CAAC,MACrCE,UAAU,CAACM,SAAS,CAACK,KAAK,EAAER,cAAc,CAACS,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,aAAa,GAAGhB,gBAAgB,CAAC,MAAM;IAC3C,MAAMiB,KAAK,GAAGlB,WAAW,CACvBc,cAAc,CAACC,KAAK,EACpB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEJ,mBAAmB,CAAC,EACxBZ,WAAW,CAACoB,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEF;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMG,aAAa,GAAGhB,WAAW,CAAC,MAAM;IACtC;IACAK,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EACf,MAAMY,cAAc,GAAGjB,WAAW,CAAC,MAAM;IACvC;IACAK,SAAS,CAACK,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACL,SAAS,CAAC,CAAC;EAEf,OAAO;IACLO,aAAa;IACbI,aAAa;IACbC;EACF,CAAC;AACH,CAAC"}

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

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { BlockButtonsProps } from "./BlockButtons";
-type Props = BlockButtonsProps & {
-    sticky?: boolean;
-    onLayoutChange?: (height: number) => void;
-};
-/**
- * Implements a component that show buttons as sticky footer
- * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
- * @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
- * `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
- * if explicitly required.
- */
-export declare const FooterWithButtons: ({ sticky, onLayoutChange, ...rest }: Props) => React.JSX.Element;
-export default FooterWithButtons;
-//# sourceMappingURL=FooterWithButtons.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FooterWithButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/FooterWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAgCF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,wCAI3B,KAAK,sBAiCP,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/components/listitems/PressableListItemsBase.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PressableListItemsBase.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/PressableListItemsBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,MAAM,kBAAkB,GAAG,UAAU,CACzC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACpC,SAAS,GACT,oBAAoB,GACpB,mBAAmB,GACnB,oBAAoB,GACpB,mBAAmB,CACtB,CACF,CAAC;AAEF,eAAO,MAAM,qBAAqB,+DAM/B,MAAM,iBAAiB,CAAC,kBAAkB,CAAC,sBA6B7C,CAAC"}

package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts

@@ -1,13 +0,0 @@
-export declare const useListItemSpringAnimation: () => {
-    onPressIn: () => void;
-    onPressOut: () => void;
-    animatedScaleStyle: {
-        transform: {
-            scale: number;
-        }[];
-    };
-    animatedBackgroundStyle: {
-        backgroundColor: string;
-    };
-};
-//# sourceMappingURL=useListItemSpringAnimation.d.ts.map

package/lib/typescript/components/listitems/hooks/useListItemSpringAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemSpringAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/components/listitems/hooks/useListItemSpringAnimation.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,0BAA0B;;;;;;;;;;;CAqDtC,CAAC"}

package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts

@@ -1,10 +0,0 @@
-export declare const useModuleSpringAnimation: () => {
-    animatedStyle: {
-        transform: {
-            scale: number;
-        }[];
-    };
-    handlePressIn: () => void;
-    handlePressOut: () => void;
-};
-//# sourceMappingURL=useModuleSpringAnimation.d.ts.map

package/lib/typescript/components/modules/hooks/useModuleSpringAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModuleSpringAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/hooks/useModuleSpringAnimation.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,wBAAwB;;;;;;;;CAqCpC,CAAC"}

package/src/components/layout/FooterWithButtons.tsx

@@ -1,90 +0,0 @@
-import * as React from "react";
-
-import { useMemo } from "react";
-import { StyleSheet, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-import { IOColors, IOSpacingScale, IOVisualCostants } from "../../core";
-import { BlockButtons, BlockButtonsProps } from "./BlockButtons";
-
-type Props = BlockButtonsProps & {
-  sticky?: boolean;
-  onLayoutChange?: (height: number) => void;
-};
-
-// TODO: Refactor with an unique component like `FooterTopShadow` after bonus vacanze
-const styles = StyleSheet.create({
-  container: {
-    overflow: "hidden",
-    width: "100%",
-    // This Magic number is an heritage of the app code-base, this component should be removed in favor of `GradientBottomAction`
-    marginTop: -50,
-    paddingTop: 50
-  },
-  sticky: {
-    position: "absolute",
-    bottom: 0
-  },
-  footerShadow: {
-    backgroundColor: IOColors.white,
-    paddingHorizontal: IOVisualCostants.appMarginDefault,
-    // iOS shadow
-    shadowColor: IOColors.black,
-    shadowOffset: {
-      width: 0,
-      height: 50
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 37,
-    elevation: 20 // Prop supported on Android only
-  }
-});
-
-const verticalSpacing: IOSpacingScale = 16;
-
-/**
- * Implements a component that show buttons as sticky footer
- * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
- * @deprecated This component is deprecated. Use `FooterActions` or `FooterActionsInline` instead.
- * `FooterActionsInline` is the official replacement for `FooterWithButtons`, but use it only
- * if explicitly required.
- */
-export const FooterWithButtons = ({
-  sticky = false,
-  onLayoutChange,
-  ...rest
-}: Props) => {
-  const insets = useSafeAreaInsets();
-
-  const onLayout = (event: any) => {
-    onLayoutChange?.(event.nativeEvent.layout.height);
-  };
-
-  /* Check if the iPhone bottom handle is present.
-  If not add a default margin to prevent the
-  button from sticking to the bottom. */
-  const bottomMargin: number = useMemo(
-    () => (insets.bottom === 0 ? verticalSpacing : insets.bottom),
-    [insets]
-  );
-
-  return (
-    <View
-      style={{ ...styles.container, ...(sticky ? styles.sticky : {}) }}
-      accessible={rest.accessible}
-      pointerEvents={"box-none"}
-      testID="FooterWithButtons"
-    >
-      <View
-        onLayout={onLayout}
-        style={[
-          styles.footerShadow,
-          { paddingBottom: bottomMargin, paddingTop: verticalSpacing }
-        ]}
-      >
-        <BlockButtons {...rest} />
-      </View>
-    </View>
-  );
-};
-
-export default FooterWithButtons;

package/src/components/listitems/hooks/useListItemSpringAnimation.ts

@@ -1,72 +0,0 @@
-import * as React from "react";
-import Animated, {
-  Extrapolate,
-  interpolate,
-  interpolateColor,
-  useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring
-} from "react-native-reanimated";
-import {
-  IOColors,
-  IOScaleValues,
-  IOSpringValues,
-  hexToRgba,
-  useIOTheme
-} from "../../../core";
-
-export const useListItemSpringAnimation = () => {
-  const theme = useIOTheme();
-
-  const isPressed: Animated.SharedValue<number> = useSharedValue(0);
-
-  const mapBackgroundStates: Record<string, string> = {
-    default: hexToRgba(IOColors[theme["listItem-pressed"]], 0),
-    pressed: IOColors[theme["listItem-pressed"]]
-  };
-
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues?.basicButton?.pressedState;
-
-  const progressPressed = useDerivedValue(() =>
-    withSpring(isPressed.value, IOSpringValues.button)
-  );
-
-  // Interpolate animation values from `isPressed` values
-  const animatedScaleStyle = useAnimatedStyle(() => {
-    const scale = interpolate(
-      progressPressed.value,
-      [0, 1],
-      [1, animationScaleValue],
-      Extrapolate.CLAMP
-    );
-
-    return {
-      transform: [{ scale }]
-    };
-  });
-
-  const animatedBackgroundStyle = useAnimatedStyle(() => {
-    const backgroundColor = interpolateColor(
-      progressPressed.value,
-      [0, 1],
-      [mapBackgroundStates.default, mapBackgroundStates.pressed]
-    );
-
-    return {
-      backgroundColor
-    };
-  });
-
-  const onPressIn = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-
-  return { onPressIn, onPressOut, animatedScaleStyle, animatedBackgroundStyle };
-};

package/src/components/modules/hooks/useModuleSpringAnimation.ts

@@ -1,49 +0,0 @@
-import {
-  Extrapolate,
-  interpolate,
-  useAnimatedStyle,
-  useDerivedValue,
-  useSharedValue,
-  withSpring
-} from "react-native-reanimated";
-import { useCallback } from "react";
-import { IOScaleValues, IOSpringValues } from "../../../core";
-
-export const useModuleSpringAnimation = () => {
-  const isPressed = useSharedValue(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = IOScaleValues?.magnifiedButton?.pressedState;
-
-  const scaleTraversed = useDerivedValue(() =>
-    withSpring(isPressed.value, IOSpringValues.button)
-  );
-
-  // Interpolate animation values from `isPressed` values
-  const animatedStyle = useAnimatedStyle(() => {
-    const scale = interpolate(
-      scaleTraversed.value,
-      [0, 1],
-      [1, animationScaleValue],
-      Extrapolate.CLAMP
-    );
-
-    return {
-      transform: [{ scale }]
-    };
-  });
-
-  const handlePressIn = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const handlePressOut = useCallback(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
-
-  return {
-    animatedStyle,
-    handlePressIn,
-    handlePressOut
-  };
-};