@jobber/components-native 0.30.0 → 0.32.0

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { InputTextProps, InputTextRef } from "../InputText";
+type NumberKeyboard = "decimal-pad" | "numbers-and-punctuation";
+export interface InputNumberProps extends Omit<InputTextProps, "keyboard" | "onChangeText" | "value" | "defaultValue"> {
+    readonly value?: number;
+    readonly defaultValue?: number;
+    readonly onChange: (newValue?: number | string | undefined) => void;
+    readonly keyboard?: NumberKeyboard;
+    /**
+     * Used to locate this view in end-to-end tests
+     */
+    readonly testID?: string;
+}
+export declare const InputNumber: React.ForwardRefExoticComponent<InputNumberProps & React.RefAttributes<InputTextRef>>;
+export declare function shouldShowUserValue(value: string): boolean;
+export declare function useNumberTransform(controlledValue: number | undefined): {
+    inputTransform: (internalValue?: number) => string | undefined;
+    outputTransform: (value: string) => string | number;
+};
+export {};

package/dist/types/src/InputNumber/index.d.ts

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

package/dist/types/src/InputNumber/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    notANumberError: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,69 @@
+import { ReactElement } from "react";
+import { RegisterOptions } from "react-hook-form";
+export interface SelectOption {
+    /**
+     * Text that shows up as the option
+     */
+    readonly children: string;
+    /**
+     * The value that gets returned when an option is selected
+     */
+    readonly value: string;
+}
+export interface SelectProps {
+    /**
+     * Current value of the component
+     */
+    readonly value?: string;
+    /**
+     * Default value for when the component is uncontrolled
+     */
+    readonly defaultValue?: string;
+    /**
+     * Adds a first option to let users select a "no value".
+     * Placeholder item selected by default until a selection is made.
+     */
+    readonly placeholder?: string;
+    /**
+     * Label text shown above the selection.
+     */
+    readonly label?: string;
+    /**
+     * Help text shown below the control.
+     */
+    readonly assistiveText?: string;
+    /**
+     * Callback that provides the new value when the selection changes
+     */
+    readonly onChange?: (newValue?: string) => void;
+    /**
+     * Disables input selection
+     */
+    readonly disabled?: boolean;
+    /**
+     * Indicates the current selection is invalid
+     */
+    readonly invalid?: boolean;
+    /**
+     * VoiceOver will read this string when a user selects the element
+     */
+    readonly accessibilityLabel?: string;
+    /**
+     * Helps users understand what will happen when they perform an action
+     */
+    readonly accessibilityHint?: string;
+    /**
+     * Name of the input.
+     */
+    readonly name?: string;
+    /**
+     * The options to select from
+     */
+    readonly children: ReactElement<SelectOption>[];
+    /**
+     * The validations that will mark this component as invalid
+     */
+    readonly validations?: RegisterOptions;
+}
+export declare function Select({ value, defaultValue, onChange, children, placeholder, label, assistiveText, disabled, invalid, validations, accessibilityLabel, name, }: SelectProps): JSX.Element;
+export declare function Option({ children }: SelectOption): JSX.Element;

package/dist/types/src/Select/Select.style.d.ts

@@ -0,0 +1,56 @@
+export declare const styles: {
+    container: {
+        marginVertical: number;
+        backgroundColor: string;
+        minHeight: number;
+        flexDirection: "row";
+        justifyContent: "space-between";
+        width: string;
+        borderColor: string;
+        borderStyle: "solid";
+        borderBottomWidth: number;
+    } | {
+        flexDirection: "column";
+        justifyContent: "flex-end";
+        minHeight: number;
+    };
+    input: {
+        width: string;
+        flexShrink: number;
+        flexGrow: number;
+        color: string;
+        fontFamily: string | undefined;
+        fontSize: number | undefined;
+        letterSpacing: number | undefined;
+        minHeight: number;
+        padding: number;
+    } | {
+        flexDirection: "row";
+        flexGrow: number;
+        paddingBottom: number;
+        minHeight: number;
+        minWidth: string;
+    };
+    value: {
+        flexGrow: number;
+        flexShrink: number;
+    };
+    icon: {
+        flexGrow: number;
+        flexShrink: number;
+    };
+    invalid: {
+        color: string;
+        borderColor: string;
+    };
+    errorMessageWrapperIcon: {
+        flex: number;
+        flexBasis: string;
+        paddingTop: number;
+        paddingRight: number;
+    };
+    messageWrapper: {
+        paddingTop: number;
+        flexDirection: "row";
+    };
+};

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectInternalPickerProps } from "../../types";
+type SelectDefaultPickerProps = SelectInternalPickerProps;
+export declare function SelectDefaultPicker({ children, options, disabled, onChange, }: SelectDefaultPickerProps): JSX.Element;
+export {};

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.ios.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectInternalPickerProps } from "../../types";
+type SelectDefaultPickerProps = SelectInternalPickerProps;
+export declare function SelectDefaultPicker({ children, options, onChange, }: SelectDefaultPickerProps): JSX.Element;
+export {};

