@office-iss/react-native-win32 0.71.4 → 0.72.0-preview.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.flowconfig +15 -3
- package/CHANGELOG.json +310 -40
- package/CHANGELOG.md +145 -23
- package/IntegrationTests/IntegrationTestHarnessTest.js +1 -0
- package/Libraries/ActionSheetIOS/ActionSheetIOS.js +1 -1
- package/Libraries/Alert/Alert.d.ts +4 -4
- package/Libraries/Alert/Alert.win32.js +1 -0
- package/Libraries/Animated/Animated.d.ts +17 -6
- package/Libraries/Animated/NativeAnimatedHelper.js +18 -6
- package/Libraries/Animated/NativeAnimatedHelper.win32.js +606 -0
- package/Libraries/Animated/bezier.js +1 -1
- package/Libraries/Animated/components/AnimatedFlatList.js +8 -3
- package/Libraries/Animated/components/AnimatedScrollView.js +4 -1
- package/Libraries/Animated/components/AnimatedSectionList.js +12 -3
- package/Libraries/Animated/createAnimatedComponent.js +26 -239
- package/Libraries/Animated/nodes/AnimatedColor.js +47 -80
- package/Libraries/Animated/nodes/AnimatedInterpolation.js +167 -121
- package/Libraries/Animated/nodes/AnimatedNode.js +3 -5
- package/Libraries/Animated/nodes/AnimatedProps.js +7 -6
- package/Libraries/Animated/nodes/AnimatedStyle.js +42 -8
- package/Libraries/Animated/nodes/AnimatedTransform.js +1 -1
- package/Libraries/Animated/nodes/AnimatedValue.js +8 -12
- package/Libraries/Animated/nodes/AnimatedWithChildren.js +1 -1
- package/Libraries/Animated/useAnimatedProps.js +7 -10
- package/Libraries/BatchedBridge/MessageQueue.js +2 -1
- package/Libraries/BatchedBridge/NativeModules.d.ts +1 -1
- package/Libraries/BatchedBridge/NativeModules.js +1 -0
- package/Libraries/Blob/Blob.js +4 -0
- package/Libraries/Blob/FileReader.js +30 -2
- package/Libraries/Blob/URL.js +3 -1
- package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.d.ts +2 -2
- package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.js +2 -3
- package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.win32.js +2 -3
- package/Libraries/Components/ActivityIndicator/ActivityIndicator.js +6 -4
- package/Libraries/Components/Button.js +3 -2
- package/Libraries/Components/Button.win32.js +451 -0
- package/Libraries/Components/Clipboard/Clipboard.js +1 -1
- package/Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js +4 -0
- package/Libraries/Components/Keyboard/KeyboardAvoidingView.js +1 -0
- package/Libraries/Components/Pressable/Pressable.d.ts +1 -1
- package/Libraries/Components/Pressable/Pressable.js +1 -1
- package/Libraries/Components/RefreshControl/RefreshControl.js +1 -0
- package/Libraries/Components/SafeAreaView/SafeAreaView.js +1 -2
- package/Libraries/Components/SafeAreaView/SafeAreaView.win32.js +1 -2
- package/Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent.js +12 -6
- package/Libraries/Components/ScrollView/ScrollView.d.ts +2 -2
- package/Libraries/Components/ScrollView/ScrollView.js +149 -91
- package/Libraries/Components/ScrollView/ScrollView.win32.js +1939 -0
- package/Libraries/Components/ScrollView/ScrollViewNativeComponent.js +16 -6
- package/Libraries/Components/ScrollView/ScrollViewStickyHeader.js +5 -7
- package/Libraries/Components/ScrollView/ScrollViewViewConfig.js +1 -1
- package/Libraries/Components/StatusBar/StatusBar.js +3 -0
- package/Libraries/Components/Switch/Switch.js +3 -1
- package/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js +21 -11
- package/Libraries/Components/TextInput/InputAccessoryView.d.ts +1 -1
- package/Libraries/Components/TextInput/RCTTextInputViewConfig.js +11 -5
- package/Libraries/Components/TextInput/TextInput.Types.win32.d.ts +51 -0
- package/Libraries/Components/TextInput/TextInput.Types.win32.js +3 -0
- package/Libraries/Components/TextInput/TextInput.Types.win32.js.map +1 -0
- package/Libraries/Components/TextInput/TextInput.d.ts +15 -5
- package/Libraries/Components/TextInput/TextInput.flow.js +1 -1
- package/Libraries/Components/TextInput/TextInput.js +130 -103
- package/Libraries/Components/TextInput/TextInput.win32.js +202 -890
- package/Libraries/Components/Touchable/Touchable.d.ts +1 -1
- package/Libraries/Components/Touchable/Touchable.flow.js +30 -4
- package/Libraries/Components/Touchable/Touchable.js +6 -3
- package/Libraries/Components/Touchable/Touchable.win32.js +6 -3
- package/Libraries/Components/Touchable/TouchableHighlight.js +1 -1
- package/Libraries/Components/Touchable/TouchableNativeFeedback.js +2 -2
- package/Libraries/Components/Touchable/TouchableOpacity.js +3 -0
- package/Libraries/Components/Touchable/TouchableWithoutFeedback.d.ts +1 -1
- package/Libraries/Components/Touchable/TouchableWithoutFeedback.js +2 -2
- package/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlay.js +189 -0
- package/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlayNativeComponent.js +43 -0
- package/Libraries/Components/View/ReactNativeStyleAttributes.js +26 -0
- package/Libraries/Components/View/View.js +71 -45
- package/Libraries/Components/View/View.win32.js +38 -16
- package/Libraries/Components/View/ViewAccessibility.d.ts +6 -6
- package/Libraries/Components/View/ViewAccessibility.js +10 -1
- package/Libraries/Components/View/ViewAccessibility.win32.d.ts +5 -5
- package/Libraries/Components/View/ViewNativeComponent.js +32 -8
- package/Libraries/Components/View/ViewPropTypes.d.ts +1 -1
- package/Libraries/Components/View/ViewPropTypes.js +1 -1
- package/Libraries/Components/View/ViewPropTypes.win32.d.ts +1 -1
- package/Libraries/Components/View/ViewPropTypes.win32.js +1 -1
- package/Libraries/Core/Devtools/openFileInEditor.js +1 -0
- package/Libraries/Core/Devtools/openURLInBrowser.js +1 -0
- package/Libraries/Core/Devtools/parseErrorStack.js +2 -2
- package/Libraries/Core/Devtools/parseHermesStack.js +54 -34
- package/Libraries/Core/ExceptionsManager.js +2 -2
- package/Libraries/Core/InitializeCore.js +2 -1
- package/Libraries/Core/ReactNativeVersion.js +3 -3
- package/Libraries/Core/ReactNativeVersionCheck.js +1 -9
- package/Libraries/Core/ReactNativeVersionCheck.win32.js +1 -9
- package/Libraries/Core/Timers/JSTimers.js +1 -1
- package/Libraries/Core/Timers/immediateShim.js +1 -0
- package/Libraries/Core/Timers/queueMicrotask.js +1 -1
- package/Libraries/Core/setUpAlert.js +1 -1
- package/Libraries/Core/setUpDOM.js +18 -0
- package/Libraries/Core/setUpDeveloperTools.js +1 -1
- package/Libraries/Core/setUpGlobals.js +5 -2
- package/Libraries/Core/setUpNavigator.js +6 -5
- package/Libraries/Core/setUpPerformance.js +23 -13
- package/Libraries/Core/setUpReactDevTools.js +2 -0
- package/Libraries/Core/setUpSegmentFetcher.js +0 -41
- package/Libraries/Core/setUpTimers.js +2 -2
- package/Libraries/DOM/Geometry/DOMRect.js +82 -0
- package/Libraries/DOM/Geometry/DOMRectReadOnly.js +188 -0
- package/Libraries/DOM/Nodes/ReactNativeElement.js +75 -0
- package/Libraries/DOM/Nodes/ReadOnlyElement.js +89 -0
- package/Libraries/DOM/Nodes/ReadOnlyNode.js +167 -0
- package/Libraries/DOM/OldStyleCollections/ArrayLikeUtils.js +46 -0
- package/Libraries/DOM/OldStyleCollections/DOMRectList.js +76 -0
- package/Libraries/DOM/OldStyleCollections/HTMLCollection.js +82 -0
- package/Libraries/DOM/OldStyleCollections/NodeList.js +104 -0
- package/Libraries/DevToolsSettings/DevToolsSettingsManager.android.js +35 -0
- package/Libraries/DevToolsSettings/DevToolsSettingsManager.d.ts +20 -0
- package/Libraries/DevToolsSettings/DevToolsSettingsManager.ios.js +49 -0
- package/Libraries/DevToolsSettings/DevToolsSettingsManager.win32.js +35 -0
- package/Libraries/{Utilities/NativeDevSplitBundleLoader.js → DevToolsSettings/NativeDevToolsSettingsManager.js} +7 -2
- package/Libraries/EventEmitter/NativeEventEmitter.d.ts +1 -2
- package/Libraries/EventEmitter/RCTDeviceEventEmitter.d.ts +1 -2
- package/Libraries/EventEmitter/RCTDeviceEventEmitter.js +9 -1
- package/Libraries/Events/EventPolyfill.js +1 -1
- package/Libraries/Image/AssetRegistry.js +1 -1
- package/Libraries/Image/AssetSourceResolver.js +3 -3
- package/Libraries/Image/Image.android.js +4 -1
- package/Libraries/Image/Image.d.ts +63 -2
- package/Libraries/Image/Image.ios.js +3 -0
- package/Libraries/Image/Image.win32.js +3 -0
- package/Libraries/Image/ImageBackground.js +1 -0
- package/Libraries/Image/ImageProps.js +1 -1
- package/Libraries/Image/ImageViewNativeComponent.js +4 -4
- package/Libraries/Image/RelativeImageStub.js +1 -1
- package/Libraries/Image/TextInlineImageNativeComponent.js +1 -1
- package/Libraries/Image/resolveAssetSource.js +1 -1
- package/Libraries/Inspector/DevtoolsOverlay.js +29 -19
- package/Libraries/Inspector/ElementBox.js +4 -1
- package/Libraries/Inspector/Inspector.js +5 -6
- package/Libraries/Inspector/Inspector.win32.js +7 -6
- package/Libraries/Inspector/InspectorOverlay.js +3 -3
- package/Libraries/Inspector/InspectorOverlay.win32.js +2 -1
- package/Libraries/Inspector/NetworkOverlay.js +1 -1
- package/Libraries/Interaction/JSEventLoopWatchdog.js +1 -1
- package/Libraries/Interaction/PanResponder.js +5 -6
- package/Libraries/LayoutAnimation/LayoutAnimation.js +2 -1
- package/Libraries/Linking/Linking.js +1 -4
- package/Libraries/Lists/FillRateHelper.js +4 -238
- package/Libraries/Lists/FlatList.d.ts +15 -22
- package/Libraries/Lists/FlatList.js +9 -6
- package/Libraries/Lists/SectionList.d.ts +10 -6
- package/Libraries/Lists/SectionList.js +5 -3
- package/Libraries/Lists/SectionListModern.js +3 -3
- package/Libraries/Lists/ViewabilityHelper.js +8 -344
- package/Libraries/Lists/VirtualizeUtils.js +4 -244
- package/Libraries/Lists/VirtualizedList.js +10 -1867
- package/Libraries/Lists/VirtualizedListContext.js +6 -104
- package/Libraries/Lists/VirtualizedSectionList.js +9 -602
- package/Libraries/Lists/__flowtests__/FlatList-flowtest.js +1 -0
- package/Libraries/Lists/__flowtests__/SectionList-flowtest.js +1 -1
- package/Libraries/LogBox/Data/LogBoxData.js +1 -1
- package/Libraries/LogBox/Data/parseLogBoxLog.js +1 -1
- package/Libraries/LogBox/LogBox.js +1 -1
- package/Libraries/LogBox/UI/LogBoxInspector.js +1 -3
- package/Libraries/LogBox/UI/LogBoxInspectorCodeFrame.win32.js +168 -0
- package/Libraries/LogBox/UI/LogBoxInspectorHeader.win32.js +3 -0
- package/Libraries/LogBox/UI/LogBoxInspectorReactFrames.win32.js +193 -0
- package/Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js +1 -0
- package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.js +2 -2
- package/Libraries/LogBox/UI/LogBoxInspectorStackFrame.win32.js +7 -3
- package/Libraries/LogBox/UI/LogBoxMessage.js +87 -5
- package/Libraries/LogBox/UI/LogBoxNotification.js +5 -7
- package/Libraries/Modal/Modal.js +2 -2
- package/Libraries/NativeComponent/BaseViewConfig.android.js +32 -12
- package/Libraries/NativeComponent/BaseViewConfig.ios.js +43 -19
- package/Libraries/NativeComponent/BaseViewConfig.win32.js +43 -19
- package/Libraries/NativeComponent/NativeComponentRegistryUnstable.js +4 -1
- package/Libraries/NativeComponent/ViewConfig.js +1 -0
- package/Libraries/NativeComponent/ViewConfigIgnore.js +1 -4
- package/Libraries/Network/RCTNetworking.android.js +2 -2
- package/Libraries/Network/RCTNetworking.ios.js +1 -1
- package/Libraries/Network/RCTNetworking.win32.js +1 -1
- package/Libraries/Network/XMLHttpRequest.js +1 -1
- package/Libraries/Pressability/Pressability.js +11 -5
- package/Libraries/Pressability/Pressability.win32.js +9 -3
- package/Libraries/ReactNative/AppContainer.js +7 -1
- package/Libraries/ReactNative/AppRegistry.d.ts +1 -1
- package/Libraries/ReactNative/AppRegistry.js +10 -13
- package/Libraries/ReactNative/FabricUIManager.js +24 -8
- package/Libraries/ReactNative/NativeUIManager.js +5 -5
- package/Libraries/ReactNative/ReactNativeFeatureFlags.js +10 -10
- package/Libraries/ReactNative/UIManager.js +142 -1
- package/Libraries/ReactNative/getCachedComponentWithDebugName.js +5 -5
- package/Libraries/ReactNative/getNativeComponentAttributes.js +1 -1
- package/Libraries/ReactNative/requireNativeComponent.d.ts +1 -1
- package/Libraries/ReactNative/requireNativeComponent.js +1 -1
- package/Libraries/ReactPrivate/ReactNativePrivateInterface.js +1 -0
- package/Libraries/Renderer/implementations/ReactFabric-dev.js +26 -3
- package/Libraries/Renderer/implementations/ReactFabric-prod.js +13 -1
- package/Libraries/Renderer/implementations/ReactFabric-profiling.js +13 -1
- package/Libraries/Renderer/public/ReactFabricPublicInstanceUtils.js +38 -0
- package/Libraries/Renderer/shims/ReactNativeTypes.js +38 -20
- package/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js +7 -7
- package/Libraries/Renderer/shims/createReactNativeComponentClass.js +2 -2
- package/Libraries/Share/Share.js +1 -1
- package/Libraries/StyleSheet/PlatformColorValueTypes.ios.js +1 -1
- package/Libraries/StyleSheet/StyleSheet.js +1 -1
- package/Libraries/StyleSheet/StyleSheet.win32.js +1 -1
- package/Libraries/StyleSheet/StyleSheetTypes.d.ts +115 -76
- package/Libraries/StyleSheet/StyleSheetTypes.js +188 -33
- package/Libraries/StyleSheet/flattenStyle.js +2 -0
- package/Libraries/StyleSheet/normalizeColor.js +1 -1
- package/Libraries/StyleSheet/processColor.js +1 -1
- package/Libraries/Text/Text.d.ts +12 -2
- package/Libraries/Text/Text.js +50 -41
- package/Libraries/Text/TextProps.js +3 -4
- package/Libraries/TurboModule/samples/NativeSampleTurboModule.js +6 -0
- package/Libraries/Types/CodegenTypes.js +1 -0
- package/Libraries/UTFSequence.js +3 -1
- package/Libraries/Utilities/Appearance.d.ts +10 -0
- package/Libraries/Utilities/Appearance.js +13 -0
- package/Libraries/Utilities/Dimensions.js +1 -1
- package/Libraries/Utilities/Dimensions.win32.js +1 -1
- package/Libraries/Utilities/GlobalPerformanceLogger.js +12 -1
- package/Libraries/Utilities/HMRClient.js +16 -10
- package/Libraries/Utilities/{createPerformanceLogger.d.ts → IPerformanceLogger.d.ts} +4 -4
- package/Libraries/Utilities/IPerformanceLogger.js +49 -0
- package/Libraries/Utilities/LoadingView.android.js +28 -11
- package/Libraries/Utilities/NativeAppearance.js +1 -0
- package/Libraries/Utilities/NativePlatformConstantsWin.js +1 -1
- package/Libraries/Utilities/PixelRatio.js +2 -2
- package/Libraries/Utilities/Platform.win32.js +1 -1
- package/Libraries/Utilities/ReactNativeTestTools.js +1 -1
- package/Libraries/Utilities/__mocks__/PixelRatio.js +1 -1
- package/Libraries/Utilities/codegenNativeCommands.js +2 -0
- package/Libraries/Utilities/createPerformanceLogger.js +55 -43
- package/Libraries/Utilities/stringifySafe.js +2 -7
- package/Libraries/Utilities/useColorScheme.js +1 -1
- package/Libraries/Utilities/useWindowDimensions.js +3 -3
- package/Libraries/WebPerformance/EventCounts.js +78 -0
- package/Libraries/WebPerformance/MemoryInfo.js +54 -0
- package/Libraries/WebPerformance/NativePerformance.js +38 -0
- package/Libraries/WebPerformance/NativePerformanceObserver.js +22 -7
- package/Libraries/WebPerformance/Performance.js +312 -0
- package/Libraries/WebPerformance/PerformanceEntry.js +45 -0
- package/Libraries/WebPerformance/PerformanceEventTiming.js +38 -0
- package/Libraries/WebPerformance/PerformanceObserver.js +196 -101
- package/Libraries/WebPerformance/RawPerformanceEntry.js +87 -0
- package/Libraries/WebPerformance/ReactNativeStartupTiming.js +65 -0
- package/Libraries/WebPerformance/__mocks__/NativePerformance.js +65 -0
- package/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.js +101 -0
- package/Libraries/YellowBox/YellowBoxDeprecated.js +1 -1
- package/Libraries/vendor/core/ErrorUtils.js +1 -1
- package/Libraries/vendor/emitter/EventEmitter.d.ts +2 -2
- package/Libraries/vendor/emitter/EventEmitter.js +9 -1
- package/flow/global.js +29 -4
- package/flow/jest.js +258 -164
- package/index.js +56 -42
- package/index.win32.js +56 -42
- package/interface.js +1 -1
- package/jest/local-setup.js +33 -0
- package/jest/mockComponent.js +4 -2
- package/jest/mockNativeComponent.js +1 -1
- package/jest/mockScrollView.js +2 -1
- package/jest/react-native-env.js +1 -3
- package/jest/setup.js +11 -8
- package/overrides.json +115 -85
- package/package.json +38 -28
- package/rn-get-polyfills.js +1 -1
- package/src/Libraries/Components/TextInput/TextInput.Types.win32.ts +68 -0
- package/src/Libraries/Components/View/ViewAccessibility.win32.d.ts +5 -5
- package/src/Libraries/Components/View/ViewPropTypes.win32.d.ts +1 -1
- package/types/index.d.ts +2 -6
- package/types/modules/Codegen.d.ts +4 -4
- package/types/modules/globals.d.ts +27 -25
- package/types/public/DeprecatedPropertiesAlias.d.ts +0 -20
- package/types/public/ReactNativeRenderer.d.ts +2 -7
- package/Libraries/Animated/createAnimatedComponentInjection.js +0 -48
- package/Libraries/Animated/createAnimatedComponent_EXPERIMENTAL.js +0 -48
- package/Libraries/Components/AccessibilityInfo/AccessibilityInfo.flow.js +0 -208
- package/Libraries/Components/ActivityIndicator/ActivityIndicator.flow.js +0 -58
- package/Libraries/Components/DatePicker/DatePickerIOS.android.js +0 -47
- package/Libraries/Components/DatePicker/DatePickerIOS.d.ts +0 -92
- package/Libraries/Components/DatePicker/DatePickerIOS.flow.android.js +0 -14
- package/Libraries/Components/DatePicker/DatePickerIOS.flow.ios.js +0 -113
- package/Libraries/Components/DatePicker/DatePickerIOS.ios.js +0 -242
- package/Libraries/Components/DatePicker/DatePickerIOS.win32.js +0 -47
- package/Libraries/Components/DatePicker/RCTDatePickerNativeComponent.js +0 -60
- package/Libraries/Components/DatePickerAndroid/NativeDatePickerAndroid.js +0 -26
- package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.android.js +0 -45
- package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.d.ts +0 -62
- package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js +0 -75
- package/Libraries/Components/ProgressViewIOS/ProgressViewIOS.win32.js +0 -45
- package/Libraries/Components/ProgressViewIOS/RCTProgressViewNativeComponent.js +0 -33
- package/Libraries/Components/SafeAreaView/SafeAreaView.flow.js +0 -19
- package/Libraries/Components/Slider/Slider.d.ts +0 -132
- package/Libraries/Components/Slider/Slider.js +0 -282
- package/Libraries/Components/Slider/SliderNativeComponent.js +0 -56
- package/Libraries/Components/TextInput/Win32TextInputNativeComponent.js +0 -23
- package/Libraries/Interaction/Batchinator.js +0 -76
- package/Libraries/Interaction/BridgeSpyStallHandler.js +0 -63
- package/Libraries/Interaction/InteractionStallDebugger.js +0 -23
- package/Libraries/Interaction/PanResponder.flow.js +0 -257
- package/Libraries/Lists/CellRenderMask.js +0 -155
- package/Libraries/Lists/ChildListCollection.js +0 -72
- package/Libraries/Lists/StateSafePureComponent.js +0 -85
- package/Libraries/Lists/VirtualizedList.d.ts +0 -347
- package/Libraries/Lists/VirtualizedListCellRenderer.js +0 -259
- package/Libraries/Lists/VirtualizedListProps.js +0 -279
- package/Libraries/Performance/PureComponentDebug.js +0 -74
- package/Libraries/Reliability/UserFlow.js +0 -158
- package/Libraries/Renderer/implementations/ReactNativeRenderer.d.ts +0 -149
- package/Libraries/Renderer/shims/ReactNativeTypes.d.ts +0 -141
- package/Libraries/Utilities/MatrixMath.js +0 -748
- package/Libraries/Utilities/buildStyleInterpolator.js +0 -209
- package/Libraries/Utilities/clamp.js +0 -23
- package/Libraries/Utilities/deprecatedPropType.js +0 -36
- package/Libraries/Utilities/groupByEveryN.js +0 -51
- package/Libraries/Utilities/mergeIntoFast.js +0 -26
- package/Libraries/Utilities/setAndForwardRef.js +0 -71
- package/Libraries/Utilities/truncate.js +0 -51
- package/flow/JSITimerInternalType.js +0 -30
- package/flow/use-sync-external-store.js +0 -19
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
'use strict';
|
|
12
|
-
import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
|
|
13
|
-
import type {ViewProps} from '../View/ViewPropTypes';
|
|
14
|
-
|
|
15
|
-
import {type ColorValue} from '../../StyleSheet/StyleSheet';
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
|
|
18
|
-
type IndicatorSize = number | 'small' | 'large';
|
|
19
|
-
|
|
20
|
-
type IOSProps = $ReadOnly<{|
|
|
21
|
-
/**
|
|
22
|
-
Whether the indicator should hide when not animating.
|
|
23
|
-
|
|
24
|
-
@platform ios
|
|
25
|
-
*/
|
|
26
|
-
hidesWhenStopped?: ?boolean,
|
|
27
|
-
|}>;
|
|
28
|
-
|
|
29
|
-
type Props = $ReadOnly<{|
|
|
30
|
-
...ViewProps,
|
|
31
|
-
...IOSProps,
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
Whether to show the indicator (`true`) or hide it (`false`).
|
|
35
|
-
*/
|
|
36
|
-
animating?: ?boolean,
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
The foreground color of the spinner.
|
|
40
|
-
|
|
41
|
-
@default {@platform android} `null` (system accent default color)
|
|
42
|
-
@default {@platform ios} '#999999'
|
|
43
|
-
*/
|
|
44
|
-
color?: ?ColorValue,
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
Size of the indicator.
|
|
48
|
-
|
|
49
|
-
@type enum(`'small'`, `'large'`)
|
|
50
|
-
@type {@platform android} number
|
|
51
|
-
*/
|
|
52
|
-
size?: ?IndicatorSize,
|
|
53
|
-
|}>;
|
|
54
|
-
|
|
55
|
-
export type ActivityIndicator = React.AbstractComponent<
|
|
56
|
-
Props,
|
|
57
|
-
HostComponent<mixed>,
|
|
58
|
-
>;
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
'use strict';
|
|
11
|
-
import type {DatePickerIOSType} from './DatePickerIOS.flow';
|
|
12
|
-
|
|
13
|
-
import StyleSheet from '../../StyleSheet/StyleSheet';
|
|
14
|
-
import Text from '../../Text/Text';
|
|
15
|
-
import View from '../View/View';
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
|
|
18
|
-
class DummyDatePickerIOS extends React.Component {
|
|
19
|
-
render() {
|
|
20
|
-
return (
|
|
21
|
-
<View style={[styles.dummyDatePickerIOS, this.props.style]}>
|
|
22
|
-
<Text style={styles.datePickerText}>
|
|
23
|
-
DatePickerIOS is not supported on this platform!
|
|
24
|
-
</Text>
|
|
25
|
-
</View>
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const styles = StyleSheet.create({
|
|
31
|
-
dummyDatePickerIOS: {
|
|
32
|
-
height: 100,
|
|
33
|
-
width: 300,
|
|
34
|
-
backgroundColor: '#ffbcbc',
|
|
35
|
-
borderWidth: 1,
|
|
36
|
-
borderColor: 'red',
|
|
37
|
-
alignItems: 'center',
|
|
38
|
-
justifyContent: 'center',
|
|
39
|
-
margin: 10,
|
|
40
|
-
},
|
|
41
|
-
datePickerText: {
|
|
42
|
-
color: '#333333',
|
|
43
|
-
margin: 20,
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
module.exports = (DummyDatePickerIOS: DatePickerIOSType);
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import type * as React from 'react';
|
|
11
|
-
import {Constructor} from '../../../types/private/Utilities';
|
|
12
|
-
import {NativeMethods} from '../../../types/public/ReactNativeTypes';
|
|
13
|
-
import {ViewProps} from '../View/ViewPropTypes';
|
|
14
|
-
|
|
15
|
-
export interface DatePickerIOSProps extends ViewProps {
|
|
16
|
-
/**
|
|
17
|
-
* The currently selected date.
|
|
18
|
-
*/
|
|
19
|
-
date?: Date | null | undefined;
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Provides an initial value that will change when the user starts selecting
|
|
23
|
-
* a date. It is useful for simple use-cases where you do not want to deal
|
|
24
|
-
* with listening to events and updating the date prop to keep the
|
|
25
|
-
* controlled state in sync. The controlled state has known bugs which
|
|
26
|
-
* causes it to go out of sync with native. The initialDate prop is intended
|
|
27
|
-
* to allow you to have native be source of truth.
|
|
28
|
-
*/
|
|
29
|
-
initialDate?: Date | null | undefined;
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* The date picker locale.
|
|
33
|
-
*/
|
|
34
|
-
locale?: string | undefined;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Maximum date.
|
|
38
|
-
* Restricts the range of possible date/time values.
|
|
39
|
-
*/
|
|
40
|
-
maximumDate?: Date | undefined;
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* Maximum date.
|
|
44
|
-
* Restricts the range of possible date/time values.
|
|
45
|
-
*/
|
|
46
|
-
minimumDate?: Date | undefined;
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* enum(1, 2, 3, 4, 5, 6, 10, 12, 15, 20, 30)
|
|
50
|
-
* The interval at which minutes can be selected.
|
|
51
|
-
*/
|
|
52
|
-
minuteInterval?: 1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30 | undefined;
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* enum('date', 'time', 'datetime')
|
|
56
|
-
* The date picker mode.
|
|
57
|
-
*/
|
|
58
|
-
mode?: 'date' | 'time' | 'datetime' | undefined;
|
|
59
|
-
|
|
60
|
-
/**
|
|
61
|
-
* Date change handler.
|
|
62
|
-
* This is called when the user changes the date or time in the UI.
|
|
63
|
-
* The first and only argument is a Date object representing the new date and time.
|
|
64
|
-
*/
|
|
65
|
-
onDateChange: (newDate: Date) => void;
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Timezone offset in minutes.
|
|
69
|
-
* By default, the date picker will use the device's timezone. With this parameter, it is possible to force a certain timezone offset.
|
|
70
|
-
* For instance, to show times in Pacific Standard Time, pass -7 * 60.
|
|
71
|
-
*/
|
|
72
|
-
timeZoneOffsetInMinutes?: number | undefined;
|
|
73
|
-
|
|
74
|
-
/**
|
|
75
|
-
* The date picker style
|
|
76
|
-
* This is only available on devices with iOS 14.0 and later.
|
|
77
|
-
* 'spinner' is the default style if this prop isn't set.
|
|
78
|
-
*/
|
|
79
|
-
pickerStyle?: 'compact' | 'spinner' | 'inline' | undefined;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
declare class DatePickerIOSComponent extends React.Component<DatePickerIOSProps> {}
|
|
83
|
-
declare const DatePickerIOSBase: Constructor<NativeMethods> &
|
|
84
|
-
typeof DatePickerIOSComponent;
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* DatePickerIOS has been merged with DatePickerAndroid and will be removed in a future release.
|
|
88
|
-
* It can now be installed and imported from `@react-native-community/datetimepicker` instead of 'react-native'.
|
|
89
|
-
* @see https://github.com/react-native-community/datetimepicker
|
|
90
|
-
* @deprecated
|
|
91
|
-
*/
|
|
92
|
-
export class DatePickerIOS extends DatePickerIOSBase {}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @flow strict
|
|
8
|
-
* @format
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
'use strict';
|
|
12
|
-
import * as React from 'react';
|
|
13
|
-
|
|
14
|
-
export type DatePickerIOSType = React.ComponentType<>;
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow strict-local
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
// This is a controlled component version of RCTDatePickerIOS.
|
|
12
|
-
|
|
13
|
-
import type {SyntheticEvent} from '../../Types/CoreEventTypes';
|
|
14
|
-
import type {ViewProps} from '../View/ViewPropTypes';
|
|
15
|
-
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
|
|
18
|
-
type Event = SyntheticEvent<
|
|
19
|
-
$ReadOnly<{|
|
|
20
|
-
timestamp: number,
|
|
21
|
-
|}>,
|
|
22
|
-
>;
|
|
23
|
-
|
|
24
|
-
type Props = $ReadOnly<{|
|
|
25
|
-
...ViewProps,
|
|
26
|
-
|
|
27
|
-
/**
|
|
28
|
-
* The currently selected date.
|
|
29
|
-
*/
|
|
30
|
-
date?: ?Date,
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Provides an initial value that will change when the user starts selecting
|
|
34
|
-
* a date. It is useful for simple use-cases where you do not want to deal
|
|
35
|
-
* with listening to events and updating the date prop to keep the
|
|
36
|
-
* controlled state in sync. The controlled state has known bugs which
|
|
37
|
-
* causes it to go out of sync with native. The initialDate prop is intended
|
|
38
|
-
* to allow you to have native be source of truth.
|
|
39
|
-
*/
|
|
40
|
-
initialDate?: ?Date,
|
|
41
|
-
|
|
42
|
-
/**
|
|
43
|
-
* The date picker locale.
|
|
44
|
-
*/
|
|
45
|
-
locale?: ?string,
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Maximum date.
|
|
49
|
-
*
|
|
50
|
-
* Restricts the range of possible date/time values.
|
|
51
|
-
*/
|
|
52
|
-
maximumDate?: ?Date,
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Minimum date.
|
|
56
|
-
*
|
|
57
|
-
* Restricts the range of possible date/time values.
|
|
58
|
-
*/
|
|
59
|
-
minimumDate?: ?Date,
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* The interval at which minutes can be selected.
|
|
63
|
-
*/
|
|
64
|
-
minuteInterval?: ?(1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30),
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* The date picker mode.
|
|
68
|
-
*/
|
|
69
|
-
mode?: ?('date' | 'time' | 'datetime'),
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* Date change handler.
|
|
73
|
-
*
|
|
74
|
-
* This is called when the user changes the date or time in the UI.
|
|
75
|
-
* The first and only argument is an Event. For getting the date the picker
|
|
76
|
-
* was changed to, use onDateChange instead.
|
|
77
|
-
*/
|
|
78
|
-
onChange?: ?(event: Event) => void,
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Date change handler.
|
|
82
|
-
*
|
|
83
|
-
* This is called when the user changes the date or time in the UI.
|
|
84
|
-
* The first and only argument is a Date object representing the new
|
|
85
|
-
* date and time.
|
|
86
|
-
*/
|
|
87
|
-
onDateChange: (date: Date) => void,
|
|
88
|
-
|
|
89
|
-
/**
|
|
90
|
-
* Timezone offset in minutes.
|
|
91
|
-
*
|
|
92
|
-
* By default, the date picker will use the device's timezone. With this
|
|
93
|
-
* parameter, it is possible to force a certain timezone offset. For
|
|
94
|
-
* instance, to show times in Pacific Standard Time, pass -7 * 60.
|
|
95
|
-
*/
|
|
96
|
-
timeZoneOffsetInMinutes?: ?number,
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* The date picker style
|
|
100
|
-
* This is only available on devices with iOS 14.0 and later.
|
|
101
|
-
* 'spinner' is the default style if this prop isn't set.
|
|
102
|
-
*/
|
|
103
|
-
pickerStyle?: ?('compact' | 'spinner' | 'inline'),
|
|
104
|
-
|}>;
|
|
105
|
-
|
|
106
|
-
/**
|
|
107
|
-
* Use `DatePickerIOS` to render a date/time picker (selector) on iOS. This is
|
|
108
|
-
* a controlled component, so you must hook in to the `onDateChange` callback
|
|
109
|
-
* and update the `date` prop in order for the component to update, otherwise
|
|
110
|
-
* the user's change will be reverted immediately to reflect `props.date` as the
|
|
111
|
-
* source of truth.
|
|
112
|
-
*/
|
|
113
|
-
export type DatePickerIOSType = React.ComponentType<Props>;
|
|
@@ -1,242 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow strict-local
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
// This is a controlled component version of RCTDatePickerIOS.
|
|
12
|
-
|
|
13
|
-
import type {SyntheticEvent} from '../../Types/CoreEventTypes';
|
|
14
|
-
import type {ViewProps} from '../View/ViewPropTypes';
|
|
15
|
-
import type {DatePickerIOSType} from './DatePickerIOS.flow';
|
|
16
|
-
|
|
17
|
-
import StyleSheet from '../../StyleSheet/StyleSheet';
|
|
18
|
-
import View from '../View/View';
|
|
19
|
-
import RCTDatePickerNativeComponent, {
|
|
20
|
-
Commands as DatePickerCommands,
|
|
21
|
-
} from './RCTDatePickerNativeComponent';
|
|
22
|
-
import invariant from 'invariant';
|
|
23
|
-
import * as React from 'react';
|
|
24
|
-
|
|
25
|
-
type Event = SyntheticEvent<
|
|
26
|
-
$ReadOnly<{|
|
|
27
|
-
timestamp: number,
|
|
28
|
-
|}>,
|
|
29
|
-
>;
|
|
30
|
-
|
|
31
|
-
type Props = $ReadOnly<{|
|
|
32
|
-
...ViewProps,
|
|
33
|
-
|
|
34
|
-
/**
|
|
35
|
-
* The currently selected date.
|
|
36
|
-
*/
|
|
37
|
-
date?: ?Date,
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* Provides an initial value that will change when the user starts selecting
|
|
41
|
-
* a date. It is useful for simple use-cases where you do not want to deal
|
|
42
|
-
* with listening to events and updating the date prop to keep the
|
|
43
|
-
* controlled state in sync. The controlled state has known bugs which
|
|
44
|
-
* causes it to go out of sync with native. The initialDate prop is intended
|
|
45
|
-
* to allow you to have native be source of truth.
|
|
46
|
-
*/
|
|
47
|
-
initialDate?: ?Date,
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* The date picker locale.
|
|
51
|
-
*/
|
|
52
|
-
locale?: ?string,
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Maximum date.
|
|
56
|
-
*
|
|
57
|
-
* Restricts the range of possible date/time values.
|
|
58
|
-
*/
|
|
59
|
-
maximumDate?: ?Date,
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Minimum date.
|
|
63
|
-
*
|
|
64
|
-
* Restricts the range of possible date/time values.
|
|
65
|
-
*/
|
|
66
|
-
minimumDate?: ?Date,
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* The interval at which minutes can be selected.
|
|
70
|
-
*/
|
|
71
|
-
minuteInterval?: ?(1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30),
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* The date picker mode.
|
|
75
|
-
*/
|
|
76
|
-
mode?: ?('date' | 'time' | 'datetime'),
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* Date change handler.
|
|
80
|
-
*
|
|
81
|
-
* This is called when the user changes the date or time in the UI.
|
|
82
|
-
* The first and only argument is an Event. For getting the date the picker
|
|
83
|
-
* was changed to, use onDateChange instead.
|
|
84
|
-
*/
|
|
85
|
-
onChange?: ?(event: Event) => void,
|
|
86
|
-
|
|
87
|
-
/**
|
|
88
|
-
* Date change handler.
|
|
89
|
-
*
|
|
90
|
-
* This is called when the user changes the date or time in the UI.
|
|
91
|
-
* The first and only argument is a Date object representing the new
|
|
92
|
-
* date and time.
|
|
93
|
-
*/
|
|
94
|
-
onDateChange: (date: Date) => void,
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Timezone offset in minutes.
|
|
98
|
-
*
|
|
99
|
-
* By default, the date picker will use the device's timezone. With this
|
|
100
|
-
* parameter, it is possible to force a certain timezone offset. For
|
|
101
|
-
* instance, to show times in Pacific Standard Time, pass -7 * 60.
|
|
102
|
-
*/
|
|
103
|
-
timeZoneOffsetInMinutes?: ?number,
|
|
104
|
-
|
|
105
|
-
/**
|
|
106
|
-
* The date picker style
|
|
107
|
-
* This is only available on devices with iOS 14.0 and later.
|
|
108
|
-
* 'spinner' is the default style if this prop isn't set.
|
|
109
|
-
*/
|
|
110
|
-
pickerStyle?: ?('compact' | 'spinner' | 'inline'),
|
|
111
|
-
|}>;
|
|
112
|
-
|
|
113
|
-
/**
|
|
114
|
-
* Use `DatePickerIOS` to render a date/time picker (selector) on iOS. This is
|
|
115
|
-
* a controlled component, so you must hook in to the `onDateChange` callback
|
|
116
|
-
* and update the `date` prop in order for the component to update, otherwise
|
|
117
|
-
* the user's change will be reverted immediately to reflect `props.date` as the
|
|
118
|
-
* source of truth.
|
|
119
|
-
*/
|
|
120
|
-
class DatePickerIOS extends React.Component<Props> {
|
|
121
|
-
_picker: ?React.ElementRef<typeof RCTDatePickerNativeComponent> = null;
|
|
122
|
-
|
|
123
|
-
componentDidUpdate() {
|
|
124
|
-
if (this.props.date) {
|
|
125
|
-
const propsTimeStamp = this.props.date.getTime();
|
|
126
|
-
if (this._picker) {
|
|
127
|
-
DatePickerCommands.setNativeDate(this._picker, propsTimeStamp);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
_onChange = (event: Event) => {
|
|
133
|
-
const nativeTimeStamp = event.nativeEvent.timestamp;
|
|
134
|
-
this.props.onDateChange &&
|
|
135
|
-
this.props.onDateChange(new Date(nativeTimeStamp));
|
|
136
|
-
this.props.onChange && this.props.onChange(event);
|
|
137
|
-
this.forceUpdate();
|
|
138
|
-
};
|
|
139
|
-
|
|
140
|
-
render(): React.Node {
|
|
141
|
-
const props = this.props;
|
|
142
|
-
const mode = props.mode ?? 'datetime';
|
|
143
|
-
invariant(
|
|
144
|
-
props.date || props.initialDate,
|
|
145
|
-
'A selected date or initial date should be specified.',
|
|
146
|
-
);
|
|
147
|
-
return (
|
|
148
|
-
<View style={props.style}>
|
|
149
|
-
<RCTDatePickerNativeComponent
|
|
150
|
-
testID={props.testID}
|
|
151
|
-
ref={picker => {
|
|
152
|
-
this._picker = picker;
|
|
153
|
-
}}
|
|
154
|
-
style={getHeight(props.pickerStyle, mode)}
|
|
155
|
-
date={
|
|
156
|
-
props.date
|
|
157
|
-
? props.date.getTime()
|
|
158
|
-
: props.initialDate
|
|
159
|
-
? props.initialDate.getTime()
|
|
160
|
-
: undefined
|
|
161
|
-
}
|
|
162
|
-
locale={
|
|
163
|
-
props.locale != null && props.locale !== ''
|
|
164
|
-
? props.locale
|
|
165
|
-
: undefined
|
|
166
|
-
}
|
|
167
|
-
maximumDate={
|
|
168
|
-
props.maximumDate ? props.maximumDate.getTime() : undefined
|
|
169
|
-
}
|
|
170
|
-
minimumDate={
|
|
171
|
-
props.minimumDate ? props.minimumDate.getTime() : undefined
|
|
172
|
-
}
|
|
173
|
-
mode={mode}
|
|
174
|
-
minuteInterval={props.minuteInterval}
|
|
175
|
-
timeZoneOffsetInMinutes={props.timeZoneOffsetInMinutes}
|
|
176
|
-
onChange={this._onChange}
|
|
177
|
-
onStartShouldSetResponder={() => true}
|
|
178
|
-
onResponderTerminationRequest={() => false}
|
|
179
|
-
pickerStyle={props.pickerStyle}
|
|
180
|
-
/>
|
|
181
|
-
</View>
|
|
182
|
-
);
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
const inlineHeightForDatePicker = 318.5;
|
|
187
|
-
const inlineHeightForTimePicker = 49.5;
|
|
188
|
-
const compactHeight = 40;
|
|
189
|
-
const spinnerHeight = 216;
|
|
190
|
-
|
|
191
|
-
const styles = StyleSheet.create({
|
|
192
|
-
datePickerIOS: {
|
|
193
|
-
height: spinnerHeight,
|
|
194
|
-
},
|
|
195
|
-
datePickerIOSCompact: {
|
|
196
|
-
height: compactHeight,
|
|
197
|
-
},
|
|
198
|
-
datePickerIOSInline: {
|
|
199
|
-
height: inlineHeightForDatePicker + inlineHeightForTimePicker * 2,
|
|
200
|
-
},
|
|
201
|
-
datePickerIOSInlineDate: {
|
|
202
|
-
height: inlineHeightForDatePicker + inlineHeightForTimePicker,
|
|
203
|
-
},
|
|
204
|
-
datePickerIOSInlineTime: {
|
|
205
|
-
height: inlineHeightForTimePicker,
|
|
206
|
-
},
|
|
207
|
-
});
|
|
208
|
-
|
|
209
|
-
function getHeight(
|
|
210
|
-
pickerStyle: ?(
|
|
211
|
-
| 'compact'
|
|
212
|
-
| 'inline'
|
|
213
|
-
| 'spinner'
|
|
214
|
-
| $TEMPORARY$string<'compact'>
|
|
215
|
-
| $TEMPORARY$string<'inline'>
|
|
216
|
-
| $TEMPORARY$string<'spinner'>
|
|
217
|
-
),
|
|
218
|
-
mode:
|
|
219
|
-
| 'date'
|
|
220
|
-
| 'datetime'
|
|
221
|
-
| 'time'
|
|
222
|
-
| $TEMPORARY$string<'date'>
|
|
223
|
-
| $TEMPORARY$string<'datetime'>
|
|
224
|
-
| $TEMPORARY$string<'time'>,
|
|
225
|
-
) {
|
|
226
|
-
if (pickerStyle === 'compact') {
|
|
227
|
-
return styles.datePickerIOSCompact;
|
|
228
|
-
}
|
|
229
|
-
if (pickerStyle === 'inline') {
|
|
230
|
-
switch (mode) {
|
|
231
|
-
case 'date':
|
|
232
|
-
return styles.datePickerIOSInlineDate;
|
|
233
|
-
case 'time':
|
|
234
|
-
return styles.datePickerIOSInlineTime;
|
|
235
|
-
default:
|
|
236
|
-
return styles.datePickerIOSInline;
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
return styles.datePickerIOS;
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
module.exports = (DatePickerIOS: DatePickerIOSType);
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
'use strict';
|
|
11
|
-
import type {DatePickerIOSType} from './DatePickerIOS.flow';
|
|
12
|
-
|
|
13
|
-
import StyleSheet from '../../StyleSheet/StyleSheet';
|
|
14
|
-
import Text from '../../Text/Text';
|
|
15
|
-
import View from '../View/View';
|
|
16
|
-
import * as React from 'react';
|
|
17
|
-
|
|
18
|
-
class DummyDatePickerIOS extends React.Component {
|
|
19
|
-
render() {
|
|
20
|
-
return (
|
|
21
|
-
<View style={[styles.dummyDatePickerIOS, this.props.style]}>
|
|
22
|
-
<Text style={styles.datePickerText}>
|
|
23
|
-
DatePickerIOS is not supported on this platform!
|
|
24
|
-
</Text>
|
|
25
|
-
</View>
|
|
26
|
-
);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const styles = StyleSheet.create({
|
|
31
|
-
dummyDatePickerIOS: {
|
|
32
|
-
height: 100,
|
|
33
|
-
width: 300,
|
|
34
|
-
backgroundColor: '#ffbcbc',
|
|
35
|
-
borderWidth: 1,
|
|
36
|
-
borderColor: 'red',
|
|
37
|
-
alignItems: 'center',
|
|
38
|
-
justifyContent: 'center',
|
|
39
|
-
margin: 10,
|
|
40
|
-
},
|
|
41
|
-
datePickerText: {
|
|
42
|
-
color: '#333333',
|
|
43
|
-
margin: 20,
|
|
44
|
-
},
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
module.exports = (DummyDatePickerIOS: DatePickerIOSType);
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @format
|
|
8
|
-
* @flow strict-local
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
|
|
12
|
-
import type {
|
|
13
|
-
BubblingEventHandler,
|
|
14
|
-
Float,
|
|
15
|
-
WithDefault,
|
|
16
|
-
} from '../../Types/CodegenTypes';
|
|
17
|
-
import type {ViewProps} from '../View/ViewPropTypes';
|
|
18
|
-
|
|
19
|
-
import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
|
|
20
|
-
import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
|
|
21
|
-
import * as React from 'react';
|
|
22
|
-
|
|
23
|
-
type Event = $ReadOnly<{|
|
|
24
|
-
timestamp: Float,
|
|
25
|
-
|}>;
|
|
26
|
-
|
|
27
|
-
type NativeProps = $ReadOnly<{|
|
|
28
|
-
...ViewProps,
|
|
29
|
-
date?: ?Float,
|
|
30
|
-
initialDate?: ?Float,
|
|
31
|
-
locale?: ?string,
|
|
32
|
-
maximumDate?: ?Float,
|
|
33
|
-
minimumDate?: ?Float,
|
|
34
|
-
minuteInterval?: WithDefault<
|
|
35
|
-
1 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 15 | 20 | 30,
|
|
36
|
-
1,
|
|
37
|
-
>,
|
|
38
|
-
mode?: WithDefault<'date' | 'time' | 'datetime', 'date'>,
|
|
39
|
-
onChange?: ?BubblingEventHandler<Event>,
|
|
40
|
-
timeZoneOffsetInMinutes?: ?Float,
|
|
41
|
-
pickerStyle?: WithDefault<'compact' | 'spinner' | 'inline', 'spinner'>,
|
|
42
|
-
|}>;
|
|
43
|
-
|
|
44
|
-
type ComponentType = HostComponent<NativeProps>;
|
|
45
|
-
|
|
46
|
-
interface NativeCommands {
|
|
47
|
-
+setNativeDate: (
|
|
48
|
-
viewRef: React.ElementRef<ComponentType>,
|
|
49
|
-
date: Float,
|
|
50
|
-
) => void;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
|
|
54
|
-
supportedCommands: ['setNativeDate'],
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
export default (codegenNativeComponent<NativeProps>('DatePicker', {
|
|
58
|
-
paperComponentName: 'RCTDatePicker',
|
|
59
|
-
excludedPlatforms: ['android'],
|
|
60
|
-
}): HostComponent<NativeProps>);
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
3
|
-
*
|
|
4
|
-
* This source code is licensed under the MIT license found in the
|
|
5
|
-
* LICENSE file in the root directory of this source tree.
|
|
6
|
-
*
|
|
7
|
-
* @flow
|
|
8
|
-
* @format
|
|
9
|
-
*/
|
|
10
|
-
|
|
11
|
-
import type {TurboModule} from '../../TurboModule/RCTExport';
|
|
12
|
-
|
|
13
|
-
import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* This file backs native modules that are used internally at Meta
|
|
17
|
-
* and this JS spec was intentionally left here. In the meanwhile this
|
|
18
|
-
* file should not be deleted.
|
|
19
|
-
*/
|
|
20
|
-
export interface Spec extends TurboModule {
|
|
21
|
-
+open: (options: Object) => Promise<Object>;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export default (TurboModuleRegistry.getEnforcing<Spec>(
|
|
25
|
-
'DatePickerAndroid',
|
|
26
|
-
): Spec);
|