@jobber/components-native 0.84.4-match-mobi-55ef4ec.7 → 0.84.4-revert-269-4fbaea5.19

package/src/StatusIndicator/StatusIndicator.test.tsx

@@ -1,42 +0,0 @@
-import React from "react";
-import { render } from "@testing-library/react-native";
-import { StatusIndicator } from "./StatusIndicator";
-
-describe("StatusIndicator", () => {
-  describe("status", () => {
-    describe('when status prop set to default ("success")', () => {
-      it("should match snapshot", () => {
-        const view = render(<StatusIndicator status="success" />).toJSON();
-        expect(view).toMatchSnapshot();
-      });
-    });
-
-    describe('when status prop set to "warning"', () => {
-      it("should match snapshot", () => {
-        const view = render(<StatusIndicator status="warning" />).toJSON();
-        expect(view).toMatchSnapshot();
-      });
-    });
-
-    describe('when status prop set to "critical"', () => {
-      it("should match snapshot", () => {
-        const view = render(<StatusIndicator status="critical" />).toJSON();
-        expect(view).toMatchSnapshot();
-      });
-    });
-
-    describe('when status prop set to "inactive"', () => {
-      it("should match snapshot", () => {
-        const view = render(<StatusIndicator status="inactive" />).toJSON();
-        expect(view).toMatchSnapshot();
-      });
-    });
-
-    describe('when status prop set to "informative"', () => {
-      it("should match snapshot", () => {
-        const view = render(<StatusIndicator status="informative" />).toJSON();
-        expect(view).toMatchSnapshot();
-      });
-    });
-  });
-});

package/src/StatusIndicator/StatusIndicator.tsx

@@ -1,23 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { useStyles } from "./StatusIndicator.style";
-import type { StatusIndicatorType } from "./StatusIndicator.type";
-import { tokens } from "../utils/design";
-
-export interface StatusIndicatorProps {
-  readonly status: StatusIndicatorType;
-}
-
-export function StatusIndicator({ status }: StatusIndicatorProps) {
-  const styles = useStyles();
-
-  return (
-    <View
-      testID={`${status}Indicator`}
-      style={[
-        styles.statusIndicator,
-        { backgroundColor: tokens[`color-${status}`] },
-      ]}
-    />
-  );
-}

package/src/StatusIndicator/StatusIndicator.type.ts

@@ -1,6 +0,0 @@
-export type StatusIndicatorType =
-  | "success"
-  | "warning"
-  | "critical"
-  | "inactive"
-  | "informative";

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

@@ -1,96 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`StatusIndicator status when status prop set to "critical" should match snapshot 1`] = `
-<View
-  style={
-    [
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-        "borderRadius": 100,
-        "height": 8,
-        "width": 8,
-      },
-      {
-        "backgroundColor": "hsl(6, 64%, 51%)",
-      },
-    ]
-  }
-  testID="criticalIndicator"
-/>
-`;
-
-exports[`StatusIndicator status when status prop set to "inactive" should match snapshot 1`] = `
-<View
-  style={
-    [
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-        "borderRadius": 100,
-        "height": 8,
-        "width": 8,
-      },
-      {
-        "backgroundColor": "hsl(198, 25%, 33%)",
-      },
-    ]
-  }
-  testID="inactiveIndicator"
-/>
-`;
-
-exports[`StatusIndicator status when status prop set to "informative" should match snapshot 1`] = `
-<View
-  style={
-    [
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-        "borderRadius": 100,
-        "height": 8,
-        "width": 8,
-      },
-      {
-        "backgroundColor": "hsl(207, 79%, 57%)",
-      },
-    ]
-  }
-  testID="informativeIndicator"
-/>
-`;
-
-exports[`StatusIndicator status when status prop set to "warning" should match snapshot 1`] = `
-<View
-  style={
-    [
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-        "borderRadius": 100,
-        "height": 8,
-        "width": 8,
-      },
-      {
-        "backgroundColor": "hsl(51, 64%, 49%)",
-      },
-    ]
-  }
-  testID="warningIndicator"
-/>
-`;
-
-exports[`StatusIndicator status when status prop set to default ("success") should match snapshot 1`] = `
-<View
-  style={
-    [
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-        "borderRadius": 100,
-        "height": 8,
-        "width": 8,
-      },
-      {
-        "backgroundColor": "hsl(107, 58%, 33%)",
-      },
-    ]
-  }
-  testID="successIndicator"
-/>
-`;

package/src/StatusIndicator/index.ts

@@ -1,2 +0,0 @@
-export { StatusIndicator } from "./StatusIndicator";
-export type { StatusIndicatorProps } from "./StatusIndicator";