package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.style.d.ts

@@ -0,0 +1,30 @@
+export declare const styles: {
+    overlay: {
+        flex: number;
+    };
+    actionBar: {
+        flexDirection: "row";
+        height: number;
+        justifyContent: "flex-end";
+        alignItems: "center";
+        paddingHorizontal: number;
+        backgroundColor: string;
+        borderTopWidth: number;
+        borderTopColor: string;
+        zIndex: number;
+    };
+    pickerContainer: {
+        justifyContent: "center";
+        backgroundColor: string;
+    };
+    androidPickerContainer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        color: string;
+        backgroundColor: string;
+        opacity: number;
+    };
+};

package/dist/types/src/Select/components/SelectDefaultPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectDefaultPicker";

package/dist/types/src/Select/components/SelectDefaultPicker/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const messages: {
+    done: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/src/Select/components/SelectIOSPicker/SelectIOSPicker.d.ts

@@ -0,0 +1,10 @@
+import { HostComponent } from "react-native";
+import { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
+interface NativeSelectIOSPickerProps extends Pick<SelectInternalPickerProps, "options" | "children"> {
+    /**
+     * Callback when one of the option is pressed
+     */
+    readonly onOptionPress: (event: SelectOnOptionPressEvent) => void;
+}
+export declare const SelectIOSPicker: HostComponent<NativeSelectIOSPickerProps>;
+export {};

package/dist/types/src/Select/components/SelectIOSPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectIOSPicker";

package/dist/types/src/Select/components/SelectInternalPicker/SelectInternalPicker.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SelectInternalPickerProps } from "../../types";
+export declare function SelectInternalPicker({ children, options, disabled, onChange, }: SelectInternalPickerProps): JSX.Element;

package/dist/types/src/Select/components/SelectInternalPicker/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectInternalPicker";

package/dist/types/src/Select/components/SelectInternalPicker/utils.d.ts

@@ -0,0 +1,3 @@
+import { SelectInternalPickerProps, SelectOnOptionPressEvent } from "../../types";
+export declare function handlePress(onChange: SelectInternalPickerProps["onChange"]): ({ nativeEvent: { event } }: SelectOnOptionPressEvent) => void;
+export declare function isIOS14AndUp(): boolean;

package/dist/types/src/Select/components/SelectPressable/SelectPressable.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PressableProps } from "react-native";
+import { SelectInternalPickerProps } from "../../types";
+type SelectPressableProps = Pick<SelectInternalPickerProps, "children"> & Pick<PressableProps, "onPress">;
+/**
+ * Switches between Pressable with pressed styling and a fragment when a
+ * screen-reader is being used to avoid screen-readers from ignoring the press
+ * on the MenuView
+ */
+export declare function SelectPressable({ children, onPress, }: SelectPressableProps): JSX.Element;
+export {};

package/dist/types/src/Select/components/SelectPressable/SelectPressable.style.d.ts

@@ -0,0 +1,5 @@
+export declare const styles: {
+    pressed: {
+        opacity: number;
+    };
+};

package/dist/types/src/Select/components/SelectPressable/index.d.ts

@@ -0,0 +1 @@
+export * from "./SelectPressable";

package/dist/types/src/Select/index.d.ts

@@ -0,0 +1 @@
+export { Select, Option, SelectOption, SelectProps } from "./Select";

package/dist/types/src/Select/messages.d.ts

