npm - @fluentui-react-native/experimental-shimmer - Versions diffs - 0.8.12 → 0.8.14 - Mend

@fluentui-react-native/experimental-shimmer 0.8.12 → 0.8.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/CHANGELOG.json +78 -1
package/CHANGELOG.md +22 -2
package/SPEC.md +324 -0
package/assets/dark_shimmer_android.png +0 -0
package/assets/dark_shimmer_win32.png +0 -0
package/assets/light_shimmer_android.png +0 -0
package/assets/light_shimmer_win32.png +0 -0
package/jest.config.js +2 -0
package/lib/Shimmer.d.ts.map +1 -1
package/lib/Shimmer.js +27 -30
package/lib/Shimmer.js.map +1 -1
package/lib/Shimmer.styling.d.ts.map +1 -1
package/lib/Shimmer.styling.js +5 -16
package/lib/Shimmer.styling.js.map +1 -1
package/lib/Shimmer.styling.win32.d.ts +1 -2
package/lib/Shimmer.styling.win32.d.ts.map +1 -1
package/lib/Shimmer.styling.win32.js +1 -13
package/lib/Shimmer.styling.win32.js.map +1 -1
package/lib/Shimmer.test.d.ts +2 -0
package/lib/Shimmer.test.d.ts.map +1 -0
package/lib/Shimmer.test.js +48 -0
package/lib/Shimmer.test.js.map +1 -0
package/lib/Shimmer.types.d.ts +22 -10
package/lib/Shimmer.types.d.ts.map +1 -1
package/lib/Shimmer.types.win32.d.ts +1 -1
package/lib/Shimmer.types.win32.d.ts.map +1 -1
package/lib/Shimmer.win32.js +1 -1
package/lib/Shimmer.win32.js.map +1 -1
package/lib/ShimmerTokens.android.d.ts +5 -0
package/lib/ShimmerTokens.android.d.ts.map +1 -0
package/lib/ShimmerTokens.android.js +12 -0
package/lib/ShimmerTokens.android.js.map +1 -0
package/lib/ShimmerTokens.d.ts +5 -0
package/lib/ShimmerTokens.d.ts.map +1 -0
package/lib/ShimmerTokens.js +13 -0
package/lib/ShimmerTokens.js.map +1 -0
package/lib/ShimmerTokens.win32.d.ts +5 -0
package/lib/ShimmerTokens.win32.d.ts.map +1 -0
package/lib/ShimmerTokens.win32.js +14 -0
package/lib/ShimmerTokens.win32.js.map +1 -0
package/lib-commonjs/Shimmer.d.ts.map +1 -1
package/lib-commonjs/Shimmer.js +27 -30
package/lib-commonjs/Shimmer.js.map +1 -1
package/lib-commonjs/Shimmer.styling.d.ts.map +1 -1
package/lib-commonjs/Shimmer.styling.js +5 -16
package/lib-commonjs/Shimmer.styling.js.map +1 -1
package/lib-commonjs/Shimmer.styling.win32.d.ts +1 -2
package/lib-commonjs/Shimmer.styling.win32.d.ts.map +1 -1
package/lib-commonjs/Shimmer.styling.win32.js +3 -16
package/lib-commonjs/Shimmer.styling.win32.js.map +1 -1
package/lib-commonjs/Shimmer.test.d.ts +2 -0
package/lib-commonjs/Shimmer.test.d.ts.map +1 -0
package/lib-commonjs/Shimmer.test.js +69 -0
package/lib-commonjs/Shimmer.test.js.map +1 -0
package/lib-commonjs/Shimmer.types.d.ts +22 -10
package/lib-commonjs/Shimmer.types.d.ts.map +1 -1
package/lib-commonjs/Shimmer.types.win32.d.ts +1 -1
package/lib-commonjs/Shimmer.types.win32.d.ts.map +1 -1
package/lib-commonjs/Shimmer.win32.js +1 -1
package/lib-commonjs/Shimmer.win32.js.map +1 -1
package/lib-commonjs/ShimmerTokens.android.d.ts +5 -0
package/lib-commonjs/ShimmerTokens.android.d.ts.map +1 -0
package/lib-commonjs/ShimmerTokens.android.js +16 -0
package/lib-commonjs/ShimmerTokens.android.js.map +1 -0
package/lib-commonjs/ShimmerTokens.d.ts +5 -0
package/lib-commonjs/ShimmerTokens.d.ts.map +1 -0
package/lib-commonjs/ShimmerTokens.js +17 -0
package/lib-commonjs/ShimmerTokens.js.map +1 -0
package/lib-commonjs/ShimmerTokens.win32.d.ts +5 -0
package/lib-commonjs/ShimmerTokens.win32.d.ts.map +1 -0
package/lib-commonjs/ShimmerTokens.win32.js +18 -0
package/lib-commonjs/ShimmerTokens.win32.js.map +1 -0
package/package.json +9 -3
package/src/Shimmer.styling.ts +6 -17
package/src/Shimmer.styling.win32.ts +2 -14
package/src/Shimmer.test.tsx +53 -0
package/src/Shimmer.tsx +12 -17
package/src/Shimmer.types.ts +22 -10
package/src/Shimmer.types.win32.ts +1 -1
package/src/Shimmer.win32.tsx +2 -2
package/src/ShimmerTokens.android.ts +14 -0
package/src/ShimmerTokens.ts +15 -0
package/src/ShimmerTokens.win32.ts +16 -0
package/src/__snapshots__/Shimmer.test.tsx.snap +249 -0
package/tsconfig.json +2 -1

