react-native-platform-components 0.1.1 → 0.3.1

package/lib/typescript/src/SelectionMenuNativeComponent.d.ts

@@ -19,8 +19,6 @@ export type SelectionMenuSelectEvent = Readonly<{
 }>;
 /** Visibility state (headless mode only). */
 export type SelectionMenuVisible = 'open' | 'closed';
-/** Presentation hint (headless mode only). */
-export type SelectionMenuPresentation = 'auto' | 'popover' | 'sheet';
 /** Interactivity state (no booleans). */
 export type SelectionMenuInteractivity = 'enabled' | 'disabled';
 /** Anchor behavior (no booleans). */
@@ -64,11 +62,6 @@ export interface SelectionMenuProps extends ViewProps {
      * controls visibility.
      */
     visible?: string;
-    /**
-     * Headless mode only:
-     * presentation hint.
-     */
-    presentation?: string;
     /**
      * Fired when the user selects an option.
      */

package/lib/typescript/src/SelectionMenuNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionMenuNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenuNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,4EAA4E;IAC5E,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAE1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,6CAA6C;AAC7C,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErD,8CAA8C;AAC9C,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAErE,yCAAyC;AACzC,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhE,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE5C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAEvE;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;;AAED,wBAA6E"}
+{"version":3,"file":"SelectionMenuNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenuNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5D;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC;IAC9C,4EAA4E;IAC5E,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;IAE1B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IAEd,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,6CAA6C;AAC7C,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAErD,yCAAyC;AACzC,MAAM,MAAM,0BAA0B,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhE,qCAAqC;AACrC,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD;;OAEG;IACH,OAAO,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;IAE5C;;;;;OAKG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAEvE;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;IAEjE,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;;AAED,wBAA6E"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-platform-components",
-  "version": "0.1.1",
+  "version": "0.3.1",
   "description": "A cross-platform toolkit of native UI components for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -38,8 +38,11 @@
     "prepare": "bob build",
     "typecheck": "tsc",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "release": "release-it --only-version",
-    "test": "jest"
+    "build": "tsc --noEmit",
+    "release": "release-it",
+    "test": "jest",
+    "upgrade:check": "yarn dlx npm-check-updates",
+    "upgrade:apply": "yarn dlx npm-check-updates -u && rm -rf node_modules && rm -rf package-lock.json && yarn install"
   },
   "keywords": [
     "react-native",
@@ -48,14 +51,14 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/BearPeak-Technology-Group/react-native-platform-components.git"
+    "url": "git+https://github.com/JarX-Concepts/react-native-platform-components.git"
   },
   "author": "Andrew Tosh <andrew.tosh@jarxconcepts.com> (https://github.com/ajtosh77)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/BearPeak-Technology-Group/react-native-platform-components/issues"
+    "url": "https://github.com/JarX-Concepts/react-native-platform-components/issues"
   },
-  "homepage": "https://github.com/BearPeak-Technology-Group/react-native-platform-components#readme",
+  "homepage": "https://github.com/JarX-Concepts/react-native-platform-components#readme",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -70,6 +73,7 @@
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
     "commitlint": "^19.8.1",
     "del-cli": "^6.0.0",
     "eslint": "^9.35.0",
@@ -81,7 +85,8 @@
     "react": "19.1.0",
     "react-native": "0.81.1",
     "react-native-builder-bob": "^0.40.16",
