@pagopa/io-app-design-system 6.0.0 → 6.0.4

package/src/components/toast/useIOToast.ts

@@ -1,19 +1,18 @@
-import React, { MutableRefObject } from "react";
-import { ToastOptions } from "./types";
+import { createRef, RefObject, useCallback, useContext, useMemo } from "react";
 import { ToastContext } from "./context";
+import { ToastOptions } from "./types";
 
 export const useIOToast = () => {
-  const { addToast, removeToast, removeAllToasts } =
-    React.useContext(ToastContext);
+  const { addToast, removeToast, removeAllToasts } = useContext(ToastContext);
 
-  const show = React.useCallback(
+  const show = useCallback(
     (message: string, options?: ToastOptions) => {
       addToast({ message, ...options });
     },
     [addToast]
   );
 
-  const error = React.useCallback(
+  const error = useCallback(
     (message: string) => {
       show(message, {
         variant: "error",
@@ -24,7 +23,7 @@ export const useIOToast = () => {
     [show]
   );
 
-  const info = React.useCallback(
+  const info = useCallback(
     (message: string) => {
       show(message, {
         variant: "info",
@@ -35,7 +34,7 @@ export const useIOToast = () => {
     [show]
   );
 
-  const success = React.useCallback(
+  const success = useCallback(
     (message: string) => {
       show(message, {
         variant: "success",
@@ -46,7 +45,7 @@ export const useIOToast = () => {
     [show]
   );
 
-  const warning = React.useCallback(
+  const warning = useCallback(
     (message: string) => {
       show(message, {
         variant: "warning",
@@ -57,7 +56,7 @@ export const useIOToast = () => {
     [show]
   );
 
-  return React.useMemo(
+  return useMemo(
     () => ({
       show,
       error,
@@ -73,8 +72,7 @@ export const useIOToast = () => {
 
 export type IOToast = ReturnType<typeof useIOToast>;
 
-export const IOToastRef =
-  React.createRef<IOToast>() as MutableRefObject<IOToast>;
+export const IOToastRef = createRef<IOToast>() as RefObject<IOToast>;
 
 export const IOToast: IOToast = {
   show: (message: string, options?: ToastOptions) =>

package/src/components/tooltip/Arrows.tsx

@@ -1,5 +1,4 @@
 import Svg, { Path } from "react-native-svg";
-import React from "react";
 import { IOColors } from "../../core";
 
 export const LeftArrow = ({ color = IOColors.white }: { color?: string }) => (

package/src/components/tooltip/Tooltip.tsx

@@ -1,5 +1,5 @@
 import { every, some } from "lodash";
-import React, {
+import {
   JSXElementConstructor,
   PropsWithChildren,
   ReactElement,

package/src/components/tooltip/utils/index.ts

@@ -2,9 +2,10 @@ import { ScaledSize } from "react-native";
 import { IOVisualCostants } from "../../../core";
 import { ChildrenCoords, DisplayInsets, Placement } from "./types";
 
-export const ARROW_WIDTH = 24;
 export const ARROW_HEIGHT = 14;
 export const EMPTY_SPACE = 8;
+
+const ARROW_WIDTH = 24;
 const DEFAULT_INSETS: DisplayInsets = {
   top: 0,
   bottom: 0,

package/src/components/typography/Body.tsx

@@ -1,5 +1,5 @@
-import React, { ForwardedRef, forwardRef } from "react";
-import { View, Pressable } from "react-native";
+import { ForwardedRef, forwardRef } from "react";
+import { Pressable, View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {

package/src/components/typography/BodyMonospace.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIOTheme } from "../../context";
 import { bodyFontSize, bodyLineHeight } from "./Body";

package/src/components/typography/BodySmall.tsx

@@ -1,5 +1,5 @@
-import React, { ForwardedRef, forwardRef } from "react";
-import { View, Pressable } from "react-native";
+import { ForwardedRef, forwardRef } from "react";
+import { Pressable, View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {

package/src/components/typography/ButtonText.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface } from "../../context";
 import { IOColors } from "../../core";

package/src/components/typography/Caption.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/ComposedBodyFromArray.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, ReactElement } from "react";
+import { ComponentProps, ReactElement } from "react";
 import { TextStyle } from "react-native";
 import { Body } from "./Body";
 

package/src/components/typography/H1.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/H2.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize, IOFontWeight } from "../../utils/fonts";

package/src/components/typography/H3.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/H4.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/H5.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/H6.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/Hero.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontSize } from "../../utils/fonts";

package/src/components/typography/IOText.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentProps, forwardRef, useMemo } from "react";
+import { ComponentProps, forwardRef, useMemo } from "react";
 import {
   AccessibilityRole,
   ColorValue,
@@ -8,8 +8,8 @@ import {
   View
 } from "react-native";
 import Animated from "react-native-reanimated";
-import { IOColors } from "../../core";
 import { useIOTheme } from "../../context";
+import { IOColors } from "../../core";
 import { useBoldTextEnabled } from "../../utils/accessibility";
 import {
   IOFontFamily,

package/src/components/typography/LabelMini.tsx

@@ -1,5 +1,5 @@
-import React, { ForwardedRef, forwardRef } from "react";
-import { View, Pressable } from "react-native";
+import { ForwardedRef, forwardRef } from "react";
+import { Pressable, View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../context";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
 import {

package/src/components/typography/__test__/ComposedBodyFromArray.test.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { render } from "@testing-library/react-native";
 import { BodyProps, ComposedBodyFromArray } from "../ComposedBodyFromArray";
 

package/src/components/typography/__test__/typography.test.tsx

@@ -1,19 +1,19 @@
-import React, { ComponentProps } from "react";
-import { Alert } from "react-native";
 import { render } from "@testing-library/react-native";
+import { ComponentProps } from "react";
+import { Alert } from "react-native";
 import type { IOColors } from "../../../core/IOColors";
 import { IOFontWeight } from "../../../utils/fonts";
 import { Body } from "../Body";
 import { BodyMonospace } from "../BodyMonospace";
+import { BodySmall } from "../BodySmall";
 import { ButtonText } from "../ButtonText";
+import { calculateWeightColor } from "../common";
 import { H1 } from "../H1";
 import { H2 } from "../H2";
 import { H3 } from "../H3";
 import { H4 } from "../H4";
 import { H5 } from "../H5";
 import { H6 } from "../H6";
-import { BodySmall } from "../BodySmall";
-import { calculateWeightColor } from "../common";
 
 describe("Test Typography Components", () => {
   it("H1 Snapshot", () => {

package/src/components/typography/common.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { ComponentPropsWithRef } from "react";
 import { StyleProp, Text, TextStyle } from "react-native";
 import type { IOColors } from "../../core";
 import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
@@ -72,7 +72,7 @@ export function calculateWeightColor<WeightPropsType, ColorsPropsType>(
  * In addition to the {@link DefaultTypographyProps} all the {@link Text} props are allowed (`style` excluded)
  */
 export type ExternalTypographyProps<T> = T extends DefaultTypographyProps
-  ? Omit<React.ComponentPropsWithRef<typeof Text>, "style"> &
+  ? Omit<ComponentPropsWithRef<typeof Text>, "style"> &
       T & { style?: TypographyStyle }
   : never;
 

package/src/components/typography/markdown/MdH1.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../../context";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";

package/src/components/typography/markdown/MdH2.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../../context";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";

package/src/components/typography/markdown/MdH3.tsx

@@ -1,4 +1,4 @@
-import React, { ForwardedRef, forwardRef } from "react";
+import { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
 import { useIONewTypeface, useIOTheme } from "../../../context";
 import { IOText, IOTextProps, TypographicStyleProps } from "../IOText";

package/src/context/IODSExperimentalContextProvider.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { createContext, PropsWithChildren, useContext, useState } from "react";
 
 type IOExperimentalContextType = {
   isExperimental: boolean;
@@ -8,13 +8,13 @@ type IOExperimentalContextType = {
  * Experimental Context for new UI Representations
  */
 export const IOExperimentalDesignContext =
-  React.createContext<IOExperimentalContextType>({
+  createContext<IOExperimentalContextType>({
     isExperimental: false,
     setExperimental: () => void 0
   });
 
 export const useIOExperimentalDesign = () =>
-  React.useContext(IOExperimentalDesignContext);
+  useContext(IOExperimentalDesignContext);
 
 type IOExperimentalContextProviderProps = {
   isExperimentaEnabled?: boolean;
@@ -23,7 +23,7 @@ type IOExperimentalContextProviderProps = {
 export const IODSExperimentalContextProvider = ({
   children,
   isExperimentaEnabled
-}: React.PropsWithChildren<IOExperimentalContextProviderProps>) => {
+}: PropsWithChildren<IOExperimentalContextProviderProps>) => {
   const [isExperimental, setExperimental] = useState(
     isExperimentaEnabled ?? false
   );

package/src/context/IONewTypefaceContextProvider.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useState } from "react";
+import { createContext, PropsWithChildren, useContext, useState } from "react";
 
 type IONewTypefaceContextType = {
   newTypefaceEnabled: boolean;
@@ -7,13 +7,12 @@ type IONewTypefaceContextType = {
 /**
  * Experimental Context for new UI Representations
  */
-export const IONewTypefaceContext =
-  React.createContext<IONewTypefaceContextType>({
-    newTypefaceEnabled: true,
-    setNewTypefaceEnabled: () => void 0
-  });
+export const IONewTypefaceContext = createContext<IONewTypefaceContextType>({
+  newTypefaceEnabled: true,
+  setNewTypefaceEnabled: () => void 0
+});
 
-export const useIONewTypeface = () => React.useContext(IONewTypefaceContext);
+export const useIONewTypeface = () => useContext(IONewTypefaceContext);
 
 type IOExperimentalContextProviderProps = {
   isNewTypefaceEnabled?: boolean;

package/src/context/IOThemeContextProvider.tsx

@@ -1,4 +1,5 @@
-import React, {
+import {
+  Context,
   createContext,
   PropsWithChildren,
   useCallback,
@@ -16,7 +17,7 @@ type IOThemeContextType = {
   setTheme: (theme: ColorSchemeName) => void;
 };
 
-export const IOThemeContext: React.Context<IOThemeContextType> =
+export const IOThemeContext: Context<IOThemeContextType> =
   createContext<IOThemeContextType>({
     themeType: Appearance.getColorScheme(),
     theme:

package/src/core/IOAnimations.ts

@@ -1,7 +1,19 @@
+import {
+  cubicBezier,
+  type CSSAnimationTimingFunction
+} from "react-native-reanimated";
+
 /**
  * A collection of animation styles used for interactive elements within IO App.
  */
 
+export const IOEasingCurves = {
+  easeInOutSine: cubicBezier(0.37, 0, 0.63, 1),
+  easeInOutCubic: cubicBezier(0.65, 0, 0.35, 1)
+} satisfies Record<string, CSSAnimationTimingFunction>;
+
+export type IOEasingCurves = keyof typeof IOEasingCurves;
+
 export const IOSpringValues = {
   /* Used by Reanimated package */
   button: {

package/src/utils/testing.tsx

@@ -1,9 +1,9 @@
-import React from "react";
 import { render, RenderOptions } from "@testing-library/react-native";
+import { ReactElement } from "react";
 import { IODSExperimentalContextProvider } from "../context/IODSExperimentalContextProvider";
 
 export const renderWithExperimentalEnabledContextProvider = (
-  ui: React.ReactElement,
+  ui: ReactElement,
   options?: RenderOptions
 ) =>
   render(

package/src/utils/textInput/index.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { ComponentProps } from "react";
 import { TextInputProps } from "react-native";
 import { TextInputBase } from "../../components/textInput/TextInputBase";
 import { InputType } from "../types";
@@ -16,7 +16,7 @@ export type RNTextInputProps = Pick<
 >;
 
 type InputProps = Pick<
-  React.ComponentProps<typeof TextInputBase>,
+  ComponentProps<typeof TextInputBase>,
   "textInputProps"
 > & {
   valueFormat?: (value: string) => string;

package/lib/commonjs/components/common/ScaleInOutAnimation.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ScaleInOutAnimation = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable functional/immutable-data */
-
-const ScaleInOutAnimation = ({
-  visible = true,
-  springConfig = {
-    damping: 500,
-    mass: 3,
-    stiffness: 1000
-  },
-  children,
-  style
-}) => {
-  const enteringAnimation = () => {
-    "worklet";
-
-    return {
-      initialValues: {
-        opacity: 0,
-        transform: [{
-          scale: 0.5
-        }]
-      },
-      animations: {
-        opacity: (0, _reactNativeReanimated.withSpring)(1, springConfig),
-        transform: [{
-          scale: (0, _reactNativeReanimated.withSpring)(1, springConfig)
-        }]
-      }
-    };
-  };
-  const exitingAnimation = () => {
-    "worklet";
-
-    return {
-      initialValues: {
-        opacity: 1,
-        transform: [{
-          scale: 1
-        }]
-      },
-      animations: {
-        opacity: (0, _reactNativeReanimated.withSpring)(0, springConfig),
-        transform: [{
-          scale: (0, _reactNativeReanimated.withSpring)(0.5, springConfig)
-        }]
-      }
-    };
-  };
-  if (!visible) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-    style: style,
-    entering: enteringAnimation,
-    exiting: exitingAnimation,
-    children: children
-  });
-};
-exports.ScaleInOutAnimation = ScaleInOutAnimation;
-//# sourceMappingURL=ScaleInOutAnimation.js.map

package/lib/commonjs/components/common/ScaleInOutAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","children","style","enteringAnimation","initialValues","opacity","transform","scale","animations","withSpring","exitingAnimation","jsx","View","entering","exiting","exports"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/common/ScaleInOutAnimation.js

@@ -1,64 +0,0 @@
-"use strict";
-
-/* eslint-disable functional/immutable-data */
-import React from "react";
-import Animated, { withSpring } from "react-native-reanimated";
-import { jsx as _jsx } from "react/jsx-runtime";
-const ScaleInOutAnimation = ({
-  visible = true,
-  springConfig = {
-    damping: 500,
-    mass: 3,
-    stiffness: 1000
-  },
-  children,
-  style
-}) => {
-  const enteringAnimation = () => {
-    "worklet";
-
-    return {
-      initialValues: {
-        opacity: 0,
-        transform: [{
-          scale: 0.5
-        }]
-      },
-      animations: {
-        opacity: withSpring(1, springConfig),
-        transform: [{
-          scale: withSpring(1, springConfig)
-        }]
-      }
-    };
-  };
-  const exitingAnimation = () => {
-    "worklet";
-
-    return {
-      initialValues: {
-        opacity: 1,
-        transform: [{
-          scale: 1
-        }]
-      },
-      animations: {
-        opacity: withSpring(0, springConfig),
-        transform: [{
-          scale: withSpring(0.5, springConfig)
-        }]
-      }
-    };
-  };
-  if (!visible) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: style,
-    entering: enteringAnimation,
-    exiting: exitingAnimation,
-    children: children
-  });
-};
-export { ScaleInOutAnimation };
-//# sourceMappingURL=ScaleInOutAnimation.js.map

package/lib/module/components/common/ScaleInOutAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","withSpring","jsx","_jsx","ScaleInOutAnimation","visible","springConfig","damping","mass","stiffness","children","style","enteringAnimation","initialValues","opacity","transform","scale","animations","exitingAnimation","View","entering","exiting"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,QAAQ,IAGbC,UAAU,QACL,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASjC,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,OAAO,GAAG,IAAI;EACdC,YAAY,GAAG;IAAEC,OAAO,EAAE,GAAG;IAAEC,IAAI,EAAE,CAAC;IAAEC,SAAS,EAAE;EAAK,CAAC;EACzDC,QAAQ;EACRC;AACK,CAAC,KAAK;EACX,MAAMC,iBAAiB,GAAGA,CAAA,KAAuB;IAC/C,SAAS;;IACT,OAAO;MACLC,aAAa,EAAE;QACbC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAI,CAAC;MAC5B,CAAC;MACDC,UAAU,EAAE;QACVH,OAAO,EAAEb,UAAU,CAAC,CAAC,EAAEK,YAAY,CAAC;QACpCS,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEf,UAAU,CAAC,CAAC,EAAEK,YAAY;QAAE,CAAC;MACpD;IACF,CAAC;EACH,CAAC;EAED,MAAMY,gBAAgB,GAAGA,CAAA,KAAuB;IAC9C,SAAS;;IACT,OAAO;MACLL,aAAa,EAAE;QACbC,OAAO,EAAE,CAAC;QACVC,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAE;QAAE,CAAC;MAC1B,CAAC;MACDC,UAAU,EAAE;QACVH,OAAO,EAAEb,UAAU,CAAC,CAAC,EAAEK,YAAY,CAAC;QACpCS,SAAS,EAAE,CAAC;UAAEC,KAAK,EAAEf,UAAU,CAAC,GAAG,EAAEK,YAAY;QAAE,CAAC;MACtD;IACF,CAAC;EACH,CAAC;EAED,IAAI,CAACD,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEF,IAAA,CAACH,QAAQ,CAACmB,IAAI;IACZR,KAAK,EAAEA,KAAM;IACbS,QAAQ,EAAER,iBAAkB;IAC5BS,OAAO,EAAEH,gBAAiB;IAAAR,QAAA,EAEzBA;EAAQ,CACI,CAAC;AAEpB,CAAC;AAED,SAASN,mBAAmB","ignoreList":[]}

package/lib/typescript/components/common/ScaleInOutAnimation.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { ViewStyle } from "react-native";
-import { WithSpringConfig } from "react-native-reanimated";
-type Props = {
-    visible?: boolean;
-    springConfig?: WithSpringConfig;
-    children: React.ReactNode;
-    style?: ViewStyle;
-};
-declare const ScaleInOutAnimation: ({ visible, springConfig, children, style }: Props) => React.JSX.Element | null;
-export { ScaleInOutAnimation };
-//# sourceMappingURL=ScaleInOutAnimation.d.ts.map

package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScaleInOutAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/common/ScaleInOutAnimation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAiB,EAEf,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,mBAAmB,GAAI,4CAK1B,KAAK,6BA0CP,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/src/components/common/ScaleInOutAnimation.tsx

@@ -1,66 +0,0 @@
-/* eslint-disable functional/immutable-data */
-import React from "react";
-import { ViewStyle } from "react-native";
-import Animated, {
-  LayoutAnimation,
-  WithSpringConfig,
-  withSpring
-} from "react-native-reanimated";
-
-type Props = {
-  visible?: boolean;
-  springConfig?: WithSpringConfig;
-  children: React.ReactNode;
-  style?: ViewStyle;
-};
-
-const ScaleInOutAnimation = ({
-  visible = true,
-  springConfig = { damping: 500, mass: 3, stiffness: 1000 },
-  children,
-  style
-}: Props) => {
-  const enteringAnimation = (): LayoutAnimation => {
-    "worklet";
-    return {
-      initialValues: {
-        opacity: 0,
-        transform: [{ scale: 0.5 }]
-      },
-      animations: {
-        opacity: withSpring(1, springConfig),
-        transform: [{ scale: withSpring(1, springConfig) }]
-      }
-    };
-  };
-
-  const exitingAnimation = (): LayoutAnimation => {
-    "worklet";
-    return {
-      initialValues: {
-        opacity: 1,
-        transform: [{ scale: 1 }]
-      },
-      animations: {
-        opacity: withSpring(0, springConfig),
-        transform: [{ scale: withSpring(0.5, springConfig) }]
-      }
-    };
-  };
-
-  if (!visible) {
-    return null;
-  }
-
-  return (
-    <Animated.View
-      style={style}
-      entering={enteringAnimation}
-      exiting={exitingAnimation}
-    >
-      {children}
-    </Animated.View>
-  );
-};
-
-export { ScaleInOutAnimation };