@fluentui-react-native/experimental-shimmer 0.13.19 → 0.14.0

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Change Log - @fluentui-react-native/experimental-shimmer
 
+## 0.14.0
+
+### Minor Changes
+
+- d7adbdd: # Migration from Beachball to Changesets
+
+  This changeset represents the migration from Beachball to Changesets for version management and consolidates all changes from 440+ beachball change files that were in the `change/` directory.
+
+  All 75 affected packages receive a minor version bump to acknowledge the accumulated changes from the beachball era.
+
+  ## What Changed
+
+  Going forward, all version management uses Changesets via `yarn changeset`. The following beachball infrastructure has been removed:
+
+  - ❌ 440+ beachball change files from `change/` directory
+  - ❌ `beachball` package dependency
+  - ❌ Beachball scripts from `package.json`
+  - ❌ `beachball.config.js` configuration file
+  - ❌ Beachball publish steps from Azure Pipelines
+
+  ## New Workflow
+
+  ✅ **Create changes**: Run `yarn changeset` to document changes
+  ✅ **Version bump PRs**: Automatically created by GitHub Actions
+  ✅ **Publishing**: Handled by Azure Pipelines using `changeset publish`
+  ✅ **Validation**: CI validates changesets and blocks major version bumps
+
+  For details, see `CHANGESETS_SETUP.md` and `CONTRIBUTING.md`.
+
+### Patch Changes
+
+- d1d8c26: We were pinning @types/react and react-native-macos via resolutions. This fixes that which uncovered a bunch of type inconsistencies that needed to be addressed.
+- Updated dependencies [d7adbdd]
+- Updated dependencies [d1d8c26]
+  - @fluentui-react-native/framework@0.15.0
+  - @fluentui-react-native/theming-utils@0.27.0
+  - @fluentui-react-native/tokens@0.24.0
+  - @fluentui-react-native/use-styling@0.14.0
+
 <!-- This log was last generated on Tue, 05 Aug 2025 18:50:43 GMT and should not be manually modified. -->
 
 <!-- Start content -->

package/SPEC.md

