npm - @jobber/components-native - Versions diffs - 0.80.1 → 0.81.0 - Mend

@jobber/components-native 0.80.1 → 0.81.0

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 (23) hide show

package/dist/package.json +3 -3
package/dist/src/Chip/Chip.js +1 -1
package/dist/src/FormatFile/components/ProgressBar/ProgressBar.style.js +1 -1
package/dist/src/ProgressBar/ProgressBar.js +2 -2
package/dist/src/Switch/components/BaseSwitch/BaseSwitch.js +3 -3
package/dist/tsconfig.tsbuildinfo +1 -1
package/dist/types/src/AtlantisThemeContext/AtlantisThemeContext.d.ts +2 -1
package/dist/types/src/Glimmer/Glimmer.d.ts +2 -1
package/dist/types/src/ProgressBar/ProgressBarStepped.d.ts +2 -1
package/jestSetup.js +1 -0
package/package.json +3 -3
package/src/Chip/Chip.test.tsx +1 -1
package/src/Chip/Chip.tsx +1 -1
package/src/Disclosure/Disclosure.test.tsx +102 -44
package/src/Form/Form.test.tsx +1 -1
package/src/FormatFile/components/ProgressBar/ProgressBar.style.tsx +1 -1
package/src/Glimmer/Glimmer.test.tsx +16 -5
package/src/ProgressBar/ProgressBar.tsx +4 -2
package/src/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap +2 -2
package/src/Switch/components/BaseSwitch/BaseSwitch.test.tsx +75 -50
package/src/Switch/components/BaseSwitch/BaseSwitch.tsx +3 -3
package/src/Disclosure/__snapshots__/Disclosure.test.tsx.snap +0 -482
package/src/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap +0 -217

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

@@ -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/Switch/components/BaseSwitch/__snapshots__/BaseSwitch.test.tsx.snap DELETED Viewed

@@ -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}
-/>
-`;