@jobber/components-native 0.9.0 → 0.10.0

package/src/InputFieldWrapper/hooks/useShowClear.ts

@@ -0,0 +1,31 @@
+import { Clearable } from "../InputFieldWrapper";
+
+interface UseShowClearParameters {
+  clearable: Clearable;
+  multiline: boolean;
+  focused: boolean;
+  hasValue: boolean;
+  disabled?: boolean;
+}
+
+export function useShowClear({
+  clearable,
+  multiline,
+  focused,
+  hasValue,
+  disabled = false,
+}: UseShowClearParameters): boolean | undefined {
+  if (multiline && clearable !== "never") {
+    throw new Error("Multiline inputs can not be clearable");
+  }
+  // Do not show if there is no value
+  if (!hasValue || clearable === "never" || disabled) {
+    return false;
+  }
+  switch (clearable) {
+    case "while-editing":
+      return focused;
+    case "always":
+      return true;
+  }
+}

package/src/InputFieldWrapper/index.ts

@@ -0,0 +1,4 @@
+export { commonInputStyles } from "./CommonInputStyles.style";
+export { InputFieldWrapper } from "./InputFieldWrapper";
+export type { InputFieldWrapperProps, Clearable } from "./InputFieldWrapper";
+export { useShowClear } from "./hooks/useShowClear";

package/src/index.ts

@@ -9,3 +9,4 @@ export * from "./ActivityIndicator";
 export * from "./Card";
 export * from "./StatusLabel";
 export * from "./AtlantisContext";
+export * from "./InputFieldWrapper";