package/src/__snapshots__/Shimmer.test.tsx.snap ADDED Viewed

@@ -0,0 +1,249 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Shimmer component tests Shimmer default 1`] = `
+<RNSVGSvgView
+  accessibilityRole="progressbar"
+  accessible={true}
+  angle={45}
+  bbHeight="100%"
+  bbWidth="100%"
+  delay={0}
+  duration={1000}
+  focusable={false}
+  shimmerColor="#e6e6e6"
+  shimmerColorOpacity={1}
+  shimmerWaveColor="#fafafa"
+  shimmerWaveColorOpacity={1}
+  style={
+    Array [
+      Object {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      Object {
+        "flex": 0,
+        "height": "100%",
+        "width": "100%",
+      },
+    ]
+  }
+>
+  <RNSVGGroup>
+    <RNSVGDefs>
+      <RNSVGLinearGradient
+        gradient={
+          Array [
+            0.1,
+            -1644826,
+            0.2,
+            -328966,
+            0.3,
+            -1644826,
+          ]
+        }
+        gradientTransform={
+          Array [
+            0.7071067811865476,
+            0.7071067811865475,
+            -0.7071067811865475,
+            0.7071067811865476,
+            0,
+            0,
+          ]
+        }
+        gradientUnits={0}
+        name="gradient"
+        x1={-1}
+        x2="-1"
+        y1="0%"
+        y2="0%"
+      />
+      <RNSVGClipPath
+        name="shimmerView"
+      >
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={100}
+          x={90}
+          y={70}
+        />
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={150}
+          x={90}
+          y={42}
+        />
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={200}
+          x={90}
+          y={15}
+        />
+      </RNSVGClipPath>
+    </RNSVGDefs>
+    <RNSVGGroup
+      matrix={
+        Array [
+          1,
+          0,
+          0,
+          1,
+          0,
+          0,
+        ]
+      }
+    >
+      <RNSVGRect
+        clipPath="shimmerView"
+        fill={
+          Array [
+            1,
+            "gradient",
+          ]
+        }
+        height="100%"
+        propList={
+          Array [
+            "fill",
+          ]
+        }
+        width="100%"
+        x="0"
+        y="0"
+      />
+    </RNSVGGroup>
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;
+exports[`Shimmer component tests Shimmer with style prop 1`] = `
+<RNSVGSvgView
+  accessibilityRole="progressbar"
+  accessible={true}
+  angle={45}
+  bbHeight={100}
+  bbWidth={300}
+  delay={0}
+  duration={1000}
+  focusable={false}
+  shimmerColor="#e6e6e6"
+  shimmerColorOpacity={1}
+  shimmerWaveColor="#fafafa"
+  shimmerWaveColorOpacity={1}
+  style={
+    Array [
+      Object {
+        "backgroundColor": "transparent",
+        "borderWidth": 0,
+      },
+      Object {
+        "height": 100,
+        "width": 300,
+      },
+      Object {
+        "flex": 0,
+        "height": 100,
+        "width": 300,
+      },
+    ]
+  }
+>
+  <RNSVGGroup>
+    <RNSVGDefs>
+      <RNSVGLinearGradient
+        gradient={
+          Array [
+            0.1,
+            -1644826,
+            0.2,
+            -328966,
+            0.3,
+            -1644826,
+          ]
+        }
+        gradientTransform={
+          Array [
+            0.7071067811865476,
+            0.7071067811865475,
+            -0.7071067811865475,
+            0.7071067811865476,
+            0,
+            0,
+          ]
+        }
+        gradientUnits={0}
+        name="gradient"
+        x1={-1}
+        x2="-1"
+        y1="0%"
+        y2="0%"
+      />
+      <RNSVGClipPath
+        name="shimmerView"
+      >
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={100}
+          x={90}
+          y={70}
+        />
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={150}
+          x={90}
+          y={42}
+        />
+        <RNSVGRect
+          height={20}
+          rx={3}
+          ry={3}
+          width={200}
+          x={90}
+          y={15}
+        />
+      </RNSVGClipPath>
+    </RNSVGDefs>
+    <RNSVGGroup
+      matrix={
+        Array [
+          1,
+          0,
+          0,
+          1,
+          0,
+          0,
+        ]
+      }
+    >
+      <RNSVGRect
+        clipPath="shimmerView"
+        fill={
+          Array [
+            1,
+            "gradient",
+          ]
+        }
+        height={100}
+        propList={
+          Array [
+            "fill",
+          ]
+        }
+        width={300}
+        x="0"
+        y="0"
+      />
+    </RNSVGGroup>
+  </RNSVGGroup>
+</RNSVGSvgView>
+`;

package/tsconfig.json CHANGED Viewed

@@ -1,7 +1,8 @@
 {
   "extends": "@fluentui-react-native/scripts/tsconfig.json",
   "compilerOptions": {
-    "outDir": "lib"
+    "outDir": "lib",
+    "types": ["node", "jest"]
   },
   "include": ["src"]
 }