@jobber/components-native 0.4.0 → 0.6.0

package/src/ErrorMessageWrapper/context/types.ts

@@ -0,0 +1,71 @@
+import { RefObject } from "react";
+import { NativeMethods, View } from "react-native";
+
+interface Methods {
+  /**
+   * Requires the method that returns
+   *  - x
+   *  - y
+   *  - width
+   *  - height
+   *
+   * This determines the location of the element on screen.
+   */
+  readonly measure: NativeMethods["measureLayout"];
+
+  /**
+   * Requires a method that makes accessible element be focused.
+   *
+   * **Example**
+   * ```
+   * function accessibilityFocus() {
+   *  const reactTag = findNodeHandle(ref.current);
+   *  AccessibilityInfo.setAccessibilityFocus(reactTag);
+   * }
+   * ```
+   */
+  readonly accessibilityFocus: () => void;
+
+  /**
+   * Check if the registered element has an error.
+   */
+  readonly hasErrorMessage: boolean;
+}
+
+export interface Element {
+  /**
+   * Used to easily identify the registered element so it's easier to modify or
+   * unregister it.
+   */
+  readonly id: string;
+
+  /**
+   * Information about the element that you can access.
+   */
+  readonly methods: Methods;
+}
+
+type ElementID = Element["id"];
+
+export interface ErrorMessageContextRegisterParams {
+  readonly id: ElementID;
+  readonly hasErrorMessage: Methods["hasErrorMessage"];
+  readonly ref: RefObject<View>;
+}
+
+export interface ErrorMessageContextProps {
+  /**
+   * Registered elements.
+   */
+  readonly elements: Record<ElementID, Element["methods"]>;
+
+  /**
+   * Registers the element to the context.
+   */
+  readonly register: (params: ErrorMessageContextRegisterParams) => void;
+
+  /**
+   * Un-registers the element from the context.
+   */
+  readonly unregister: (id: ElementID) => void;
+}

package/src/ErrorMessageWrapper/index.ts

@@ -0,0 +1,6 @@
+export { ErrorMessageWrapper } from "./ErrorMessageWrapper";
+export {
+  useErrorMessageContext,
+  ErrorMessageContext,
+  ErrorMessageProvider,
+} from "./context";

package/src/index.ts

@@ -2,5 +2,7 @@ export * from "./Icon";
 export * from "./Divider";
 export * from "./Typography";
 export * from "./Text";
+export * from "./ErrorMessageWrapper";
+export * from "./ActionLabel";
 export * from "./Content";
 export * from "./ActivityIndicator";