@@ -0,0 +1,12 @@
+export declare const messages: {
+    a11yHint: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    emptyValue: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,38 @@
+import { ReactNode } from "react";
+export interface SelectInternalPickerProps {
+    /**
+     * Tapping the children opens the picker
+     */
+    readonly children: ReactNode;
+    /**
+     * The list of options that user can choose from
+     */
+    readonly options: SelectInternalPickerOption[];
+    /**
+     * Prevents the menu from opening
+     */
+    readonly disabled?: boolean;
+    /**
+     * Callback to fire when an option is pressed
+     */
+    readonly onChange: (value: string) => void;
+}
+export interface SelectInternalPickerOption {
+    /**
+     * The value that gets returned whenever the option is selected
+     */
+    readonly value: string;
+    /**
+     * What the user chooses on the UI
+     */
+    readonly label: string;
+    /**
+     * Determines if the option is selected or not
+     */
+    readonly isActive?: boolean;
+}
+export interface SelectOnOptionPressEvent {
+    readonly nativeEvent: {
+        readonly event: string;
+    };
+}

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

@@ -17,12 +17,14 @@ export * from "./Heading";
 export * from "./Icon";
 export * from "./IconButton";
 export * from "./InputFieldWrapper";
+export * from "./InputNumber";
 export * from "./InputPassword";
 export * from "./InputPressable";
 export * from "./InputSearch";
 export * from "./InputText";
 export * from "./TextList";
 export * from "./ProgressBar";
+export * from "./Select";
 export * from "./StatusLabel";
 export * from "./Switch";
 export * from "./Text";

package/ios/ComponentsNative-Bridging-Header.h

@@ -0,0 +1,2 @@
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>

package/ios/ComponentsNative.xcodeproj/project.pbxproj

@@ -0,0 +1,303 @@
+// !$*UTF8*$!
+{
+	archiveVersion = 1;
+	classes = {
+	};
+	objectVersion = 46;
+	objects = {
+
+/* Begin PBXBuildFile section */
+		3373AC982A2E7708001862FC /* RCTATLPickerManager.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3373AC972A2E7708001862FC /* RCTATLPickerManager.swift */; };
+		3373AC9B2A2E77B1001862FC /* RCTATLPickerManager.m in Sources */ = {isa = PBXBuildFile; fileRef = 3373AC9A2A2E77B1001862FC /* RCTATLPickerManager.m */; };
+		3373AC9D2A2E77EB001862FC /* ATLPickerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3373AC9C2A2E77EB001862FC /* ATLPickerView.swift */; };
+		3373AC9F2A2E783E001862FC /* ATLPickerOption.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3373AC9E2A2E783E001862FC /* ATLPickerOption.swift */; };
+		3373ACA12A2E786F001862FC /* ATLFallBackPickerView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 3373ACA02A2E786F001862FC /* ATLFallBackPickerView.swift */; };
+/* End PBXBuildFile section */
+
+/* Begin PBXCopyFilesBuildPhase section */
+		58B511D91A9E6C8500147676 /* CopyFiles */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXCopyFilesBuildPhase section */
+
+/* Begin PBXFileReference section */
+		134814201AA4EA6300B7C361 /* libComponentsNative.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = libComponentsNative.a; sourceTree = BUILT_PRODUCTS_DIR; };
+		3373AC972A2E7708001862FC /* RCTATLPickerManager.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RCTATLPickerManager.swift; sourceTree = "<group>"; };
+		3373AC9A2A2E77B1001862FC /* RCTATLPickerManager.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = RCTATLPickerManager.m; sourceTree = "<group>"; };
+		3373AC9C2A2E77EB001862FC /* ATLPickerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ATLPickerView.swift; sourceTree = "<group>"; };
+		3373AC9E2A2E783E001862FC /* ATLPickerOption.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ATLPickerOption.swift; sourceTree = "<group>"; };
+		3373ACA02A2E786F001862FC /* ATLFallBackPickerView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ATLFallBackPickerView.swift; sourceTree = "<group>"; };
+		F4FF95D5245B92E700C19C63 /* ComponentsNative-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "ComponentsNative-Bridging-Header.h"; sourceTree = "<group>"; };
+/* End PBXFileReference section */
+
+/* Begin PBXFrameworksBuildPhase section */
+		58B511D81A9E6C8500147676 /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXFrameworksBuildPhase section */
+
+/* Begin PBXGroup section */
+		134814211AA4EA7D00B7C361 /* Products */ = {
+			isa = PBXGroup;
+			children = (
+				134814201AA4EA6300B7C361 /* libComponentsNative.a */,
+			);
+			name = Products;
+			sourceTree = "<group>";
+		};
+		3373AC942A2E7669001862FC /* Picker */ = {
+			isa = PBXGroup;
+			children = (
+				3373AC972A2E7708001862FC /* RCTATLPickerManager.swift */,
+				3373AC9A2A2E77B1001862FC /* RCTATLPickerManager.m */,
+				3373AC9C2A2E77EB001862FC /* ATLPickerView.swift */,
+				3373AC9E2A2E783E001862FC /* ATLPickerOption.swift */,
+				3373ACA02A2E786F001862FC /* ATLFallBackPickerView.swift */,
+			);
+			path = Picker;
+			sourceTree = "<group>";
+		};
+		58B511D21A9E6C8500147676 = {
+			isa = PBXGroup;
+			children = (
+				3373AC942A2E7669001862FC /* Picker */,
+				F4FF95D5245B92E700C19C63 /* ComponentsNative-Bridging-Header.h */,
+				134814211AA4EA7D00B7C361 /* Products */,
+			);
+			sourceTree = "<group>";
+		};
+/* End PBXGroup section */
+
+/* Begin PBXNativeTarget section */
+		58B511DA1A9E6C8500147676 /* ComponentsNative */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = 58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "ComponentsNative" */;
+			buildPhases = (
+				58B511D71A9E6C8500147676 /* Sources */,
+				58B511D81A9E6C8500147676 /* Frameworks */,
+				58B511D91A9E6C8500147676 /* CopyFiles */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = ComponentsNative;
+			productName = RCTDataManager;
+			productReference = 134814201AA4EA6300B7C361 /* libComponentsNative.a */;
+			productType = "com.apple.product-type.library.static";
+		};
+/* End PBXNativeTarget section */
+
+/* Begin PBXProject section */
+		58B511D31A9E6C8500147676 /* Project object */ = {
+			isa = PBXProject;
+			attributes = {
+				LastUpgradeCheck = 0920;
+				ORGANIZATIONNAME = Facebook;
+				TargetAttributes = {
+					58B511DA1A9E6C8500147676 = {
+						CreatedOnToolsVersion = 6.1.1;
+					};
+				};
+			};
+			buildConfigurationList = 58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "ComponentsNative" */;
+			compatibilityVersion = "Xcode 3.2";
+			developmentRegion = English;
+			hasScannedForEncodings = 0;
+			knownRegions = (
+				English,
+				en,
+			);
+			mainGroup = 58B511D21A9E6C8500147676;
+			productRefGroup = 58B511D21A9E6C8500147676;
+			projectDirPath = "";
+			projectRoot = "";
+			targets = (
+				58B511DA1A9E6C8500147676 /* ComponentsNative */,
+			);
+		};
+/* End PBXProject section */
+
+/* Begin PBXSourcesBuildPhase section */
+		58B511D71A9E6C8500147676 /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				3373AC9D2A2E77EB001862FC /* ATLPickerView.swift in Sources */,
+				3373AC9F2A2E783E001862FC /* ATLPickerOption.swift in Sources */,
+				3373AC982A2E7708001862FC /* RCTATLPickerManager.swift in Sources */,
+				3373ACA12A2E786F001862FC /* ATLFallBackPickerView.swift in Sources */,
+				3373AC9B2A2E77B1001862FC /* RCTATLPickerManager.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
+/* End PBXSourcesBuildPhase section */
+
+/* Begin XCBuildConfiguration section */
+		58B511ED1A9E6C8500147676 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				ENABLE_TESTABILITY = YES;
+				"EXCLUDED_ARCHS[sdk=*]" = arm64;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_DYNAMIC_NO_PIC = NO;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_OPTIMIZATION_LEVEL = 0;
+				GCC_PREPROCESSOR_DEFINITIONS = (
+					"DEBUG=1",
+					"$(inherited)",
+				);
+				GCC_SYMBOLS_PRIVATE_EXTERN = NO;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				MTL_ENABLE_DEBUG_INFO = YES;
+				ONLY_ACTIVE_ARCH = YES;
+				SDKROOT = iphoneos;
+			};
+			name = Debug;
+		};
+		58B511EE1A9E6C8500147676 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				"EXCLUDED_ARCHS[sdk=*]" = arm64;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Release;
+		};
+		58B511F01A9E6C8500147676 /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = ComponentsNative;
+				SKIP_INSTALL = YES;
+				SWIFT_OBJC_BRIDGING_HEADER = "ComponentsNative-Bridging-Header.h";
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
+				SWIFT_VERSION = 5.0;
+			};
+			name = Debug;
+		};
+		58B511F11A9E6C8500147676 /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = ComponentsNative;
+				SKIP_INSTALL = YES;
+				SWIFT_OBJC_BRIDGING_HEADER = "ComponentsNative-Bridging-Header.h";
+				SWIFT_VERSION = 5.0;
+			};
+			name = Release;
+		};
+/* End XCBuildConfiguration section */
+
+/* Begin XCConfigurationList section */
+		58B511D61A9E6C8500147676 /* Build configuration list for PBXProject "ComponentsNative" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				58B511ED1A9E6C8500147676 /* Debug */,
+				58B511EE1A9E6C8500147676 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		58B511EF1A9E6C8500147676 /* Build configuration list for PBXNativeTarget "ComponentsNative" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				58B511F01A9E6C8500147676 /* Debug */,
+				58B511F11A9E6C8500147676 /* Release */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+/* End XCConfigurationList section */
+	};
+	rootObject = 58B511D31A9E6C8500147676 /* Project object */;
+}

package/ios/Picker/ATLFallBackPickerView.swift

@@ -0,0 +1,13 @@
+//
+//  FallBackPickerView.swift
+//  @jobber/components-native
+//
+//  Created by Darryl Tec on 2022-07-21.
+//  Copyright © 2022 Octopusapp Inc. All rights reserved.
+//
+
+import Foundation
+
+// Do nothing. This is handled within React component.
+@objc(ATLFallBackPickerView)
+class ATLFallBackPickerView: UIView {}