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

package/lib-commonjs/Shimmer.js

@@ -1,168 +1,94 @@
-'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;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+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 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(
-              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)',
-              }),
-            ],
-          }),
-        ],
-      });
-    };
-  },
+    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.delay, props.duration, props.shimmerColor, props.shimmerWaveColor, props.style, tokens]);
+        /* 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();
+        }, [endValue, memoizedShimmerData.delay, memoizedShimmerData.duration, x1]);
+        (0, react_1.useEffect)(() => {
+            shimmerAnimation();
+        }, [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":"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"}
+{"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAA6D;AAC7D,iCAAgE;AAEhE,+CAAqD;AAGrD,gEAAwF;AACxF,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,CAAC;QACnE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9B,KAAK,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,KAAqB,CAAC,CAAC;QAChE,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,CAAC,MAAM,CAAC,iBAAiB,CAAC,IAAI,aAAa,CAAC;YACnI,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,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAC5G,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,CAAC;YACzC,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;QAAA,CACX,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;QAE5E,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC;YACd,gBAAgB,EAAE,CAAC;QAAA,CACpB,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAEvB,OAAO,CAAC,IAAkB,EAAE,EAAE,CAAC;YAC7B,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,CAAC;gBACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACzC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAC5B,IAAI,OAAO,CAAC,IAAI,IAAI,MAAM,EAAE,CAAC;wBAC3B,IAAI,CAAC,IAAI,CACP,kBAAC,uBAAI,IAEH,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,IANpB,CAAC,CAON,CACH,CAAC;oBACJ,CAAC;yBAAM,IAAI,OAAO,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;wBACpC,IAAI,CAAC,IAAI,CAAC,kBAAC,yBAAM,IAAS,CAAC,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,OAAO,CAAC,EAAE,IAApD,CAAC,CAAuD,CAAC,CAAC;oBACnF,CAAC;yBAAM,CAAC;wBACN,IAAA,sBAAW,EAAC,OAAO,CAAC,CAAC;oBACvB,CAAC;gBACH,CAAC;YACH,CAAC;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,mBAAC,KAAK,CAAC,IAAI,OAAK,WAAW;oBACzB,mBAAC,uBAAI;4BACH,mBAAC,sBAAsB,IAAC,EAAE,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,IAAI,EAAC,iBAAiB,EAAE,UAAU,mBAAmB,CAAC,KAAK,GAAG;oCAC7G,kBAAC,uBAAI,IAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC,mBAAmB,GAAI,EACxH,kBAAC,uBAAI,IACH,MAAM,EAAC,KAAK,EACZ,SAAS,EAAE,mBAAmB,CAAC,gBAAgB,EAC/C,WAAW,EAAE,mBAAmB,CAAC,uBAAuB,GACxD,EACF,kBAAC,uBAAI,IAAC,MAAM,EAAC,KAAK,EAAC,SAAS,EAAE,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC,mBAAmB,GAAI;oCACjG,EACzB,kBAAC,2BAAQ,IAAC,EAAE,EAAC,aAAa,YAAE,IAAI,GAAY;4BACvC,EACP,mBAAC,oBAAC,IAAC,cAAc,EAAE,YAAY;4BAC7B,kBAAC,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,EACF,kBAAC,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;4BACA;oBACO,CACd,CAAC;QAAA,CACH,CAAC;IAAA,CACH;CACF,CAAC,CAAC"}

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,37 +1,34 @@
-'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,47 +1,35 @@
-'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