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

package/lib-commonjs/Shimmer.js

@@ -1,105 +1,168 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.Shimmer = void 0;
-/** @jsxRuntime classic */
-/** @jsx withSlots */
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const assert_never_1 = __importDefault(require("assert-never"));
-const react_native_svg_1 = require("react-native-svg");
-const Shimmer_styling_1 = require("./Shimmer.styling");
-const Shimmer_types_1 = require("./Shimmer.types");
+const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+/** @jsxImportSource @fluentui-react-native/framework-base */
+const react_1 = require('react');
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const assert_never_1 = __importDefault(require('assert-never'));
+const react_native_svg_1 = require('react-native-svg');
+const Shimmer_styling_1 = require('./Shimmer.styling');
+const Shimmer_types_1 = require('./Shimmer.types');
 const useStyling = (0, framework_1.buildUseStyling)(Shimmer_styling_1.stylingSettings);
 exports.Shimmer = (0, framework_1.compose)({
-    displayName: Shimmer_types_1.shimmerName,
-    ...Shimmer_styling_1.stylingSettings,
-    slots: {
-        root: react_native_svg_1.Svg,
-    },
-    useRender: (props, useSlots) => {
-        const Slots = useSlots(props);
-        props = (0, framework_1.mergeProps)(props, Slots.root({}).props);
-        const AnimatedLinearGradient = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.LinearGradient);
-        const tokens = useStyling(props).root;
-        const memoizedShimmerData = (0, react_1.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 = react_native_1.I18nManager.isRTL ? 3 : -2;
-        const endValue = react_native_1.I18nManager.isRTL ? -2 : 3;
-        const x1 = (0, react_1.useRef)(new react_native_1.Animated.Value(startValue)).current;
-        const shimmerAnimation = (0, react_1.useCallback)(() => {
-            react_native_1.Animated.loop(react_native_1.Animated.timing(x1, {
-                toValue: endValue,
-                duration: memoizedShimmerData.duration,
-                delay: memoizedShimmerData.delay,
-                useNativeDriver: true,
-            })).start();
-        }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
-        (0, react_1.useEffect)(() => {
-            shimmerAnimation();
-        });
-        return (rest) => {
-            const { elements, ...mergedProps } = (0, framework_1.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((0, framework_1.withSlots)(react_native_svg_1.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((0, framework_1.withSlots)(react_native_svg_1.Circle, { key: i, r: element.radius, cx: element.cx, cy: element.cy }));
-                    }
-                    else {
-                        (0, assert_never_1.default)(element);
-                    }
-                }
-            }
-            // Flip the SVG if we are running in RTL
-            const rtlTransfrom = react_native_1.I18nManager.isRTL
-                ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
-                : { translateX: undefined, scaleX: undefined };
-            return ((0, framework_1.withSlots)(Slots.root, { ...mergedProps },
-                (0, framework_1.withSlots)(react_native_svg_1.Defs, null,
-                    (0, framework_1.withSlots)(AnimatedLinearGradient, { id: "gradient", x1: x1, x2: "-1", gradientTransform: `rotate(${memoizedShimmerData.angle})` },
-                        (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
-                        (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
-                        (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
-                    (0, framework_1.withSlots)(react_native_svg_1.ClipPath, { id: "shimmerView" }, rows)),
-                (0, framework_1.withSlots)(react_native_svg_1.G, { transformProps: rtlTransfrom },
-                    (0, framework_1.withSlots)(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: memoizedShimmerData.backgroundColor, rx: memoizedShimmerData.containerBorderRadius }),
-                    (0, framework_1.withSlots)(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", rx: memoizedShimmerData.containerBorderRadius, clipPath: "url(#shimmerView)" }))));
-        };
-    },
+  displayName: Shimmer_types_1.shimmerName,
+  ...Shimmer_styling_1.stylingSettings,
+  slots: {
+    root: react_native_svg_1.Svg,
+  },
+  useRender: (props, useSlots) => {
+    const Slots = useSlots(props);
+    props = (0, framework_1.mergeProps)(props, Slots.root({}).props);
+    const AnimatedLinearGradient = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.LinearGradient);
+    const tokens = useStyling(props).root;
+    const memoizedShimmerData = (0, react_1.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 = react_native_1.I18nManager.isRTL ? 3 : -2;
+    const endValue = react_native_1.I18nManager.isRTL ? -2 : 3;
+    const x1 = (0, react_1.useRef)(new react_native_1.Animated.Value(startValue)).current;
+    const shimmerAnimation = (0, react_1.useCallback)(() => {
+      react_native_1.Animated.loop(
+        react_native_1.Animated.timing(x1, {
+          toValue: endValue,
+          duration: memoizedShimmerData.duration,
+          delay: memoizedShimmerData.delay,
+          useNativeDriver: true,
+        }),
+      ).start();
+    }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
+    (0, react_1.useEffect)(() => {
+      shimmerAnimation();
+    });
+    return (rest) => {
+      const { elements, ...mergedProps } = (0, framework_1.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_runtime_1.jsx(
+                react_native_svg_1.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_runtime_1.jsx(react_native_svg_1.Circle, { r: element.radius, cx: element.cx, cy: element.cy }, i));
+          } else {
+            (0, assert_never_1.default)(element);
+          }
+        }
+      }
+      // Flip the SVG if we are running in RTL
+      const rtlTransfrom = react_native_1.I18nManager.isRTL
+        ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
+        : { translateX: undefined, scaleX: undefined };
+      return jsx_runtime_1.jsxs(Slots.root, {
+        ...mergedProps,
+        children: [
+          jsx_runtime_1.jsxs(react_native_svg_1.Defs, {
+            children: [
+              jsx_runtime_1.jsxs(AnimatedLinearGradient, {
+                id: 'gradient',
+                x1: x1,
+                x2: '-1',
+                gradientTransform: `rotate(${memoizedShimmerData.angle})`,
+                children: [
+                  jsx_runtime_1.jsx(react_native_svg_1.Stop, {
+                    offset: '10%',
+                    stopColor: memoizedShimmerData.shimmerColor,
+                    stopOpacity: memoizedShimmerData.shimmerColorOpacity,
+                  }),
+                  jsx_runtime_1.jsx(react_native_svg_1.Stop, {
+                    offset: '20%',
+                    stopColor: memoizedShimmerData.shimmerWaveColor,
+                    stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity,
+                  }),
+                  jsx_runtime_1.jsx(react_native_svg_1.Stop, {
+                    offset: '30%',
+                    stopColor: memoizedShimmerData.shimmerColor,
+                    stopOpacity: memoizedShimmerData.shimmerColorOpacity,
+                  }),
+                ],
+              }),
+              jsx_runtime_1.jsx(react_native_svg_1.ClipPath, { id: 'shimmerView', children: rows }),
+            ],
+          }),
+          jsx_runtime_1.jsxs(react_native_svg_1.G, {
+            transformProps: rtlTransfrom,
+            children: [
+              jsx_runtime_1.jsx(react_native_svg_1.Rect, {
+                x: '0',
+                y: '0',
+                width: memoizedShimmerData.containerWidth,
+                height: memoizedShimmerData.containerHeight,
+                fill: memoizedShimmerData.backgroundColor,
+                rx: memoizedShimmerData.containerBorderRadius,
+              }),
+              jsx_runtime_1.jsx(react_native_svg_1.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-commonjs/Shimmer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":";;;;;;AAAA,0BAA0B;AAC1B,qBAAqB;AACrB,iCAAgE;AAEhE,+CAAqD;AAGrD,gEAAmG;AACnG,gEAAuC;AACvC,uDAA8F;AAE9F,uDAAoD;AAEpD,mDAA8C;AAE9C,MAAM,UAAU,GAAG,IAAA,2BAAe,EAAC,iCAAe,CAAC,CAAC;AACvC,QAAA,OAAO,GAAG,IAAA,mBAAO,EAAc;IAC1C,WAAW,EAAE,2BAAW;IACxB,GAAG,iCAAe;IAClB,KAAK,EAAE;QACL,IAAI,EAAE,sBAAG;KACV;IACD,SAAS,EAAE,CAAC,KAAmB,EAAE,QAA+B,EAAE,EAAE;QAClE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,KAAK,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAChD,MAAM,sBAAsB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,iCAAc,CAAC,CAAC;QAChF,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;QACtC,MAAM,mBAAmB,GAAG,IAAA,eAAO,EACjC,GAAG,EAAE,CAAC,CAAC;YACL,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;YAClD,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,aAAa;YACjI,qBAAqB,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;YACxF,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM;YACxE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM;YAC3E,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;YAClD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;YAC9D,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC;YAC9E,mBAAmB,EAAE,MAAM,CAAC,qBAAqB,CAAC;YAClD,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC;YAC9F,uBAAuB,EAAE,MAAM,CAAC,yBAAyB,CAAC;SAC3D,CAAC,EACF;YACE,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,eAAe;YACrB,KAAK,CAAC,KAAK;YACX,KAAK,CAAC,QAAQ;YACd,KAAK,CAAC,YAAY;YAClB,KAAK,CAAC,mBAAmB;YACzB,KAAK,CAAC,gBAAgB;YACtB,KAAK,CAAC,uBAAuB;YAC7B,KAAK,CAAC,KAAK;SACZ,CACF,CAAC;QAEF;;;;;WAKG;QACH,MAAM,UAAU,GAAG,0BAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,MAAM,QAAQ,GAAG,0BAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,EAAE,GAAG,IAAA,cAAM,EAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;QAC1D,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;YACxC,uBAAQ,CAAC,IAAI,CACX,uBAAQ,CAAC,MAAM,CAAC,EAAE,EAAE;gBAClB,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,mBAAmB,CAAC,QAAQ;gBACtC,KAAK,EAAE,mBAAmB,CAAC,KAAK;gBAChC,eAAe,EAAE,IAAI;aACtB,CAAC,CACH,CAAC,KAAK,EAAE,CAAC;QACZ,CAAC,EAAE,CAAC,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAE9D,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,gBAAgB,EAAE,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,IAAkB,EAAE,EAAE;YAC5B,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC7D,MAAM,IAAI,GAAG,EAAE,CAAC;YAEhB,IAAI,QAAQ,EAAE;gBACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,CAAC,IAAI,IAAI,MAAM,EAAE;wBAC1B,IAAI,CAAC,IAAI,CACP,2BAAC,uBAAI,IACH,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,CAAC,EAAE,OAAO,CAAC,CAAC,EACZ,CAAC,EAAE,OAAO,CAAC,CAAC,EACZ,EAAE,EAAE,OAAO,CAAC,aAAa,EACzB,EAAE,EAAE,OAAO,CAAC,aAAa,GACzB,CACH,CAAC;qBACH;yBAAM,IAAI,OAAO,CAAC,IAAI,IAAI,QAAQ,EAAE;wBACnC,IAAI,CAAC,IAAI,CAAC,2BAAC,yBAAM,IAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,GAAI,CAAC,CAAC;qBAClF;yBAAM;wBACL,IAAA,sBAAW,EAAC,OAAO,CAAC,CAAC;qBACtB;iBACF;aACF;YAED,wCAAwC;YACxC,MAAM,YAAY,GAA0C,0BAAW,CAAC,KAAK;gBAC3E,CAAC,CAAC,EAAE,UAAU,EAAE,mBAAmB,CAAC,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;gBAChE,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;YAEjD,OAAO,CACL,2BAAC,KAAK,CAAC,IAAI,OAAK,WAAW;gBACzB,2BAAC,uBAAI;oBACH,2BAAC,sBAAsB,IAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,IAAI,EAAC,iBAAiB,EAAE,UAAU,mBAAmB,CAAC,KAAK,GAAG;wBAC7G,2BAAC,uBAAI,IAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC,mBAAmB,GAAI;wBACxH,2BAAC,uBAAI,IACH,MAAM,EAAC,KAAK,EACZ,SAAS,EAAE,mBAAmB,CAAC,gBAAgB,EAC/C,WAAW,EAAE,mBAAmB,CAAC,uBAAuB,GACxD;wBACF,2BAAC,uBAAI,IAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC,mBAAmB,GAAI,CACjG;oBACzB,2BAAC,2BAAQ,IAAC,EAAE,EAAC,aAAa,IAAE,IAAI,CAAY,CACvC;gBACP,2BAAC,oBAAC,IAAC,cAAc,EAAE,YAAY;oBAC7B,2BAAC,uBAAI,IACH,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAE,mBAAmB,CAAC,cAAc,EACzC,MAAM,EAAE,mBAAmB,CAAC,eAAe,EAC3C,IAAI,EAAE,mBAAmB,CAAC,eAAe,EACzC,EAAE,EAAE,mBAAmB,CAAC,qBAAqB,GAC7C;oBACF,2BAAC,uBAAI,IACH,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAE,mBAAmB,CAAC,cAAc,EACzC,MAAM,EAAE,mBAAmB,CAAC,eAAe,EAC3C,IAAI,EAAC,gBAAgB,EACrB,EAAE,EAAE,mBAAmB,CAAC,qBAAqB,EAC7C,QAAQ,EAAC,mBAAmB,GAC5B,CACA,CACO,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
+{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/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-commonjs/Shimmer.styling.js

@@ -1,34 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.stylingSettings = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const Shimmer_types_1 = require("./Shimmer.types");
-const ShimmerTokens_1 = require("./ShimmerTokens");
+const framework_1 = require('@fluentui-react-native/framework');
+const Shimmer_types_1 = require('./Shimmer.types');
+const ShimmerTokens_1 = require('./ShimmerTokens');
 exports.stylingSettings = {
-    tokens: [ShimmerTokens_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: (0, framework_1.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: [ShimmerTokens_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: (0, framework_1.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-commonjs/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-commonjs/Shimmer.styling.win32.js

@@ -1,35 +1,47 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.stylingSettings = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const Shimmer_types_1 = require("./Shimmer.types");
-const ShimmerTokens_win32_1 = require("./ShimmerTokens.win32");
+const framework_1 = require('@fluentui-react-native/framework');
+const Shimmer_types_1 = require('./Shimmer.types');
+const ShimmerTokens_win32_1 = require('./ShimmerTokens.win32');
 /**
  * tell the styling hook how to build up the tokens
  */
 exports.stylingSettings = {
-    tokens: [ShimmerTokens_win32_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
-    tokensThatAreAlsoProps: 'all',
-    slotProps: {
-        root: (0, framework_1.buildProps)((tokens) => ({
-            accessibilityRole: 'progressbar',
-            accessible: true,
-            style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
-        }), ['backgroundColor']),
-        shimmerWaveContainer: (0, framework_1.buildProps)((tokens) => ({
-            delay: tokens.delay,
-            duration: tokens.duration,
-            shimmerColor: tokens.shimmerColor,
-        }), ['delay', 'duration', 'shimmerColor']),
-        shimmerWave: (0, framework_1.buildProps)((tokens) => ({
-            angle: tokens.angle,
-            shimmerColor: tokens.shimmerColor,
-            shimmerWaveColor: tokens.shimmerWaveColor,
-            shimmerWaveWidth: tokens.shimmerWaveWidth,
-        }), ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
-        clippingMask: (0, framework_1.buildProps)((tokens) => ({
-            backgroundColor: tokens.backgroundColor,
-        }), ['backgroundColor']),
-    },
+  tokens: [ShimmerTokens_win32_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
+  tokensThatAreAlsoProps: 'all',
+  slotProps: {
+    root: (0, framework_1.buildProps)(
+      (tokens) => ({
+        accessibilityRole: 'progressbar',
+        accessible: true,
+        style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
+      }),
+      ['backgroundColor'],
+    ),
+    shimmerWaveContainer: (0, framework_1.buildProps)(
+      (tokens) => ({
+        delay: tokens.delay,
+        duration: tokens.duration,
+        shimmerColor: tokens.shimmerColor,
+      }),
+      ['delay', 'duration', 'shimmerColor'],
+    ),
+    shimmerWave: (0, framework_1.buildProps)(
+      (tokens) => ({
+        angle: tokens.angle,
+        shimmerColor: tokens.shimmerColor,
+        shimmerWaveColor: tokens.shimmerWaveColor,
+        shimmerWaveWidth: tokens.shimmerWaveWidth,
+      }),
+      ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth'],
+    ),
+    clippingMask: (0, framework_1.buildProps)(
+      (tokens) => ({
+        backgroundColor: tokens.backgroundColor,
+      }),
+      ['backgroundColor'],
+    ),
+  },
 };
-//# sourceMappingURL=Shimmer.styling.win32.js.map
+//# sourceMappingURL=Shimmer.styling.win32.js.map

package/lib-commonjs/Shimmer.test.d.ts

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