@@ -57,7 +57,7 @@ function shimmerRects(): Array<ShimmerRectElement | ShimmerCircleElement> {
 <Shimmer elements={shimmerRects()} style={{ width: 300, height: 100 }} />;
 ```
 
-More examples on the [Test pages for the Shimmer](../../../apps/fluent-tester/src/TestComponents/Shimmer). Instructions on running the tester app can be found [here](../../../apps/fluent-tester/README.md).
+More examples on the [Test pages for the Shimmer](../../../apps/tester-core/src/TestComponents/Shimmer). Instructions on running the tester app can be found [here](../../../apps/fluent-tester/README.md).
 
 ## Visual Examples
 
@@ -109,7 +109,7 @@ export interface ShimmerCircleElement {
    * Radius of the circle element.
    * @defaultValue 12
    */
-  radius?: number;
+  radius?: AnimatableNumericValue | string;
 
   /**
    * Note: cx and cy should be optional properties [or removed], with relative positioning being the default [or only] positioning mechanism.

package/lib/Shimmer.d.ts

@@ -1,3 +1,8 @@
 import type { ShimmerProps } from './Shimmer.types';
-export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.shared").ShimmerSlotProps, import("./Shimmer.types.shared").ShimmerTokens, import("@fluentui-react-native/framework").ObjectBase>;
-//# sourceMappingURL=Shimmer.d.ts.map
+export declare const Shimmer: import('@fluentui-react-native/framework').ComposableComponent<
+  ShimmerProps,
+  import('./Shimmer.types.shared').ShimmerSlotProps,
+  import('./Shimmer.types.shared').ShimmerTokens,
+  import('@fluentui-react-native/framework-base').ObjectBase
+>;
+//# sourceMappingURL=Shimmer.d.ts.map

package/lib/Shimmer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAIjE,eAAO,MAAM,OAAO,wOAmIlB,CAAC"}
+{"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAIjE,eAAO,MAAM,OAAO,6OAmIlB,CAAC"}

package/lib/Shimmer.js

@@ -1,99 +1,160 @@
-/** @jsxRuntime classic */
-/** @jsx withSlots */
+import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+/** @jsxImportSource @fluentui-react-native/framework-base */
 import { useRef, useEffect, useMemo, useCallback } from 'react';
 import { Animated, I18nManager } from 'react-native';
-import { compose, mergeProps, withSlots, buildUseStyling } from '@fluentui-react-native/framework';
+import { compose, mergeProps, buildUseStyling } from '@fluentui-react-native/framework';
 import assertNever from 'assert-never';
 import { Circle, ClipPath, Defs, LinearGradient, Rect, Stop, Svg, G } from 'react-native-svg';
 import { stylingSettings } from './Shimmer.styling';
 import { shimmerName } from './Shimmer.types';
 const useStyling = buildUseStyling(stylingSettings);
 export const Shimmer = compose({
-    displayName: shimmerName,
-    ...stylingSettings,
-    slots: {
-        root: Svg,
-    },
-    useRender: (props, useSlots) => {
-        const Slots = useSlots(props);
-        props = mergeProps(props, Slots.root({}).props);
-        const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
-        const tokens = useStyling(props).root;
-        const memoizedShimmerData = useMemo(() => ({
-            angle: props.angle ? props.angle : tokens['angle'],
-            backgroundColor: props?.style?.['backgroundColor'] ? props?.style['backgroundColor'] : tokens['backgroundColor'] ?? 'transparent',
-            containerBorderRadius: props?.style?.['borderRadius'] ? props?.style['borderRadius'] : 0,
-            containerWidth: props?.style?.['width'] ? props?.style['width'] : '100%',
-            containerHeight: props?.style?.['height'] ? props?.style['height'] : '100%',
-            delay: props.delay ? props.delay : tokens['delay'],
-            duration: props.duration ? props.duration : tokens['duration'],
-            shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
-            shimmerColorOpacity: tokens['shimmerColorOpacity'],
-            shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
-            shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
-        }), [
-            props.angle,
-            props.backgroundColor,
-            props.delay,
-            props.duration,
-            props.shimmerColor,
-            props.shimmerColorOpacity,
-            props.shimmerWaveColor,
-            props.shimmerWaveColorOpacity,
-            props.style,
-        ]);
-        /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
-         * Different angles are handled by rotating this gradient.
-         * The startValue is used to control the start position of the gradient animation, it is set as -2 to make sure it is starts off the screen for any angle.
-         * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
-         * In RTL, startValue and endValue are flipped to ensure that the animation moves from right to left.
-         */
-        const startValue = I18nManager.isRTL ? 3 : -2;
-        const endValue = I18nManager.isRTL ? -2 : 3;
-        const x1 = useRef(new Animated.Value(startValue)).current;
-        const shimmerAnimation = useCallback(() => {
-            Animated.loop(Animated.timing(x1, {
-                toValue: endValue,
-                duration: memoizedShimmerData.duration,
-                delay: memoizedShimmerData.delay,
-                useNativeDriver: true,
-            })).start();
-        }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
-        useEffect(() => {
-            shimmerAnimation();
-        });
-        return (rest) => {
-            const { elements, ...mergedProps } = mergeProps(props, rest);
-            const rows = [];
-            if (elements) {
-                for (let i = 0; i < elements.length; i++) {
-                    const element = elements[i];
-                    if (element.type == 'rect') {
-                        rows.push(withSlots(Rect, { key: i, width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }));
-                    }
-                    else if (element.type == 'circle') {
-                        rows.push(withSlots(Circle, { key: i, r: element.radius, cx: element.cx, cy: element.cy }));
-                    }
-                    else {
-                        assertNever(element);
-                    }
-                }
-            }
-            // Flip the SVG if we are running in RTL
-            const rtlTransfrom = I18nManager.isRTL
-                ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
-                : { translateX: undefined, scaleX: undefined };
-            return (withSlots(Slots.root, { ...mergedProps },
-                withSlots(Defs, null,
-                    withSlots(AnimatedLinearGradient, { id: "gradient", x1: x1, x2: "-1", gradientTransform: `rotate(${memoizedShimmerData.angle})` },
-                        withSlots(Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
-                        withSlots(Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
-                        withSlots(Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
-                    withSlots(ClipPath, { id: "shimmerView" }, rows)),
-                withSlots(G, { transformProps: rtlTransfrom },
-                    withSlots(Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: memoizedShimmerData.backgroundColor, rx: memoizedShimmerData.containerBorderRadius }),
-                    withSlots(Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", rx: memoizedShimmerData.containerBorderRadius, clipPath: "url(#shimmerView)" }))));
-        };
-    },
+  displayName: shimmerName,
+  ...stylingSettings,
+  slots: {
+    root: Svg,
+  },
+  useRender: (props, useSlots) => {
+    const Slots = useSlots(props);
+    props = mergeProps(props, Slots.root({}).props);
+    const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
+    const tokens = useStyling(props).root;
+    const memoizedShimmerData = useMemo(
+      () => ({
+        angle: props.angle ? props.angle : tokens['angle'],
+        backgroundColor: props?.style?.['backgroundColor'] ? props?.style['backgroundColor'] : tokens['backgroundColor'] ?? 'transparent',
+        containerBorderRadius: props?.style?.['borderRadius'] ? props?.style['borderRadius'] : 0,
+        containerWidth: props?.style?.['width'] ? props?.style['width'] : '100%',
+        containerHeight: props?.style?.['height'] ? props?.style['height'] : '100%',
+        delay: props.delay ? props.delay : tokens['delay'],
+        duration: props.duration ? props.duration : tokens['duration'],
+        shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
+        shimmerColorOpacity: tokens['shimmerColorOpacity'],
+        shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
+        shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
+      }),
+      [
+        props.angle,
+        props.backgroundColor,
+        props.delay,
+        props.duration,
+        props.shimmerColor,
+        props.shimmerColorOpacity,
+        props.shimmerWaveColor,
+        props.shimmerWaveColorOpacity,
+        props.style,
+      ],
+    );
+    /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
+     * Different angles are handled by rotating this gradient.
+     * The startValue is used to control the start position of the gradient animation, it is set as -2 to make sure it is starts off the screen for any angle.
+     * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
+     * In RTL, startValue and endValue are flipped to ensure that the animation moves from right to left.
+     */
+    const startValue = I18nManager.isRTL ? 3 : -2;
+    const endValue = I18nManager.isRTL ? -2 : 3;
+    const x1 = useRef(new Animated.Value(startValue)).current;
+    const shimmerAnimation = useCallback(() => {
+      Animated.loop(
+        Animated.timing(x1, {
+          toValue: endValue,
+          duration: memoizedShimmerData.duration,
+          delay: memoizedShimmerData.delay,
+          useNativeDriver: true,
+        }),
+      ).start();
+    }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
+    useEffect(() => {
+      shimmerAnimation();
+    });
+    return (rest) => {
+      const { elements, ...mergedProps } = mergeProps(props, rest);
+      const rows = [];
+      if (elements) {
+        for (let i = 0; i < elements.length; i++) {
+          const element = elements[i];
+          if (element.type == 'rect') {
+            rows.push(
+              _jsx(
+                Rect,
+                {
+                  width: element.width,
+                  height: element.height,
+                  x: element.x,
+                  y: element.y,
+                  rx: element.borderRadiusX,
+                  ry: element.borderRadiusY,
+                },
+                i,
+              ),
+            );
+          } else if (element.type == 'circle') {
+            rows.push(_jsx(Circle, { r: element.radius, cx: element.cx, cy: element.cy }, i));
+          } else {
+            assertNever(element);
+          }
+        }
+      }
+      // Flip the SVG if we are running in RTL
+      const rtlTransfrom = I18nManager.isRTL
+        ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
+        : { translateX: undefined, scaleX: undefined };
+      return _jsxs(Slots.root, {
+        ...mergedProps,
+        children: [
+          _jsxs(Defs, {
+            children: [
+              _jsxs(AnimatedLinearGradient, {
+                id: 'gradient',
+                x1: x1,
+                x2: '-1',
+                gradientTransform: `rotate(${memoizedShimmerData.angle})`,
+                children: [
+                  _jsx(Stop, {
+                    offset: '10%',
+                    stopColor: memoizedShimmerData.shimmerColor,
+                    stopOpacity: memoizedShimmerData.shimmerColorOpacity,
+                  }),
+                  _jsx(Stop, {
+                    offset: '20%',
+                    stopColor: memoizedShimmerData.shimmerWaveColor,
+                    stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity,
+                  }),
+                  _jsx(Stop, {
+                    offset: '30%',
+                    stopColor: memoizedShimmerData.shimmerColor,
+                    stopOpacity: memoizedShimmerData.shimmerColorOpacity,
+                  }),
+                ],
+              }),
+              _jsx(ClipPath, { id: 'shimmerView', children: rows }),
+            ],
+          }),
+          _jsxs(G, {
+            transformProps: rtlTransfrom,
+            children: [
+              _jsx(Rect, {
+                x: '0',
+                y: '0',
+                width: memoizedShimmerData.containerWidth,
+                height: memoizedShimmerData.containerHeight,
+                fill: memoizedShimmerData.backgroundColor,
+                rx: memoizedShimmerData.containerBorderRadius,
+              }),
+              _jsx(Rect, {
+                x: '0',
+                y: '0',
+                width: memoizedShimmerData.containerWidth,
+                height: memoizedShimmerData.containerHeight,
+                fill: 'url(#gradient)',
+                rx: memoizedShimmerData.containerBorderRadius,
+                clipPath: 'url(#shimmerView)',
+              }),
+            ],
+          }),
+        ],
+      });
+    };
+  },
 });
-//# sourceMappingURL=Shimmer.js.map
+//# sourceMappingURL=Shimmer.js.map

package/lib/Shimmer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}

package/lib/Shimmer.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { ShimmerProps, ShimmerSlotProps, ShimmerTokens } from './Shimmer.types';
 export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
-//# sourceMappingURL=Shimmer.styling.d.ts.map
+//# sourceMappingURL=Shimmer.styling.d.ts.map

package/lib/Shimmer.styling.js

@@ -2,30 +2,33 @@ import { buildProps } from '@fluentui-react-native/framework';
 import { shimmerName } from './Shimmer.types';
 import { defaultShimmerTokens } from './ShimmerTokens';
 export const stylingSettings = {
-    tokens: [defaultShimmerTokens, shimmerName],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: buildProps((tokens) => ({
-            accessibilityRole: 'progressbar',
-            accessible: true,
-            style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
-            angle: tokens.angle,
-            delay: tokens.delay,
-            duration: tokens.duration,
-            shimmerColor: tokens.shimmerColor,
-            shimmerColorOpacity: tokens.shimmerColorOpacity,
-            shimmerWaveColor: tokens.shimmerWaveColor,
-            shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
-        }), [
-            'angle',
-            'delay',
-            'duration',
-            'shimmerColor',
-            'shimmerColorOpacity',
-            'shimmerWaveColor',
-            'shimmerWaveColorOpacity',
-            'backgroundColor',
-        ]),
-    },
+  tokens: [defaultShimmerTokens, shimmerName],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: buildProps(
+      (tokens) => ({
+        accessibilityRole: 'progressbar',
+        accessible: true,
+        style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
+        angle: tokens.angle,
+        delay: tokens.delay,
+        duration: tokens.duration,
+        shimmerColor: tokens.shimmerColor,
+        shimmerColorOpacity: tokens.shimmerColorOpacity,
+        shimmerWaveColor: tokens.shimmerWaveColor,
+        shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
+      }),
+      [
+        'angle',
+        'delay',
+        'duration',
+        'shimmerColor',
+        'shimmerColorOpacity',
+        'shimmerWaveColor',
+        'shimmerWaveColorOpacity',
+        'backgroundColor',
+      ],
+    ),
+  },
 };
-//# sourceMappingURL=Shimmer.styling.js.map
+//# sourceMappingURL=Shimmer.styling.js.map

package/lib/Shimmer.styling.win32.d.ts

@@ -5,4 +5,4 @@ import type { ShimmerSlotProps } from './Shimmer.types.win32';
  * tell the styling hook how to build up the tokens
  */
 export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
-//# sourceMappingURL=Shimmer.styling.win32.d.ts.map
+//# sourceMappingURL=Shimmer.styling.win32.d.ts.map

package/lib/Shimmer.styling.win32.js

@@ -5,28 +5,40 @@ import { defaultShimmerTokens } from './ShimmerTokens.win32';
  * tell the styling hook how to build up the tokens
  */
 export const stylingSettings = {
-    tokens: [defaultShimmerTokens, shimmerName],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: buildProps((tokens) => ({
-            accessibilityRole: 'progressbar',
-            accessible: true,
-            style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
-        }), ['backgroundColor']),
-        shimmerWaveContainer: buildProps((tokens) => ({
-            delay: tokens.delay,
-            duration: tokens.duration,
-            shimmerColor: tokens.shimmerColor,
-        }), ['delay', 'duration', 'shimmerColor']),
-        shimmerWave: buildProps((tokens) => ({
-            angle: tokens.angle,
-            shimmerColor: tokens.shimmerColor,
-            shimmerWaveColor: tokens.shimmerWaveColor,
-            shimmerWaveWidth: tokens.shimmerWaveWidth,
-        }), ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
-        clippingMask: buildProps((tokens) => ({
-            backgroundColor: tokens.backgroundColor,
-        }), ['backgroundColor']),
-    },
+  tokens: [defaultShimmerTokens, shimmerName],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: buildProps(
+      (tokens) => ({
+        accessibilityRole: 'progressbar',
+        accessible: true,
+        style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
+      }),
+      ['backgroundColor'],
+    ),
+    shimmerWaveContainer: buildProps(
+      (tokens) => ({
+        delay: tokens.delay,
+        duration: tokens.duration,
+        shimmerColor: tokens.shimmerColor,
+      }),
+      ['delay', 'duration', 'shimmerColor'],
+    ),
+    shimmerWave: buildProps(
+      (tokens) => ({
+        angle: tokens.angle,
+        shimmerColor: tokens.shimmerColor,
+        shimmerWaveColor: tokens.shimmerWaveColor,
+        shimmerWaveWidth: tokens.shimmerWaveWidth,
+      }),
+      ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth'],
+    ),
+    clippingMask: buildProps(
+      (tokens) => ({
+        backgroundColor: tokens.backgroundColor,
+      }),
+      ['backgroundColor'],
+    ),
+  },
 };
-//# sourceMappingURL=Shimmer.styling.win32.js.map
+//# sourceMappingURL=Shimmer.styling.win32.js.map

package/lib/Shimmer.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Shimmer.test.d.ts.map
+//# sourceMappingURL=Shimmer.test.d.ts.map

package/lib/Shimmer.test.js

@@ -1,53 +1,57 @@
-import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
+import { act } from 'react';
 import * as renderer from 'react-test-renderer';
 import { Shimmer } from './Shimmer';
 function shimmerRects() {
-    return [
-        {
-            type: 'rect',
-            borderRadiusX: 3,
-            borderRadiusY: 3,
-            width: 100,
-            height: 20,
-            x: 90,
-            y: 70,
-        },
-        {
-            type: 'rect',
-            borderRadiusX: 3,
-            borderRadiusY: 3,
-            width: 150,
-            height: 20,
-            x: 90,
-            y: 42,
-        },
-        {
-            type: 'rect',
-            borderRadiusX: 3,
-            borderRadiusY: 3,
-            width: 200,
-            height: 20,
-            x: 90,
-            y: 15,
-        },
-    ];
+  return [
+    {
+      type: 'rect',
+      borderRadiusX: 3,
+      borderRadiusY: 3,
+      width: 100,
+      height: 20,
+      x: 90,
+      y: 70,
+    },
+    {
+      type: 'rect',
+      borderRadiusX: 3,
+      borderRadiusY: 3,
+      width: 150,
+      height: 20,
+      x: 90,
+      y: 42,
+    },
+    {
+      type: 'rect',
+      borderRadiusX: 3,
+      borderRadiusY: 3,
+      width: 200,
+      height: 20,
+      x: 90,
+      y: 15,
+    },
+  ];
 }
 const style = { width: 300, height: 100 };
+// mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
+jest.useFakeTimers();
 describe('Shimmer component tests', () => {
-    beforeAll(() => {
-        // mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
-        jest.useFakeTimers();
-        jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+  it('Shimmer default', async () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(Shimmer, { elements: shimmerRects() }));
     });
-    it('Shimmer default', async () => {
-        const tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects() })).toJSON();
-        expect(tree).toMatchSnapshot();
-        await renderer.act(async () => null);
-    });
-    it('Shimmer with style prop', async () => {
-        const tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects(), style: style })).toJSON();
-        expect(tree).toMatchSnapshot();
-        await renderer.act(async () => null);
+    expect(component.toJSON()).toMatchSnapshot();
+    await act(async () => null);
+  });
+  it('Shimmer with style prop', async () => {
+    let component;
+    act(() => {
+      component = renderer.create(_jsx(Shimmer, { elements: shimmerRects(), style: style }));
     });
+    expect(component.toJSON()).toMatchSnapshot();
+    await act(async () => null);
+  });
 });
-//# sourceMappingURL=Shimmer.test.js.map
+//# sourceMappingURL=Shimmer.test.js.map

package/lib/Shimmer.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,SAAS,YAAY;IACnB,OAAO;QACL;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAC;AACJ,CAAC;AAED,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,8HAA8H;QAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,sDAAsD,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC7E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAC/B,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3F,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAC/B,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,SAAS,YAAY,GAAqD;IACxE,OAAO;QACL;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAC;AAAA,CACH;AAED,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,8HAA8H;AAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE,CAAC;QAChC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC;QAAA,CACpE,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE,CAAC;QACxC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;QAAA,CAClF,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}