@tactics/toddle-styleguide 1.2.3 → 1.2.5

package/src/components/molecules/swipe/__snapshots__/swipe.test.js.snap

@@ -1,491 +1,334 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Test Swipe component should render an swipe component with dots and navigation arrows 1`] = `
+exports[`Test Swipe component should render an swipe component with navigation arrows 1`] = `
 <View
   style={
     {
-      "alignItems": "center",
-      "height": 85,
-      "justifyContent": "center",
+      "flex": 1,
     }
   }
 >
   <View
-    onLayout={[Function]}
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
+    accessibilityValue={
+      {
+        "max": undefined,
+        "min": undefined,
+        "now": undefined,
+        "text": undefined,
+      }
+    }
+    accessible={true}
+    collapsable={false}
+    focusable={true}
+    onBlur={[Function]}
+    onClick={[Function]}
+    onFocus={[Function]}
+    onResponderGrant={[Function]}
+    onResponderMove={[Function]}
+    onResponderRelease={[Function]}
+    onResponderTerminate={[Function]}
+    onResponderTerminationRequest={[Function]}
+    onStartShouldSetResponder={[Function]}
     style={
-      [
-        {
-          "backgroundColor": "transparent",
-          "flex": 1,
-          "position": "relative",
-        },
-        undefined,
-      ]
+      {
+        "alignItems": "center",
+        "height": 42,
+        "justifyContent": "center",
+        "position": "absolute",
+        "right": 0,
+        "top": 12,
+        "width": 42,
+        "zIndex": 10,
+      }
     }
   >
-    <RCTScrollView
-      activeDotColor="#98AEEB"
-      automaticallyAdjustContentInsets={false}
-      autoplay={false}
-      autoplayDirection={true}
-      autoplayTimeout={2.5}
-      bounces={false}
-      contentContainerStyle={
+    <RNSVGSvgView
+      align="xMidYMid"
+      bbHeight="24"
+      bbWidth="24"
+      fill="none"
+      focusable={false}
+      height={24}
+      meetOrSlice={0}
+      minX={0}
+      minY={0}
+      style={
         [
           {
             "backgroundColor": "transparent",
+            "borderWidth": 0,
+          },
+          {
+            "flex": 0,
+            "height": 24,
+            "width": 24,
           },
-          undefined,
         ]
       }
-      contentOffset={
-        {
-          "x": 0,
+      vbHeight={19}
+      vbWidth={11}
+      width={24}
+    >
+      <RNSVGGroup
+        fill={null}
+        propList={
+          [
+            "fill",
+          ]
         }
-      }
-      disableNextButton={false}
-      disablePrevButton={false}
-      dotColor="#E5E8EB"
-      horizontal={true}
-      index={0}
-      loadMinimal={false}
-      loadMinimalSize={1}
-      loop={false}
-      nextButton={
-        <Icon
-          color="#19216C"
-          name="chevron-right"
-          style="regular"
+      >
+        <RNSVGPath
+          d="M1.75 1.625L9.33333 9.5L1.75 17.375"
+          propList={
+            [
+              "stroke",
+              "strokeWidth",
+              "strokeLinecap",
+              "strokeLinejoin",
+            ]
+          }
+          stroke={
+            {
+              "payload": 4279837036,
+              "type": 0,
+            }
+          }
+          strokeLinecap={1}
+          strokeLinejoin={1}
+          strokeWidth="2"
         />
+      </RNSVGGroup>
+    </RNSVGSvgView>
+  </View>
+  <RNCViewPager
+    collapsable={false}
+    initialPage={0}
+    layoutDirection="ltr"
+    onMoveShouldSetResponderCapture={[Function]}
+    onPageScroll={[Function]}
+    onPageScrollStateChanged={[Function]}
+    onPageSelected={[Function]}
+    style={
+      {
+        "flex": 1,
       }
-      onIndexChanged={[Function]}
-      onMomentumScrollEnd={[Function]}
-      onScrollBeginDrag={[Function]}
-      onScrollEndDrag={[Function]}
-      paginationStyle={
+    }
+  >
+    <View
+      collapsable={false}
+      style={
         {
           "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
         }
       }
-      pagingEnabled={true}
-      prevButton={
-        <Icon
-          color="#19216C"
-          name="chevron-left"
-          style="regular"
-        />
-      }
-      removeClippedSubviews={true}
-      scrollsToTop={false}
-      showsButtons={true}
-      showsHorizontalScrollIndicator={false}
-      showsPagination={true}
-      showsVerticalScrollIndicator={false}
     >
-      <View>
+      <View
+        style={
+          [
+            {
+              "alignSelf": "center",
+              "marginLeft": 15,
+              "marginRight": 15,
+              "marginTop": 20,
+              "width": "60%",
+            },
+            {
+              "bottom": 0,
+              "left": 0,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
+            },
+          ]
+        }
+      >
         <View
-          style={
-            [
-              {
-                "height": 1334,
-                "width": 750,
-              },
-              {
-                "backgroundColor": "transparent",
-              },
-            ]
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
           }
-        >
-          <View
-            style={
-              {
-                "alignSelf": "center",
-                "marginLeft": 15,
-                "marginRight": 15,
-                "marginTop": 20,
-                "width": "60%",
-              }
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
             }
-          >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-            >
-              <View
-                style={
-                  {
-                    "alignItems": "center",
-                    "backgroundColor": "#19216C",
-                    "borderRadius": 50,
-                    "flexDirection": "row",
-                    "justifyContent": "center",
-                    "paddingHorizontal": 24,
-                    "paddingVertical": 12,
-                  }
-                }
-              >
-                <View>
-                  <Text
-                    style={
-                      [
-                        [
-                          {
-                            "fontFamily": "SourceSansPro",
-                            "fontSize": 16,
-                            "lineHeight": 22.4,
-                          },
-                        ],
-                        {
-                          "color": "#E0E8F9",
-                          "textAlign": "center",
-                          "width": "100%",
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    button 1
-                  </Text>
-                </View>
-              </View>
-            </View>
-          </View>
-        </View>
-        <View
-          style={
-            [
-              {
-                "height": 1334,
-                "width": 750,
-              },
-              {
-                "backgroundColor": "transparent",
-              },
-            ]
           }
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
         >
           <View
             style={
               {
-                "alignSelf": "center",
-                "marginLeft": 15,
-                "marginRight": 15,
-                "marginTop": 20,
-                "width": "60%",
+                "alignItems": "center",
+                "backgroundColor": "#19216C",
+                "borderRadius": 50,
+                "flexDirection": "row",
+                "justifyContent": "center",
+                "paddingHorizontal": 24,
+                "paddingVertical": 12,
               }
             }
           >
-            <View
-              accessibilityState={
-                {
-                  "busy": undefined,
-                  "checked": undefined,
-                  "disabled": undefined,
-                  "expanded": undefined,
-                  "selected": undefined,
-                }
-              }
-              accessibilityValue={
-                {
-                  "max": undefined,
-                  "min": undefined,
-                  "now": undefined,
-                  "text": undefined,
-                }
-              }
-              accessible={true}
-              collapsable={false}
-              focusable={true}
-              onBlur={[Function]}
-              onClick={[Function]}
-              onFocus={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
-            >
-              <View
+            <View>
+              <Text
                 style={
-                  {
-                    "alignItems": "center",
-                    "backgroundColor": "#19216C",
-                    "borderRadius": 50,
-                    "flexDirection": "row",
-                    "justifyContent": "center",
-                    "paddingHorizontal": 24,
-                    "paddingVertical": 12,
-                  }
+                  [
+                    [
+                      {
+                        "fontFamily": "SourceSansPro",
+                        "fontSize": 16,
+                        "lineHeight": 22.4,
+                      },
+                    ],
+                    {
+                      "color": "#E0E8F9",
+                      "textAlign": "center",
+                      "width": "100%",
+                    },
+                    undefined,
+                  ]
                 }
               >
-                <View>
-                  <Text
-                    style={
-                      [
-                        [
-                          {
-                            "fontFamily": "SourceSansPro",
-                            "fontSize": 16,
-                            "lineHeight": 22.4,
-                          },
-                        ],
-                        {
-                          "color": "#E0E8F9",
-                          "textAlign": "center",
-                          "width": "100%",
-                        },
-                        undefined,
-                      ]
-                    }
-                  >
-                    button 2
-                  </Text>
-                </View>
-              </View>
+                button 1
+              </Text>
             </View>
           </View>
         </View>
       </View>
-    </RCTScrollView>
+    </View>
     <View
-      pointerEvents="none"
+      collapsable={false}
       style={
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "transparent",
-            "bottom": 25,
-            "flex": 1,
-            "flexDirection": "row",
-            "justifyContent": "center",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-          },
-          {
-            "bottom": 0,
-          },
-        ]
+        {
+          "bottom": 0,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        }
       }
     >
       <View
         style={
           [
             {
-              "backgroundColor": "#98AEEB",
-              "borderRadius": 4,
-              "height": 8,
-              "marginBottom": 3,
-              "marginLeft": 3,
-              "marginRight": 3,
-              "marginTop": 3,
-              "width": 8,
+              "alignSelf": "center",
+              "marginLeft": 15,
+              "marginRight": 15,
+              "marginTop": 20,
+              "width": "60%",
             },
-            undefined,
-          ]
-        }
-      />
-      <View
-        style={
-          [
             {
-              "backgroundColor": "#E5E8EB",
-              "borderRadius": 4,
-              "height": 8,
-              "marginBottom": 3,
-              "marginLeft": 3,
-              "marginRight": 3,
-              "marginTop": 3,
-              "width": 8,
+              "bottom": 0,
+              "left": 0,
+              "position": "absolute",
+              "right": 0,
+              "top": 0,
             },
-            undefined,
           ]
         }
-      />
-    </View>
-    <View
-      pointerEvents="box-none"
-      style={
-        [
-          {
-            "alignItems": "center",
-            "backgroundColor": "transparent",
-            "flex": 1,
-            "flexDirection": "row",
-            "justifyContent": "space-between",
-            "left": 0,
-            "paddingHorizontal": 10,
-            "paddingVertical": 10,
-            "position": "absolute",
-            "top": 0,
-          },
-          {
-            "height": 1334,
-            "width": 750,
-          },
-          undefined,
-        ]
-      }
-    >
-      <View
-        accessibilityState={
-          {
-            "busy": undefined,
-            "checked": undefined,
-            "disabled": false,
-            "expanded": undefined,
-            "selected": undefined,
-          }
-        }
-        accessibilityValue={
-          {
-            "max": undefined,
-            "min": undefined,
-            "now": undefined,
-            "text": undefined,
-          }
-        }
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          {
-            "opacity": 1,
-          }
-        }
       >
-        <View />
-      </View>
-      <View
-        accessibilityState={
-          {
-            "busy": undefined,
-            "checked": undefined,
-            "disabled": false,
-            "expanded": undefined,
-            "selected": undefined,
-          }
-        }
-        accessibilityValue={
-          {
-            "max": undefined,
-            "min": undefined,
-            "now": undefined,
-            "text": undefined,
+        <View
+          accessibilityState={
+            {
+              "busy": undefined,
+              "checked": undefined,
+              "disabled": undefined,
+              "expanded": undefined,
+              "selected": undefined,
+            }
           }
-        }
-        accessible={true}
-        collapsable={false}
-        focusable={true}
-        onClick={[Function]}
-        onResponderGrant={[Function]}
-        onResponderMove={[Function]}
-        onResponderRelease={[Function]}
-        onResponderTerminate={[Function]}
-        onResponderTerminationRequest={[Function]}
-        onStartShouldSetResponder={[Function]}
-        style={
-          {
-            "opacity": 1,
+          accessibilityValue={
+            {
+              "max": undefined,
+              "min": undefined,
+              "now": undefined,
+              "text": undefined,
+            }
           }
-        }
-      >
-        <View>
-          <RNSVGSvgView
-            align="xMidYMid"
-            bbHeight="24"
-            bbWidth="24"
-            fill="none"
-            focusable={false}
-            height={24}
-            meetOrSlice={0}
-            minX={0}
-            minY={0}
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          onBlur={[Function]}
+          onClick={[Function]}
+          onFocus={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+        >
+          <View
             style={
-              [
-                {
-                  "backgroundColor": "transparent",
-                  "borderWidth": 0,
-                },
-                {
-                  "flex": 0,
-                  "height": 24,
-                  "width": 24,
-                },
-              ]
+              {
+                "alignItems": "center",
+                "backgroundColor": "#19216C",
+                "borderRadius": 50,
+                "flexDirection": "row",
+                "justifyContent": "center",
+                "paddingHorizontal": 24,
+                "paddingVertical": 12,
+              }
             }
-            vbHeight={19}
-            vbWidth={11}
-            width={24}
           >
-            <RNSVGGroup
-              fill={null}
-              propList={
-                [
-                  "fill",
-                ]
-              }
-            >
-              <RNSVGPath
-                d="M1.75 1.625L9.33333 9.5L1.75 17.375"
-                propList={
+            <View>
+              <Text
+                style={
                   [
-                    "stroke",
-                    "strokeWidth",
-                    "strokeLinecap",
-                    "strokeLinejoin",
+                    [
+                      {
+                        "fontFamily": "SourceSansPro",
+                        "fontSize": 16,
+                        "lineHeight": 22.4,
+                      },
+                    ],
+                    {
+                      "color": "#E0E8F9",
+                      "textAlign": "center",
+                      "width": "100%",
+                    },
+                    undefined,
                   ]
                 }
-                stroke={
-                  {
-                    "payload": 4279837036,
-                    "type": 0,
-                  }
-                }
-                strokeLinecap={1}
-                strokeLinejoin={1}
-                strokeWidth="2"
-              />
-            </RNSVGGroup>
-          </RNSVGSvgView>
+              >
+                button 2
+              </Text>
+            </View>
+          </View>
         </View>
       </View>
     </View>
-  </View>
+  </RNCViewPager>
 </View>
 `;