@jobber/components-native 0.74.1-JOB-97734-ac441a7.1 → 0.74.1-node22-3bf0edd.11

package/dist/types/src/Divider/Divider.d.ts

@@ -1,21 +1,12 @@
 /// <reference types="react" />
+import { styles } from "./Divider.style";
 interface DividerProps {
     /**
      * The weight of the divider.
      *
      * @default "base"
      */
-    readonly size?: "base" | "large" | "larger" | "largest";
-    /**
-     * The direction of the divider
-     *
-     * @default "horizontal"
-     */
-    readonly direction?: "horizontal" | "vertical";
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    readonly testID?: string;
+    readonly size?: keyof typeof styles;
 }
-export declare function Divider({ size, direction, testID, }: DividerProps): JSX.Element;
+export declare function Divider({ size }: DividerProps): JSX.Element;
 export {};

package/dist/types/src/Divider/{DividerHorizontal.style.d.ts → Divider.style.d.ts}

@@ -1,19 +1,14 @@
-export declare const horizontalStyles: {
+export declare const styles: {
     base: {
         height: number;
         margin: number;
-        width: "auto";
-        borderBottomColor: string;
         borderBottomWidth: number;
+        borderBottomColor: string;
     };
     large: {
         borderBottomWidth: number;
         opacity: number;
     };
-    larger: {
-        borderBottomWidth: number;
-        opacity: number;
-    };
     largest: {
         borderBottomWidth: number;
         opacity: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.74.1-JOB-97734-ac441a7.1+ac441a7b",
+  "version": "0.74.1-node22-3bf0edd.11+3bf0eddd",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -79,5 +79,5 @@
     "react-native-safe-area-context": "^4.5.2",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "ac441a7b169aceadaad1e902affbcd547634b9d7"
+  "gitHead": "3bf0eddd96dc11bb9646a691deaa3992b689e982"
 }

package/src/Divider/{DividerHorizontal.style.ts → Divider.style.ts}

@@ -1,22 +1,17 @@
 import { StyleSheet } from "react-native";
 import { tokens } from "../utils/design";
 
-export const horizontalStyles = StyleSheet.create({
+export const styles = StyleSheet.create({
   base: {
     height: tokens["space-minuscule"],
     margin: 0,
-    width: "auto",
+    borderBottomWidth: tokens["border-base"],
     borderBottomColor: tokens["color-border"],
-    borderBottomWidth: tokens["space-minuscule"],
   },
   large: {
     borderBottomWidth: tokens["border-thick"],
     opacity: 0.875,
   },
-  larger: {
-    borderBottomWidth: tokens["border-thicker"],
-    opacity: 0.625,
-  },
   largest: {
     borderBottomWidth: tokens["space-small"],
     opacity: 0.375,

package/src/Divider/Divider.test.tsx

@@ -1,71 +1,32 @@
 import React from "react";
 import { render } from "@testing-library/react-native";
 import { Divider } from "./Divider";
-import { horizontalStyles } from "./DividerHorizontal.style";
-import { verticalStyles } from "./DividerVertical.style";
+import { styles } from "./Divider.style";
 
 const dividerTestId = "Divider";
 
 describe("Divider", () => {
-  it("uses the given testID", () => {
-    const dividerTestID = "divider-test";
-    const { getByTestId } = render(<Divider testID={dividerTestID} />);
-    expect(getByTestId(dividerTestID)).toBeDefined();
+  it("renders a default Divider", () => {
+    const { getByTestId } = render(<Divider />);
+    const dividerStyle = getByTestId(dividerTestId).props.style;
+    expect(dividerStyle).toContainEqual(styles.base);
+    expect(dividerStyle).not.toContainEqual(styles.large);
+    expect(dividerStyle).not.toContainEqual(styles.largest);
   });
 
-  describe("Horizontal", () => {
-    it("renders a default Divider", () => {
-      const { getByTestId } = render(<Divider />);
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(horizontalStyles.base);
-      expect(dividerStyle).not.toContainEqual(horizontalStyles.large);
-      expect(dividerStyle).not.toContainEqual(horizontalStyles.largest);
-    });
-
-    it("renders a large Divider", () => {
-      const { getByTestId } = render(<Divider size="large" />);
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(horizontalStyles.base);
-      expect(dividerStyle).toContainEqual(horizontalStyles.large);
-      expect(dividerStyle).not.toContainEqual(horizontalStyles.largest);
-    });
-
-    it("renders a largest Divider", () => {
-      const { getByTestId } = render(<Divider size="largest" />);
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(horizontalStyles.base);
-      expect(dividerStyle).not.toContainEqual(horizontalStyles.large);
-      expect(dividerStyle).toContainEqual(horizontalStyles.largest);
-    });
+  it("renders a large Divider", () => {
+    const { getByTestId } = render(<Divider size="large" />);
+    const dividerStyle = getByTestId(dividerTestId).props.style;
+    expect(dividerStyle).toContainEqual(styles.base);
+    expect(dividerStyle).toContainEqual(styles.large);
+    expect(dividerStyle).not.toContainEqual(styles.largest);
   });
 
-  describe("Vertical", () => {
-    it("renders a default Divider", () => {
-      const { getByTestId } = render(<Divider direction="vertical" />);
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(verticalStyles.base);
-      expect(dividerStyle).not.toContainEqual(verticalStyles.large);
-      expect(dividerStyle).not.toContainEqual(verticalStyles.largest);
-    });
-
-    it("renders a large Divider", () => {
-      const { getByTestId } = render(
-        <Divider direction="vertical" size="large" />,
-      );
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(verticalStyles.base);
-      expect(dividerStyle).toContainEqual(verticalStyles.large);
-      expect(dividerStyle).not.toContainEqual(verticalStyles.largest);
-    });
-
-    it("renders a largest Divider", () => {
-      const { getByTestId } = render(
-        <Divider direction="vertical" size="largest" />,
-      );
-      const dividerStyle = getByTestId(dividerTestId).props.style;
-      expect(dividerStyle).toContainEqual(verticalStyles.base);
-      expect(dividerStyle).not.toContainEqual(verticalStyles.large);
-      expect(dividerStyle).toContainEqual(verticalStyles.largest);
-    });
+  it("renders a largest Divider", () => {
+    const { getByTestId } = render(<Divider size="largest" />);
+    const dividerStyle = getByTestId(dividerTestId).props.style;
+    expect(dividerStyle).toContainEqual(styles.base);
+    expect(dividerStyle).not.toContainEqual(styles.large);
+    expect(dividerStyle).toContainEqual(styles.largest);
   });
 });

package/src/Divider/Divider.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { View } from "react-native";
-import { horizontalStyles } from "./DividerHorizontal.style";
-import { verticalStyles } from "./DividerVertical.style";
+import { styles } from "./Divider.style";
 
 interface DividerProps {
   /**
@@ -9,32 +8,15 @@ interface DividerProps {
    *
    * @default "base"
    */
-  readonly size?: "base" | "large" | "larger" | "largest";
-  /**
-   * The direction of the divider
-   *
-   * @default "horizontal"
-   */
-  readonly direction?: "horizontal" | "vertical";
-  /**
-   * Used to locate this view in end-to-end tests.
-   */
-  readonly testID?: string;
+  readonly size?: keyof typeof styles;
 }
 
-export function Divider({
-  size = "base",
-  direction = "horizontal",
-  testID = "Divider",
-}: DividerProps): JSX.Element {
-  const directionalStyles =
-    direction === "horizontal" ? horizontalStyles : verticalStyles;
+export function Divider({ size = "base" }: DividerProps): JSX.Element {
   const style = [
-    directionalStyles.base,
-    size === "large" && directionalStyles.large,
-    size === "larger" && directionalStyles.larger,
-    size === "largest" && directionalStyles.largest,
+    styles.base,
+    size === "large" && styles.large,
+    size === "largest" && styles.largest,
   ];
 
-  return <View testID={testID} style={style} />;
+  return <View testID="Divider" style={style} />;
 }

package/dist/src/Divider/DividerVertical.style.js

@@ -1,23 +0,0 @@
-import { StyleSheet } from "react-native";
-import { tokens } from "../utils/design";
-export const verticalStyles = StyleSheet.create({
-    base: {
-        margin: 0,
-        height: "100%",
-        width: tokens["space-minuscule"],
-        borderRightWidth: tokens["border-base"],
-        borderRightColor: tokens["color-border"],
-    },
-    large: {
-        borderRightWidth: tokens["border-thick"],
-        opacity: 0.875,
-    },
-    larger: {
-        borderRightWidth: tokens["border-thicker"],
-        opacity: 0.625,
-    },
-    largest: {
-        borderRightWidth: tokens["space-small"],
-        opacity: 0.375,
-    },
-});

package/dist/types/src/Divider/DividerVertical.style.d.ts

@@ -1,21 +0,0 @@
-export declare const verticalStyles: {
-    base: {
-        margin: number;
-        height: "100%";
-        width: number;
-        borderRightWidth: number;
-        borderRightColor: string;
-    };
-    large: {
-        borderRightWidth: number;
-        opacity: number;
-    };
-    larger: {
-        borderRightWidth: number;
-        opacity: number;
-    };
-    largest: {
-        borderRightWidth: number;
-        opacity: number;
-    };
-};

package/src/Divider/DividerVertical.style.ts

@@ -1,24 +0,0 @@
-import { StyleSheet } from "react-native";
-import { tokens } from "../utils/design";
-
-export const verticalStyles = StyleSheet.create({
-  base: {
-    margin: 0,
-    height: "100%",
-    width: tokens["space-minuscule"],
-    borderRightWidth: tokens["border-base"],
-    borderRightColor: tokens["color-border"],
-  },
-  large: {
-    borderRightWidth: tokens["border-thick"],
-    opacity: 0.875,
-  },
-  larger: {
-    borderRightWidth: tokens["border-thicker"],
-    opacity: 0.625,
-  },
-  largest: {
-    borderRightWidth: tokens["space-small"],
-    opacity: 0.375,
-  },
-});