@studio-piot/native-ui 0.2.2 → 0.2.4

package/src/components/Select/types.ts

@@ -13,6 +13,8 @@ export type SelectCloseButton =
   | ((dismiss: () => void) => ReactNode);
 
 export type SelectProps = {
+  /** Registers the field with `Form` / `ErrorBannerProvider` for banner rows. */
+  name?: string;
   value: string | null;
   onChange: (value: string) => void;
   options: SelectOption[];

package/src/components/Slider/Slider.tsx

@@ -1,5 +1,6 @@
 import { StyleSheet, Text, View } from "react-native";
 import CommunitySlider from "@react-native-community/slider";
+import { useErrorBannerDismiss } from "../ErrorBanner";
 import { useResolvedFieldColor } from "../Field/useResolvedFieldColor";
 import { SLIDER_THEME_ROLES } from "./sliderThemeRoles";
 import type { SliderProps } from "./types";
@@ -36,6 +37,7 @@ export function Slider({
     SLIDER_THEME_ROLES.trackColor,
   );
 
+  const dismissBanner = useErrorBannerDismiss();
   const display = formatValue(value);
   const accessibilityLabel = label ? `${label}. ${display}` : display;
 
@@ -58,7 +60,10 @@ export function Slider({
         maximumValue={maximumValue}
         minimumTrackTintColor={highlightColor}
         minimumValue={minimumValue}
-        onValueChange={onChange}
+        onValueChange={(next) => {
+          onChange(next);
+          dismissBanner();
+        }}
         step={step}
         style={styles.track}
         thumbTintColor={highlightColor}

package/src/components/index.ts

@@ -21,6 +21,19 @@ export {
   type FieldTextareaProps,
 } from "./Field";
 export { Form, FormCloseButton, type FormProps } from "./Form";
+export {
+  ErrorBanner,
+  ErrorBannerField,
+  ErrorBannerProvider,
+  ERROR_BANNER_THEME_ROLES,
+  useErrorBanner,
+  useErrorBannerContext,
+  useErrorBannerDismiss,
+  useErrorBannerField,
+  type ErrorBannerThemeColorProp,
+  type ErrorBannerProps,
+  type FieldError,
+} from "./ErrorBanner";
 export {
   RadioField,
   RADIO_THEME_ROLES,
@@ -41,6 +54,13 @@ export {
   type SelectOption,
   type SelectProps,
 } from "./Select";
+export {
+  SegmentedControl,
+  SEGMENTED_THEME_ROLES,
+  type SegmentedThemeColorProp,
+  type SegmentedOption,
+  type SegmentedControlProps,
+} from "./SegmentedControl";
 export {
   Slider,
   SLIDER_THEME_ROLES,

package/src/index.ts

@@ -1,4 +1,4 @@
-export const version = "0.2.2";
+export const version = "0.2.4";
 
 export * from "./theme";
 export {
@@ -28,6 +28,19 @@ export {
   FormCloseButton,
   type FormProps,
 } from "./components/Form";
+export {
+  ErrorBanner,
+  ErrorBannerField,
+  ErrorBannerProvider,
+  ERROR_BANNER_THEME_ROLES,
+  useErrorBanner,
+  useErrorBannerContext,
+  useErrorBannerDismiss,
+  useErrorBannerField,
+  type ErrorBannerThemeColorProp,
+  type ErrorBannerProps,
+  type FieldError,
+} from "./components/ErrorBanner";
 export {
   RadioField,
   RADIO_THEME_ROLES,
@@ -48,6 +61,13 @@ export {
   type SelectOption,
   type SelectProps,
 } from "./components/Select";
+export {
+  SegmentedControl,
+  SEGMENTED_THEME_ROLES,
+  type SegmentedThemeColorProp,
+  type SegmentedOption,
+  type SegmentedControlProps,
+} from "./components/SegmentedControl";
 export {
   Slider,
   SLIDER_THEME_ROLES,