@jobber/components-native 0.30.0 → 0.31.0

package/src/Select/index.ts

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

package/src/Select/messages.ts

@@ -0,0 +1,14 @@
+import { defineMessages } from "react-intl";
+
+export const messages = defineMessages({
+  a11yHint: {
+    id: "a11yHint",
+    defaultMessage: "Select to open the picker",
+    description: "Accessibility hint on how to interact with the select",
+  },
+  emptyValue: {
+    id: "emptyValue",
+    defaultMessage: "Select an option",
+    description: "Accessibility hint on how to interact with the select",
+  },
+});

package/src/Select/types.ts

@@ -0,0 +1,46 @@
+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/src/index.ts

@@ -23,6 +23,7 @@ export * from "./InputSearch";
 export * from "./InputText";
 export * from "./TextList";
 export * from "./ProgressBar";
+export * from "./Select";
 export * from "./StatusLabel";
 export * from "./Switch";
 export * from "./Text";