@expo/ui 55.0.8 → 55.0.10

package/src/jetpack-compose/BadgedBox/index.tsx

@@ -0,0 +1,58 @@
+import { requireNativeView } from 'expo';
+
+import { type ModifierConfig } from '../../types';
+import { createViewModifierEventListener } from '../modifiers/utils';
+
+export type BadgedBoxProps = {
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+  /**
+   * Children containing the main content and a `BadgedBox.Badge` slot.
+   */
+  children?: React.ReactNode;
+};
+
+type SlotProps = {
+  slotName: string;
+  children: React.ReactNode;
+};
+
+const BadgedBoxNativeView: React.ComponentType<BadgedBoxProps> = requireNativeView(
+  'ExpoUI',
+  'BadgedBoxView'
+);
+
+const SlotNativeView: React.ComponentType<SlotProps> = requireNativeView('ExpoUI', 'SlotView');
+
+function transformProps(props: BadgedBoxProps): BadgedBoxProps {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+  };
+}
+
+/**
+ * Slot for the badge overlay. Place a `Badge` component inside.
+ */
+function BadgeSlot(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="badge">{props.children}</SlotNativeView>;
+}
+
+/**
+ * A badged box matching Compose's `BadgedBox`.
+ * Overlays a badge on top of content (for example, an icon).
+ *
+ * @see [Jetpack Compose BadgedBox](https://developer.android.com/develop/ui/compose/components/badges)
+ */
+function BadgedBoxComponent(props: BadgedBoxProps) {
+  const { children, ...restProps } = props;
+  return <BadgedBoxNativeView {...transformProps(restProps)}>{children}</BadgedBoxNativeView>;
+}
+
+BadgedBoxComponent.Badge = BadgeSlot;
+
+export { BadgedBoxComponent as BadgedBox };

package/src/jetpack-compose/Tooltip/index.tsx

