infra: add api.json files for incubator components PanView and ExpandableOverlay

Co-Authored-By: [email protected] <[email protected]>

Author: devin-ai-integration[bot]

src/incubator/expandableOverlay/expandableOverlay.api.json

@@ -0,0 +1,63 @@
+{
+  "name": "ExpandableOverlay",
+  "category": "overlays",
+  "description": "A component that presents content on top of the invoking screen using an overlay",
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/IncubatorExpandableOverlayScreen.tsx",
+  "props": [
+    {
+      "name": "expandableContent",
+      "type": "React.ReactElement",
+      "description": "The content to render inside the expandable modal/dialog"
+    },
+    {
+      "name": "useDialog",
+      "type": "boolean",
+      "description": "Whether to use a dialog as expandable container (by default the container will be a full screen modal)"
+    },
+    {
+      "name": "modalProps",
+      "type": "ModalProps",
+      "description": "The props to pass to the modal expandable container"
+    },
+    {
+      "name": "showTopBar",
+      "type": "boolean",
+      "description": "Whether to render a modal top bar (relevant only for modal)"
+    },
+    {
+      "name": "topBarProps",
+      "type": "ModalTopBarProps",
+      "description": "The modal top bar props to pass on"
+    },
+    {
+      "name": "renderCustomOverlay",
+      "type": "function",
+      "description": "A custom overlay to render instead of Modal or Dialog components"
+    },
+    {
+      "name": "disabled",
+      "type": "boolean",
+      "description": "Disabled opening expandable overlay"
+    },
+    {
+      "name": "dialogProps",
+      "type": "object",
+      "description": "The props to pass to the dialog expandable container (when useDialog is true)"
+    },
+    {
+      "name": "migrateDialog",
+      "type": "boolean",
+      "description": "Whether to use the new Dialog implementation"
+    }
+  ],
+  "snippet": [
+    "<ExpandableOverlay",
+    "  expandableContent={<View><Text>Expandable Content</Text></View>}",
+    "  useDialog",
+    "  showTopBar",
+    "  topBarProps={{title: 'Title'}}",
+    ">",
+    "  <Text>Press to open overlay</Text>",
+    "</ExpandableOverlay>"
+  ]
+}

src/incubator/panView/panView.api.json

@@ -0,0 +1,56 @@
+{
+  "name": "PanView",
+  "category": "interaction",
+  "description": "A component that detects pan gestures and animates accordingly",
+  "example": "https://github.com/wix/react-native-ui-lib/blob/master/demo/src/screens/incubatorScreens/PanViewScreen.tsx",
+  "props": [
+    {
+      "name": "directions",
+      "type": "PanViewDirections[]",
+      "description": "The directions of the allowed pan (default is all). Types: UP, DOWN, LEFT and RIGHT (using PanView.directions.###)",
+      "default": "DEFAULT_DIRECTIONS"
+    },
+    {
+      "name": "dismissible",
+      "type": "boolean",
+      "description": "Dismiss the view if over the threshold (translation or velocity)"
+    },
+    {
+      "name": "animateToOrigin",
+      "type": "boolean",
+      "description": "Animate to start if not dismissed"
+    },
+    {
+      "name": "onDismiss",
+      "type": "function",
+      "description": "Callback to the dismiss animation end"
+    },
+    {
+      "name": "directionLock",
+      "type": "boolean",
+      "description": "Should the direction of dragging be locked once a drag has started"
+    },
+    {
+      "name": "threshold",
+      "type": "PanViewDismissThreshold",
+      "description": "Object to adjust the dismiss threshold limits (eg {x, y, velocity})"
+    },
+    {
+      "name": "containerStyle",
+      "type": "StyleProp<ViewStyle>",
+      "description": "Add a style to the container"
+    }
+  ],
+  "snippet": [
+    "<PanView",
+    "  directions={[PanView.directions.LEFT, PanView.directions.RIGHT]}",
+    "  dismissible",
+    "  animateToOrigin",
+    "  onDismiss={() => console.log('dismissed')}",
+    ">",
+    "  <View>",
+    "    <Text>Swipe me</Text>",
+    "  </View>",
+    "</PanView>"
+  ]
+}