@jobber/components-native 0.75.3-POC-fixing-d44fac2.136 → 0.75.3-POC-fixing-ffcd368.137

package/src/Disclosure/__snapshots__/Disclosure.test.tsx.snap

@@ -1,482 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders a Disclosure with a header and a content when open is true 1`] = `
-<View
-  style={
-    {
-      "width": "100%",
-    }
-  }
->
-  <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
-      style={
-        {
-          "alignItems": "flex-start",
-          "flexDirection": "row",
-          "justifyContent": "space-between",
-        }
-      }
-    >
-      <Text
-        accessibilityRole="text"
-        adjustsFontSizeToFit={false}
-        allowFontScaling={true}
-        collapsable={false}
-        maxFontSizeMultiplier={3.125}
-        selectable={true}
-        selectionColor="hsl(86, 100%, 46%)"
-        style={
-          [
-            {
-              "fontFamily": "inter-regular",
-            },
-            {
-              "color": "hsl(198, 35%, 21%)",
-            },
-            {
-              "textAlign": "left",
-            },
-            {
-              "fontSize": 16,
-              "lineHeight": 20,
-            },
-            {
-              "letterSpacing": 0,
-            },
-          ]
-        }
-      >
-        This is the header
-      </Text>
-      <View
-        style={
-          [
-            {
-              "transform": [
-                {
-                  "rotateZ": "0deg",
-                },
-              ],
-            },
-          ]
-        }
-      >
-        <SVGMock
-          style={
-            {
-              "display": "flex",
-              "fill": "hsl(0, 0%, 72%)",
-              "height": 24,
-              "verticalAlign": "middle",
-              "width": 24,
-            }
-          }
-          testID="arrowUp"
-          viewBox="0 0 24 24"
-        >
-          <Path
-            d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
-            fill="hsl(0, 0%, 72%)"
-          />
-        </SVGMock>
-      </View>
-    </View>
-  </View>
-  <RCTScrollView
-    collapsable={false}
-    scrollEnabled={false}
-    scrollEventThrottle={0.0001}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    style={
-      {
-        "height": 100,
-        "paddingTop": 8,
-      }
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        testID="content"
-      >
-        <Text
-          accessibilityRole="text"
-          adjustsFontSizeToFit={false}
-          allowFontScaling={true}
-          collapsable={false}
-          maxFontSizeMultiplier={3.125}
-          selectable={true}
-          selectionColor="hsl(86, 100%, 46%)"
-          style={
-            [
-              {
-                "fontFamily": "inter-regular",
-              },
-              {
-                "color": "hsl(198, 35%, 21%)",
-              },
-              {
-                "textAlign": "left",
-              },
-              {
-                "fontSize": 16,
-                "lineHeight": 20,
-              },
-              {
-                "letterSpacing": 0,
-              },
-            ]
-          }
-        >
-          This is the content
-        </Text>
-      </View>
-    </View>
-  </RCTScrollView>
-</View>
-`;
-
-exports[`renders a Disclosure with a header and with a content of size 0 when closed is false 1`] = `
-<View
-  style={
-    {
-      "width": "100%",
-    }
-  }
->
-  <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
-      style={
-        {
-          "alignItems": "flex-start",
-          "flexDirection": "row",
-          "justifyContent": "space-between",
-        }
-      }
-    >
-      <Text
-        accessibilityRole="text"
-        adjustsFontSizeToFit={false}
-        allowFontScaling={true}
-        collapsable={false}
-        maxFontSizeMultiplier={3.125}
-        selectable={true}
-        selectionColor="hsl(86, 100%, 46%)"
-        style={
-          [
-            {
-              "fontFamily": "inter-regular",
-            },
-            {
-              "color": "hsl(198, 35%, 21%)",
-            },
-            {
-              "textAlign": "left",
-            },
-            {
-              "fontSize": 16,
-              "lineHeight": 20,
-            },
-            {
-              "letterSpacing": 0,
-            },
-          ]
-        }
-      >
-        This is the header
-      </Text>
-      <View
-        style={
-          [
-            {
-              "transform": [
-                {
-                  "rotateZ": "-180deg",
-                },
-              ],
-            },
-          ]
-        }
-      >
-        <SVGMock
-          style={
-            {
-              "display": "flex",
-              "fill": "hsl(0, 0%, 72%)",
-              "height": 24,
-              "verticalAlign": "middle",
-              "width": 24,
-            }
-          }
-          testID="arrowUp"
-          viewBox="0 0 24 24"
-        >
-          <Path
-            d="M16.297 14.709a.996.996 0 0 0 1.41-.001.994.994 0 0 0 0-1.41l-5-5.005a.998.998 0 0 0-1.415 0l-5 5a.994.994 0 0 0 0 1.41.996.996 0 0 0 1.411.001L12 10.416l4.297 4.293Z"
-            fill="hsl(0, 0%, 72%)"
-          />
-        </SVGMock>
-      </View>
-    </View>
-  </View>
-  <RCTScrollView
-    collapsable={false}
-    scrollEnabled={false}
-    scrollEventThrottle={0.0001}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    style={
-      {
-        "height": 0,
-        "paddingTop": 8,
-      }
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        testID="content"
-      >
-        <Text
-          accessibilityRole="text"
-          adjustsFontSizeToFit={false}
-          allowFontScaling={true}
-          collapsable={false}
-          maxFontSizeMultiplier={3.125}
-          selectable={true}
-          selectionColor="hsl(86, 100%, 46%)"
-          style={
-            [
-              {
-                "fontFamily": "inter-regular",
-              },
-              {
-                "color": "hsl(198, 35%, 21%)",
-              },
-              {
-                "textAlign": "left",
-              },
-              {
-                "fontSize": 16,
-                "lineHeight": 20,
-              },
-              {
-                "letterSpacing": 0,
-              },
-            ]
-          }
-        >
-          This is the content
-        </Text>
-      </View>
-    </View>
-  </RCTScrollView>
-</View>
-`;
-
-exports[`should not render the caret when the Disclosure is empty 1`] = `
-<View
-  style={
-    {
-      "width": "100%",
-    }
-  }
->
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": true,
-        "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
-      style={
-        {
-          "alignItems": "flex-start",
-          "flexDirection": "row",
-          "justifyContent": "space-between",
-        }
-      }
-    >
-      <Text
-        accessibilityRole="text"
-        adjustsFontSizeToFit={false}
-        allowFontScaling={true}
-        collapsable={false}
-        maxFontSizeMultiplier={3.125}
-        selectable={true}
-        selectionColor="hsl(86, 100%, 46%)"
-        style={
-          [
-            {
-              "fontFamily": "inter-regular",
-            },
-            {
-              "color": "hsl(198, 35%, 21%)",
-            },
-            {
-              "textAlign": "left",
-            },
-            {
-              "fontSize": 16,
-              "lineHeight": 20,
-            },
-            {
-              "letterSpacing": 0,
-            },
-          ]
-        }
-      >
-        This is the header
-      </Text>
-    </View>
-  </View>
-  <RCTScrollView
-    collapsable={false}
-    scrollEnabled={false}
-    scrollEventThrottle={0.0001}
-    showsHorizontalScrollIndicator={false}
-    showsVerticalScrollIndicator={false}
-    style={
-      {
-        "height": 0,
-        "paddingTop": 8,
-      }
-    }
-  >
-    <View>
-      <View
-        onLayout={[Function]}
-        testID="content"
-      >
-        <Text
-          accessibilityRole="text"
-          adjustsFontSizeToFit={false}
-          allowFontScaling={true}
-          collapsable={false}
-          maxFontSizeMultiplier={3.125}
-          selectable={true}
-          selectionColor="hsl(86, 100%, 46%)"
-          style={
-            [
-              {
-                "fontFamily": "inter-regular",
-              },
-              {
-                "color": "hsl(198, 35%, 21%)",
-              },
-              {
-                "textAlign": "left",
-              },
-              {
-                "fontSize": 16,
-                "lineHeight": 20,
-              },
-              {
-                "letterSpacing": 0,
-              },
-            ]
-          }
-        >
-          This is the content
-        </Text>
-      </View>
-    </View>
-  </RCTScrollView>
-</View>
-`;

package/src/InputText/context/InputAccessory.style.ts

@@ -1,17 +0,0 @@
-import { StyleSheet } from "react-native";
-import { tokens } from "../../utils/design";
-
-export const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    paddingHorizontal: tokens["space-small"],
-    backgroundColor: tokens["color-surface--background"],
-    borderTopWidth: tokens["space-minuscule"],
-    borderTopColor: tokens["color-border"],
-  },
-  buttonContainer: {
-    flexDirection: "row",
-  },
-});

package/src/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap

@@ -1,217 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders a Switch with defaultValue false 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": false,
-      "disabled": false,
-    }
-  }
-  collapsable={false}
-  disabled={false}
-  handlerTag={4}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={false}
-/>
-`;
-
-exports[`renders a Switch with defaultValue true 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": true,
-      "disabled": false,
-    }
-  }
-  collapsable={false}
-  disabled={false}
-  handlerTag={2}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={true}
-/>
-`;
-
-exports[`renders a Switch with value false 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": false,
-      "disabled": false,
-    }
-  }
-  collapsable={false}
-  disabled={false}
-  handlerTag={3}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={false}
-/>
-`;
-
-exports[`renders a Switch with value true 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": true,
-      "disabled": false,
-    }
-  }
-  collapsable={false}
-  disabled={false}
-  handlerTag={1}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={true}
-/>
-`;
-
-exports[`renders a disabled Switch with value false 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": false,
-      "disabled": true,
-    }
-  }
-  collapsable={false}
-  disabled={true}
-  handlerTag={6}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={false}
-/>
-`;
-
-exports[`renders a disabled Switch with value true 1`] = `
-<RCTSwitch
-  accessibilityRole="switch"
-  accessibilityState={
-    {
-      "checked": true,
-      "disabled": true,
-    }
-  }
-  collapsable={false}
-  disabled={true}
-  handlerTag={5}
-  handlerType="NativeViewGestureHandler"
-  onChange={[Function]}
-  onGestureHandlerEvent={[Function]}
-  onGestureHandlerStateChange={[Function]}
-  onResponderTerminationRequest={[Function]}
-  onStartShouldSetResponder={[Function]}
-  onTintColor="hsl(107, 58%, 33%)"
-  style={
-    [
-      {
-        "height": 31,
-        "width": 51,
-      },
-      {
-        "backgroundColor": "hsl(53, 21%, 93%)",
-        "borderRadius": 16,
-      },
-    ]
-  }
-  tintColor="hsl(53, 21%, 93%)"
-  value={true}
-/>
-`;