@@ -0,0 +1,176 @@
+import { requireNativeView } from 'expo';
+import { type Ref } from 'react';
+import { type ColorValue } from 'react-native';
+
+import { type ModifierConfig } from '../../types';
+import { createViewModifierEventListener } from '../modifiers/utils';
+
+export type TooltipBoxRef = {
+  /**
+   * Programmatically shows the tooltip.
+   */
+  show: () => Promise<void>;
+  /**
+   * Programmatically dismisses the tooltip.
+   */
+  dismiss: () => Promise<void>;
+};
+
+export type TooltipBoxProps = {
+  /**
+   * Ref to imperatively show/dismiss the tooltip.
+   */
+  ref?: Ref<TooltipBoxRef>;
+  /**
+   * Whether the tooltip persists instead of auto-dismissing after a short timeout.
+   * @default false
+   */
+  isPersistent?: boolean;
+  /**
+   * Whether the tooltip contains an action. Affects accessibility and dismiss behavior.
+   * When not specified, this is automatically derived from the presence of a `RichTooltip.Action` slot.
+   */
+  hasAction?: boolean;
+  /**
+   * Whether user input (long-press, hover) triggers the tooltip.
+   * @default true
+   */
+  enableUserInput?: boolean;
+  /**
+   * Whether the tooltip popup is focusable.
+   * @default false
+   */
+  focusable?: boolean;
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+  /**
+   * Children containing a `TooltipBox.PlainTooltip` or `TooltipBox.RichTooltip` slot and the anchor/trigger content.
+   * The anchor content triggers the tooltip on long-press.
+   */
+  children: React.ReactNode;
+};
+
+const TooltipBoxNativeView: React.ComponentType<TooltipBoxProps> = requireNativeView(
+  'ExpoUI',
+  'TooltipBoxView'
+);
+
+const SlotNativeView: React.ComponentType<{ slotName: string; children: React.ReactNode }> =
+  requireNativeView('ExpoUI', 'SlotView');
+
+function transformProps(
+  props: Omit<TooltipBoxProps, 'children'>
+): Omit<TooltipBoxProps, 'children'> {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+    isPersistent: props.isPersistent ?? false,
+    enableUserInput: props.enableUserInput ?? true,
+    focusable: props.focusable ?? false,
+  };
+}
+
+// --- PlainTooltip (compound component of TooltipBox) ---
+
+export type PlainTooltipProps = {
+  containerColor?: ColorValue;
+  contentColor?: ColorValue;
+  modifiers?: ModifierConfig[];
+  children: React.ReactNode;
+};
+
+const PlainTooltipNativeView: React.ComponentType<PlainTooltipProps> = requireNativeView(
+  'ExpoUI',
+  'PlainTooltipView'
+);
+
+/**
+ * A simple tooltip. Place inside `TooltipBox` as `TooltipBox.PlainTooltip`.
+ * Children become the tooltip content.
+ */
+function PlainTooltipComponent(props: PlainTooltipProps) {
+  const { children, modifiers, ...restProps } = props;
+  return (
+    <SlotNativeView slotName="tooltip">
+      <PlainTooltipNativeView
+        modifiers={modifiers}
+        {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+        {...restProps}>
+        {children}
+      </PlainTooltipNativeView>
+    </SlotNativeView>
+  );
+}
+
+// --- RichTooltip (compound component of TooltipBox) ---
+
+export type RichTooltipProps = {
+  containerColor?: ColorValue;
+  contentColor?: ColorValue;
+  titleContentColor?: ColorValue;
+  actionContentColor?: ColorValue;
+  modifiers?: ModifierConfig[];
+  children: React.ReactNode;
+};
+
+const RichTooltipNativeView: React.ComponentType<RichTooltipProps> = requireNativeView(
+  'ExpoUI',
+  'RichTooltipView'
+);
+
+function RichTooltipTitle(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="title">{props.children}</SlotNativeView>;
+}
+
+function RichTooltipText(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="text">{props.children}</SlotNativeView>;
+}
+
+function RichTooltipAction(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="action">{props.children}</SlotNativeView>;
+}
+
+/**
+ * A detailed tooltip with optional title, body text, and action. Place inside `TooltipBox` as `TooltipBox.RichTooltip`.
+ * Content is provided via sub-components: `TooltipBox.RichTooltip.Title`, `TooltipBox.RichTooltip.Text`, `TooltipBox.RichTooltip.Action`.
+ */
+function RichTooltipComponent(props: RichTooltipProps) {
+  const { children, modifiers, ...restProps } = props;
+  return (
+    <SlotNativeView slotName="tooltip">
+      <RichTooltipNativeView
+        modifiers={modifiers}
+        {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+        {...restProps}>
+        {children}
+      </RichTooltipNativeView>
+    </SlotNativeView>
+  );
+}
+
+RichTooltipComponent.Title = RichTooltipTitle;
+RichTooltipComponent.Text = RichTooltipText;
+RichTooltipComponent.Action = RichTooltipAction;
+
+// --- TooltipBox ---
+
+/**
+ * A container that wraps anchor content and shows a tooltip on long-press.
+ * Provide the tooltip content via `TooltipBox.PlainTooltip` or `TooltipBox.RichTooltip`.
+ * All other children are the anchor/trigger.
+ *
+ * Use `ref` to imperatively `show()` or `dismiss()` the tooltip.
+ */
+function TooltipBoxComponent(props: TooltipBoxProps) {
+  const { children, ...restProps } = props;
+  return <TooltipBoxNativeView {...transformProps(restProps)}>{children}</TooltipBoxNativeView>;
+}
+
+TooltipBoxComponent.PlainTooltip = PlainTooltipComponent;
+TooltipBoxComponent.RichTooltip = RichTooltipComponent;
+
+export { TooltipBoxComponent as TooltipBox };

package/src/jetpack-compose/index.ts

@@ -1,6 +1,8 @@
 import './MaterialSymbolsAssetsTransformer.fx';
 
 export * from './AlertDialog';
+export * from './Badge';
+export * from './BadgedBox';
 export { BasicAlertDialog, type BasicAlertDialogProps } from './BasicAlertDialog';
 export * from './Card';
 export * from './Checkbox';
@@ -33,6 +35,7 @@ export * from './PullToRefreshBox';
 export * from './RadioButton';
 export * from './Surface';
 export { type TextProps, Text } from './Text';
+export * from './Tooltip';
 
 export * from './AnimatedVisibility';
 export * from './Box';

package/src/swift-ui/modifiers/index.ts

@@ -607,6 +607,24 @@ export const defaultScrollAnchorForRole = (
   role: 'initialOffset' | 'sizeChanges' | 'alignment'
 ) => createModifier('defaultScrollAnchorForRole', { anchor, role });
 
+/**
+ * Sets the scroll snapping behavior for scrollable views.
+ * Use with `scrollTargetLayout` on the content container.
+ * @param behavior - `'paging'` for container-aligned snapping, `'viewAligned'` for view-aligned snapping.
+ * @platform ios 17.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/scrolltargetbehavior(_:)).
+ */
+export const scrollTargetBehavior = (behavior: 'paging' | 'viewAligned') =>
+  createModifier('scrollTargetBehavior', { behavior });
+
+/**
+ * Configures a layout container as a scroll target layout for view-aligned snapping.
+ * Apply to `VStack` or `HStack` inside a `ScrollView`.
+ * @platform ios 17.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/scrolltargetlayout(isenabled:)).
+ */
+export const scrollTargetLayout = () => createModifier('scrollTargetLayout', {});
+
 /**
  * Disables the move action for a view in a list.
  * Apply to items within a `ForEach` to prevent them from being moved.
@@ -999,6 +1017,72 @@ export const submitLabel = (
   submitLabel: 'continue' | 'done' | 'go' | 'join' | 'next' | 'return' | 'route' | 'search' | 'send'
 ) => createModifier('submitLabel', { submitLabel });
 
+/**
+ * Sets how often the shift key in the keyboard is automatically enabled.
+ * @param autocapitalization - The autocapitalization behavior.
+ * @platform ios 15.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/textinputautocapitalization(_:)).
+ */
+export const textInputAutocapitalization = (
+  autocapitalization: 'never' | 'words' | 'sentences' | 'characters'
+) => createModifier('textInputAutocapitalization', { autocapitalization });
+
+/**
+ * Sets the text content type for input text, which the system uses to offer
+ * suggestions (like autofill) while the user enters text.
+ * @param textContentType - The semantic meaning of the text input area.
+ * @platform ios 13.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/textcontenttype(_:)-ufdv).
+ */
+export const textContentType = (
+  textContentType:
+    | 'URL'
+    | 'namePrefix'
+    | 'name'
+    | 'nameSuffix'
+    | 'givenName'
+    | 'middleName'
+    | 'familyName'
+    | 'nickname'
+    | 'organizationName'
+    | 'jobTitle'
+    | 'location'
+    | 'fullStreetAddress'
+    | 'streetAddressLine1'
+    | 'streetAddressLine2'
+    | 'addressCity'
+    | 'addressCityAndState'
+    | 'addressState'
+    | 'postalCode'
+    | 'sublocality'
+    | 'countryName'
+    | 'username'
+    | 'password'
+    | 'newPassword'
+    | 'oneTimeCode'
+    | 'emailAddress'
+    | 'telephoneNumber'
+    | 'cellularEID'
+    | 'cellularIMEI'
+    | 'creditCardNumber'
+    | 'creditCardExpiration'
+    | 'creditCardExpirationMonth'
+    | 'creditCardExpirationYear'
+    | 'creditCardSecurityCode'
+    | 'creditCardType'
+    | 'creditCardName'
+    | 'creditCardGivenName'
+    | 'creditCardMiddleName'
+    | 'creditCardFamilyName'
+    | 'birthdate'
+    | 'birthdateDay'
+    | 'birthdateMonth'
+    | 'birthdateYear'
+    | 'dateTime'
+    | 'flightNumber'
+    | 'shipmentTrackingNumber'
+) => createModifier('textContentType', { textContentType });
+
 /**
  * Sets the content transition type for a view.
  * Useful for animating changes in text content, especially numeric text.
@@ -1130,6 +1214,8 @@ export type BuiltInModifier =
   | ReturnType<typeof scrollDisabled>
   | ReturnType<typeof defaultScrollAnchor>
   | ReturnType<typeof defaultScrollAnchorForRole>
+  | ReturnType<typeof scrollTargetBehavior>
+  | ReturnType<typeof scrollTargetLayout>
   | ReturnType<typeof moveDisabled>
   | ReturnType<typeof deleteDisabled>
   | ReturnType<typeof environment>
@@ -1156,6 +1242,8 @@ export type BuiltInModifier =
   | ReturnType<typeof gridColumnAlignment>
   | ReturnType<typeof gridCellAnchor>
   | ReturnType<typeof submitLabel>
+  | ReturnType<typeof textInputAutocapitalization>
+  | ReturnType<typeof textContentType>
   | ReturnType<typeof datePickerStyle>
   | ReturnType<typeof progressViewStyle>
   | ReturnType<typeof gaugeStyle>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.md5

@@ -1 +0,0 @@
-8d71e6eff7e8a861b9877b89a6dd84c6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha1

@@ -1 +0,0 @@
-b2262e6bc6fdbba4542a361ca47cc99466fff958

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha256

@@ -1 +0,0 @@
-2b50b26af7df4c5211dcb3fb2e0bcbc1e67b9d7643be03944ebdc2ff624283d7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha512

@@ -1 +0,0 @@
-1498e7baba58e8b17988e3f84b24561032849f1a353da509c8bafcd50abe67027889e2e54b2e5473fa055fbf08dc9cf9b728c3c108e16fc8b9bc20bde019039a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.md5

@@ -1 +0,0 @@
-6f7ed7560ebf12a44e7ab271ea245771

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha1

@@ -1 +0,0 @@
-aef8c546077f395d701e22459b9557564b60fca0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha256

@@ -1 +0,0 @@
-f73a8257262c66e8ca0af6247db6e20b17a895d6e88cec7861c967d4336c4e71

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha512

@@ -1 +0,0 @@
-fc12d4f1223dc477347edf00a0ac9884ec8c05935e172588b7a02b4862a2ffaf349bfb3e41e945a60fc426660f421ccffe254bf0f4746503a9a621182aede9b7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.md5

@@ -1 +0,0 @@
-0fd04c3974a9d4ab801cbc2d30de0dd6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha1

@@ -1 +0,0 @@
-0fb19752cbcb266f74e76036d3cef74203a9a4eb

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha256

@@ -1 +0,0 @@
-9a63c2d7b1e9a3c979fb96fda599f1e9b14b3de71871d2c02fc36903aefc819f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha512

@@ -1 +0,0 @@
-c708991b4b1a7d877cb9005157be52a5dcbacfd25a422f72644f685801a433e8358318d8f7173f653b6d2acd1b22b64d945dac181e59a2d1e9c367334ab62fb7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.md5

@@ -1 +0,0 @@
-a31b7c5717adf18fe84c85cdefcd0fb5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha1

@@ -1 +0,0 @@
-8b11a53b5d9ac4dad5ad3f7476eb1c1afe64a84f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha256

@@ -1 +0,0 @@
-a2eff80dd6b361f49c98929155e1a73d2889a31899b971962477a7dbacc9d32d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha512

@@ -1 +0,0 @@
-f643fc246aa36733fdbc844da05a798063146dd49cff5b38ac98eec20bf6cc0ffe992ed5f9d906daf8e3872054cfc8947b1f38ce6968fd6046b012a5b1577bb5