-    "release-it": "^19.1.0",
+    "react-test-renderer": "19.1.0",
+    "release-it": "^19.2.4",
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
@@ -143,8 +148,7 @@
       "tagName": "v${version}"
     },
     "npm": {
-      "publish": true,
-      "skipChecks": true
+      "publish": false
     },
     "github": {
       "release": true
@@ -162,6 +166,9 @@
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"
+    ],
+    "testPathIgnorePatterns": [
+      "<rootDir>/example/e2e/"
     ]
   },
   "create-react-native-library": {

package/src/DatePicker.tsx

@@ -40,6 +40,9 @@ export type DatePickerProps = {
   onConfirm?: (dateTime: Date) => void;
   onClosed?: () => void;
 
+  /** Test identifier */
+  testID?: string;
+
   ios?: {
     preferredStyle?: IOSDatePickerStyle;
     countDownDurationSeconds?: NativeIOSProps['countDownDurationSeconds'];
@@ -84,6 +87,7 @@ export function DatePicker(props: DatePickerProps): React.ReactElement {
     onClosed,
     ios,
     android,
+    testID,
   } = props;
 
   const handleConfirm = useCallback(
@@ -136,7 +140,7 @@ export function DatePicker(props: DatePickerProps): React.ReactElement {
       : undefined,
   };
 
-  return <NativeDatePicker {...nativeProps} />;
+  return <NativeDatePicker testID={testID} {...nativeProps} />;
 }
 
 function createStyles() {

package/src/SelectionMenu.tsx

@@ -1,23 +1,15 @@
 // SelectionMenu.tsx
 import React, { useCallback, useMemo } from 'react';
-import {
-  Platform,
-  StyleSheet,
-  type StyleProp,
-  type ViewStyle,
-} from 'react-native';
+import { Platform, StyleSheet, type ViewProps } from 'react-native';
 
 import NativeSelectionMenu, {
   type SelectionMenuOption,
   type SelectionMenuSelectEvent,
-  type SelectionMenuPresentation,
 } from './SelectionMenuNativeComponent';
 
 import type { AndroidMaterialMode } from './sharedTypes';
 
-export type SelectionMenuProps = {
-  style?: StyleProp<ViewStyle>;
-
+export interface SelectionMenuProps extends ViewProps {
   /** Options are label + data (payload) */
   options: readonly SelectionMenuOption[];
 
@@ -42,12 +34,6 @@ export type SelectionMenuProps = {
    */
   visible?: boolean;
 
-  /**
-   * Headless mode only (inlineMode === false):
-   * presentation hint ("auto" | "popover" | "sheet").
-   */
-  presentation?: SelectionMenuPresentation;
-
   /**
    * Called when the user selects an option.
    * Receives the selected `data` payload, plus label/index for convenience.
@@ -68,7 +54,10 @@ export type SelectionMenuProps = {
     /** Material preference ("auto" | "m2" | "m3"). */
     material?: AndroidMaterialMode;
   };
-};
+
+  /** Test identifier */
+  testID?: string;
+}
 
 function normalizeSelectedData(selected: string | null): string {
   return selected ?? '';
@@ -83,15 +72,6 @@ function normalizeNativeVisible(
   return visible ? 'open' : 'closed';
 }
 
-function normalizeNativePresentation(
-  inlineMode: boolean | undefined,
-  presentation: SelectionMenuPresentation | undefined
-): SelectionMenuPresentation | undefined {
-  // Inline mode ignores presentation.
-  if (inlineMode) return undefined;
-  return presentation ?? 'auto';
-}
-
 export function SelectionMenu(props: SelectionMenuProps): React.ReactElement {
   const {
     style,
@@ -101,11 +81,11 @@ export function SelectionMenu(props: SelectionMenuProps): React.ReactElement {
     placeholder,
     inlineMode,
     visible,
-    presentation,
     onSelect,
     onRequestClose,
     ios,
     android,
+    ...viewProps
   } = props;
 
   const selectedData = useMemo(
@@ -118,11 +98,6 @@ export function SelectionMenu(props: SelectionMenuProps): React.ReactElement {
     [inlineMode, visible]
   );
 
-  const nativePresentation = useMemo(
-    () => normalizeNativePresentation(inlineMode, presentation),
-    [inlineMode, presentation]
-  );
-
   const handleSelect = useCallback(
     (e: { nativeEvent: SelectionMenuSelectEvent }) => {
       const { index, label, data } = e.nativeEvent;
@@ -156,11 +131,11 @@ export function SelectionMenu(props: SelectionMenuProps): React.ReactElement {
       placeholder={placeholder}
       anchorMode={inlineMode ? 'inline' : 'headless'}
       visible={nativeVisible}
-      presentation={nativePresentation}
       onSelect={onSelect ? handleSelect : undefined}
       onRequestClose={onRequestClose ? handleRequestClose : undefined}
       ios={ios}
       android={nativeAndroid}
+      {...viewProps}
     />
   );
 }

package/src/SelectionMenuNativeComponent.ts

@@ -27,9 +27,6 @@ export type SelectionMenuSelectEvent = Readonly<{
 /** Visibility state (headless mode only). */
 export type SelectionMenuVisible = 'open' | 'closed';
 
-/** Presentation hint (headless mode only). */
-export type SelectionMenuPresentation = 'auto' | 'popover' | 'sheet';
-
 /** Interactivity state (no booleans). */
 export type SelectionMenuInteractivity = 'enabled' | 'disabled';
 
@@ -83,12 +80,6 @@ export interface SelectionMenuProps extends ViewProps {
    */
   visible?: string; // SelectionMenuVisible
 
-  /**
-   * Headless mode only:
-   * presentation hint.
-   */
-  presentation?: string; // SelectionMenuPresentation
-
   /**
    * Fired when the user selects an option.
    */

package/lib/module/SelectionMenu.web.js

@@ -1,57 +0,0 @@
-"use strict";
-
-// SelectionMenu.web.tsx
-import React, { useMemo } from 'react';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function toCssStyle(style) {
-  if (!style) return undefined;
-  if (Array.isArray(style)) {
-    const merged = {};
-    for (const s of style) {
-      if (s && typeof s === 'object') Object.assign(merged, s);
-    }
-    return merged;
-  }
-  if (typeof style === 'object') return style;
-  return undefined;
-}
-export function SelectionMenu(props) {
-  const {
-    style,
-    options,
-    selected,
-    disabled,
-    placeholder,
-    onSelect,
-    onRequestClose
-  } = props;
-  const cssStyle = useMemo(() => toCssStyle(style), [style]);
-  const value = selected ?? '';
-  return /*#__PURE__*/_jsxs("select", {
-    style: cssStyle,
-    value: value,
-    disabled: !!disabled,
-    onChange: e => {
-      const data = e.currentTarget.value;
-
-      // placeholder chosen (or no selection)
-      if (data === '') return;
-      const index = options.findIndex(o => o.data === data);
-      const opt = index >= 0 ? options[index] : undefined;
-      onSelect?.(data, opt?.label ?? '', index);
-    },
-    onBlur: () => {
-      onRequestClose?.();
-    },
-    children: [placeholder ? /*#__PURE__*/_jsx("option", {
-      value: "",
-      disabled: true,
-      hidden: true,
-      children: placeholder
-    }) : null, options.map((opt, idx) => /*#__PURE__*/_jsx("option", {
-      value: opt.data,
-      children: opt.label
-    }, `${opt.data}-${idx}`))]
-  });
-}
-//# sourceMappingURL=SelectionMenu.web.js.map

package/lib/module/SelectionMenu.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","jsx","_jsx","jsxs","_jsxs","toCssStyle","style","undefined","Array","isArray","merged","s","Object","assign","SelectionMenu","props","options","selected","disabled","placeholder","onSelect","onRequestClose","cssStyle","value","onChange","e","data","currentTarget","index","findIndex","o","opt","label","onBlur","children","hidden","map","idx"],"sourceRoot":"../../src","sources":["SelectionMenu.web.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AA6BvC,SAASC,UAAUA,CACjBC,KAA2B,EACM;EACjC,IAAI,CAACA,KAAK,EAAE,OAAOC,SAAS;EAC5B,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,MAAMI,MAAW,GAAG,CAAC,CAAC;IACtB,KAAK,MAAMC,CAAC,IAAIL,KAAK,EAAE;MACrB,IAAIK,CAAC,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAEC,MAAM,CAACC,MAAM,CAACH,MAAM,EAAEC,CAAQ,CAAC;IACjE;IACA,OAAOD,MAAM;EACf;EACA,IAAI,OAAOJ,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;EAC3C,OAAOC,SAAS;AAClB;AAEA,OAAO,SAASO,aAAaA,CAACC,KAAyB,EAAsB;EAC3E,MAAM;IACJT,KAAK;IACLU,OAAO;IACPC,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAGN,KAAK;EAET,MAAMO,QAAQ,GAAGtB,OAAO,CAAC,MAAMK,UAAU,CAACC,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC1D,MAAMiB,KAAK,GAAGN,QAAQ,IAAI,EAAE;EAE5B,oBACEb,KAAA;IACEE,KAAK,EAAEgB,QAAS;IAChBC,KAAK,EAAEA,KAAM;IACbL,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBM,QAAQ,EAAGC,CAAuC,IAAK;MACrD,MAAMC,IAAI,GAAID,CAAC,CAACE,aAAa,CAASJ,KAAe;;MAErD;MACA,IAAIG,IAAI,KAAK,EAAE,EAAE;MAEjB,MAAME,KAAK,GAAGZ,OAAO,CAACa,SAAS,CAAEC,CAAC,IAAKA,CAAC,CAACJ,IAAI,KAAKA,IAAI,CAAC;MACvD,MAAMK,GAAG,GAAGH,KAAK,IAAI,CAAC,GAAGZ,OAAO,CAACY,KAAK,CAAC,GAAGrB,SAAS;MAEnDa,QAAQ,GAAGM,IAAI,EAAEK,GAAG,EAAEC,KAAK,IAAI,EAAE,EAAEJ,KAAK,CAAC;IAC3C,CAAE;IACFK,MAAM,EAAEA,CAAA,KAAM;MACZZ,cAAc,GAAG,CAAC;IACpB,CAAE;IAAAa,QAAA,GAEDf,WAAW,gBACVjB,IAAA;MAAQqB,KAAK,EAAC,EAAE;MAACL,QAAQ;MAACiB,MAAM;MAAAD,QAAA,EAC7Bf;IAAW,CACN,CAAC,GACP,IAAI,EAEPH,OAAO,CAACoB,GAAG,CAAC,CAACL,GAAG,EAAEM,GAAG,kBACpBnC,IAAA;MAAmCqB,KAAK,EAAEQ,GAAG,CAACL,IAAK;MAAAQ,QAAA,EAChDH,GAAG,CAACC;IAAK,GADC,GAAGD,GAAG,CAACL,IAAI,IAAIW,GAAG,EAEvB,CACT,CAAC;EAAA,CACI,CAAC;AAEb","ignoreList":[]}

package/lib/typescript/src/SelectionMenu.web.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { SelectionMenuOption, SelectionMenuPresentation } from './SelectionMenuNativeComponent';
-export type SelectionMenuProps = {
-    style?: StyleProp<ViewStyle>;
-    options: readonly SelectionMenuOption[];
-    selected: string | null;
-    disabled?: boolean;
-    placeholder?: string;
-    inlineMode?: boolean;
-    visible?: boolean;
-    presentation?: SelectionMenuPresentation;
-    onSelect?: (data: string, label: string, index: number) => void;
-    onRequestClose?: () => void;
-    ios?: {};
-    android?: {};
-};
-export declare function SelectionMenu(props: SelectionMenuProps): React.ReactElement;
-//# sourceMappingURL=SelectionMenu.web.d.ts.map

package/lib/typescript/src/SelectionMenu.web.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionMenu.web.d.ts","sourceRoot":"","sources":["../../../src/SelectionMenu.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EACV,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACxC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAGrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,yBAAyB,CAAC;IAEzC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,GAAG,CAAC,EAAE,EAAE,CAAC;IACT,OAAO,CAAC,EAAE,EAAE,CAAC;CACd,CAAC;AAiBF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CA+C3E"}

package/src/SelectionMenu.web.tsx

@@ -1,93 +0,0 @@
-// SelectionMenu.web.tsx
-import React, { useMemo } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-import type {
-  SelectionMenuOption,
-  SelectionMenuPresentation,
-} from './SelectionMenuNativeComponent';
-
-export type SelectionMenuProps = {
-  style?: StyleProp<ViewStyle>;
-
-  options: readonly SelectionMenuOption[];
-  selected: string | null;
-
-  disabled?: boolean;
-  placeholder?: string;
-
-  // kept for parity; ignored by <select>
-  inlineMode?: boolean;
-  visible?: boolean;
-  presentation?: SelectionMenuPresentation;
-
-  onSelect?: (data: string, label: string, index: number) => void;
-  onRequestClose?: () => void;
-
-  ios?: {};
-  android?: {};
-};
-
-function toCssStyle(
-  style: StyleProp<ViewStyle>
-): React.CSSProperties | undefined {
-  if (!style) return undefined;
-  if (Array.isArray(style)) {
-    const merged: any = {};
-    for (const s of style) {
-      if (s && typeof s === 'object') Object.assign(merged, s as any);
-    }
-    return merged as React.CSSProperties;
-  }
-  if (typeof style === 'object') return style as any;
-  return undefined;
-}
-
-export function SelectionMenu(props: SelectionMenuProps): React.ReactElement {
-  const {
-    style,
-    options,
-    selected,
-    disabled,
-    placeholder,
-    onSelect,
-    onRequestClose,
-  } = props;
-
-  const cssStyle = useMemo(() => toCssStyle(style), [style]);
-  const value = selected ?? '';
-
-  return (
-    <select
-      style={cssStyle}
-      value={value}
-      disabled={!!disabled}
-      onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
-        const data = (e.currentTarget as any).value as string;
-
-        // placeholder chosen (or no selection)
-        if (data === '') return;
-
-        const index = options.findIndex((o) => o.data === data);
-        const opt = index >= 0 ? options[index] : undefined;
-
-        onSelect?.(data, opt?.label ?? '', index);
-      }}
-      onBlur={() => {
-        onRequestClose?.();
-      }}
-    >
-      {placeholder ? (
-        <option value="" disabled hidden>
-          {placeholder}
-        </option>
-      ) : null}
-
-      {options.map((opt, idx) => (
-        <option key={`${opt.data}-${idx}`} value={opt.data}>
-          {opt.label}
-        </option>
-      ))}
-    </select>
-  );
-}