@office-iss/react-native-win32 0.70.2 → 0.71.0-preview.1

package/Libraries/Lists/__tests__/VirtualizedSectionList-test.js

@@ -1,269 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- * @emails oncall+react_native
- */
-
-'use strict';
-
-const React = require('react');
-const ReactTestRenderer = require('react-test-renderer');
-
-const VirtualizedSectionList = require('../VirtualizedSectionList');
-
-describe('VirtualizedSectionList', () => {
-  it('renders simple list', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        sections={[
-          {title: 's1', data: [{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]},
-        ]}
-        renderItem={({item}) => <item value={item.key} />}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('renders empty list', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        sections={[]}
-        renderItem={({item}) => <item value={item.key} />}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('renders empty list with empty component', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        sections={[]}
-        ListEmptyComponent={() => <empty />}
-        ListFooterComponent={() => <footer />}
-        ListHeaderComponent={() => <header />}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-        renderItem={({item}) => <item value={item.key} />}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('renders list with empty component', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        sections={[{title: 's1', data: [{key: 'hello'}]}]}
-        ListEmptyComponent={() => <empty />}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-        renderItem={({item}) => <item value={item.key} />}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('renders all the bells and whistles', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        ItemSeparatorComponent={() => <separator />}
-        ListEmptyComponent={() => <empty />}
-        ListFooterComponent={() => <footer />}
-        ListHeaderComponent={() => <header />}
-        sections={[
-          {
-            title: 's1',
-            data: new Array(5).fill().map((_, ii) => ({id: String(ii)})),
-          },
-        ]}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-        getItemLayout={({index}) => ({
-          index: -1,
-          length: 50,
-          offset: index * 50,
-        })}
-        inverted={true}
-        keyExtractor={(item, index) => item.id}
-        onRefresh={jest.fn()}
-        refreshing={false}
-        renderItem={({item}) => <item value={item.id} />}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('handles separators correctly', () => {
-    const infos = [];
-    let component;
-    ReactTestRenderer.act(() => {
-      component = ReactTestRenderer.create(
-        <VirtualizedSectionList
-          ItemSeparatorComponent={props => <separator {...props} />}
-          sections={[
-            {title: 's0', data: [{key: 'i0'}, {key: 'i1'}, {key: 'i2'}]},
-          ]}
-          renderItem={info => {
-            infos.push(info);
-            return <item title={info.item.key} />;
-          }}
-          getItem={(data, key) => data[key]}
-          getItemCount={data => data.length}
-        />,
-      );
-    });
-    expect(component).toMatchSnapshot();
-
-    ReactTestRenderer.act(() => {
-      infos[1].separators.highlight();
-    });
-    expect(component).toMatchSnapshot();
-    ReactTestRenderer.act(() => {
-      infos[2].separators.updateProps('leading', {press: true});
-    });
-    expect(component).toMatchSnapshot();
-    ReactTestRenderer.act(() => {
-      infos[1].separators.unhighlight();
-    });
-    expect(component).toMatchSnapshot();
-  });
-
-  it('handles nested lists', () => {
-    const component = ReactTestRenderer.create(
-      <VirtualizedSectionList
-        sections={[{title: 'outer', data: [{key: 'outer0'}, {key: 'outer1'}]}]}
-        renderItem={outerInfo => (
-          <VirtualizedSectionList
-            sections={[
-              {
-                title: 'inner',
-                data: [
-                  {key: outerInfo.item.key + ':inner0'},
-                  {key: outerInfo.item.key + ':inner1'},
-                ],
-              },
-            ]}
-            horizontal={outerInfo.item.key === 'outer1'}
-            renderItem={innerInfo => {
-              return <item title={innerInfo.item.key} />;
-            }}
-            getItem={(data, key) => data[key]}
-            getItemCount={data => data.length}
-          />
-        )}
-        getItem={(data, key) => data[key]}
-        getItemCount={data => data.length}
-      />,
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  describe('scrollToLocation', () => {
-    const ITEM_HEIGHT = 100;
-
-    const createVirtualizedSectionList = (
-      props: void | $TEMPORARY$object<{stickySectionHeadersEnabled: boolean}>,
-    ) => {
-      const component = ReactTestRenderer.create(
-        <VirtualizedSectionList
-          sections={[
-            {title: 's1', data: [{key: 'i1.1'}, {key: 'i1.2'}, {key: 'i1.3'}]},
-            {title: 's2', data: [{key: 'i2.1'}, {key: 'i2.2'}, {key: 'i2.3'}]},
-          ]}
-          renderItem={({item}) => <item value={item.key} />}
-          getItem={(data, key) => data[key]}
-          getItemCount={data => data.length}
-          getItemLayout={(data, index) => ({
-            length: ITEM_HEIGHT,
-            offset: ITEM_HEIGHT * index,
-            index,
-          })}
-          {...props}
-        />,
-      );
-      const instance = component.getInstance();
-      const spy = jest.fn();
-
-      // $FlowFixMe[incompatible-use] wrong types
-      // $FlowFixMe[prop-missing] wrong types
-      instance._listRef.scrollToIndex = spy;
-
-      return {
-        instance,
-        spy,
-      };
-    };
-
-    it('when sticky stickySectionHeadersEnabled={true}, header height is added to the developer-provided viewOffset', () => {
-      const {instance, spy} = createVirtualizedSectionList({
-        stickySectionHeadersEnabled: true,
-      });
-
-      const viewOffset = 25;
-
-      // $FlowFixMe[prop-missing] scrollToLocation isn't on instance
-      instance?.scrollToLocation({
-        sectionIndex: 0,
-        itemIndex: 1,
-        viewOffset,
-      });
-      expect(spy).toHaveBeenCalledWith({
-        index: 1,
-        itemIndex: 1,
-        sectionIndex: 0,
-        viewOffset: viewOffset + ITEM_HEIGHT,
-      });
-    });
-
-    it.each([
-      [
-        // prevents #18098
-        {sectionIndex: 0, itemIndex: 0},
-        {
-          index: 0,
-          itemIndex: 0,
-          sectionIndex: 0,
-          viewOffset: 0,
-        },
-      ],
-      [
-        {sectionIndex: 2, itemIndex: 1},
-        {
-          index: 11,
-          itemIndex: 1,
-          sectionIndex: 2,
-          viewOffset: 0,
-        },
-      ],
-      [
-        {
-          sectionIndex: 0,
-          itemIndex: 1,
-          viewOffset: 25,
-        },
-        {
-          index: 1,
-          itemIndex: 1,
-          sectionIndex: 0,
-          viewOffset: 25,
-        },
-      ],
-    ])(
-      'given sectionIndex, itemIndex and viewOffset, scrollToIndex is called with correct params',
-      (scrollToLocationParams, expected) => {
-        const {instance, spy} = createVirtualizedSectionList();
-        // $FlowFixMe[prop-missing] scrollToLocation not on instance
-        instance?.scrollToLocation(scrollToLocationParams);
-        expect(spy).toHaveBeenCalledWith(expected);
-      },
-    );
-  });
-});

package/Libraries/Storage/AsyncStorage.js

@@ -1,385 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- * @jsdoc
- */
-
-import NativeAsyncLocalStorage from './NativeAsyncLocalStorage';
-import NativeAsyncSQLiteDBStorage from './NativeAsyncSQLiteDBStorage';
-import invariant from 'invariant';
-
-// Use SQLite if available, otherwise file storage.
-const RCTAsyncStorage = NativeAsyncSQLiteDBStorage || NativeAsyncLocalStorage;
-
-type GetRequest = {
-  keys: Array<string>,
-  callback: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void,
-  keyIndex: number,
-  resolve: (
-    result?:
-      | void
-      | null
-      | Promise<?Array<Array<string>>>
-      | Array<Array<string>>,
-  ) => void,
-  reject: (error?: mixed) => void,
-};
-
-/**
- * `AsyncStorage` is a simple, unencrypted, asynchronous, persistent, key-value
- * storage system that is global to the app.  It should be used instead of
- * LocalStorage.
- *
- * See https://reactnative.dev/docs/asyncstorage
- */
-const AsyncStorage = {
-  _getRequests: ([]: Array<GetRequest>),
-  _getKeys: ([]: Array<string>),
-  _immediate: (null: ?number),
-
-  /**
-   * Fetches an item for a `key` and invokes a callback upon completion.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#getitem
-   */
-  getItem: function (
-    key: string,
-    callback?: ?(error: ?Error, result: ?string) => void,
-  ): Promise<?string> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiGet([key], function (errors, result) {
-        // Unpack result to get value from [[key,value]]
-        const value = result && result[0] && result[0][1] ? result[0][1] : null;
-        const errs = convertErrors(errors);
-        callback && callback(errs && errs[0], value);
-        if (errs) {
-          reject(errs[0]);
-        } else {
-          resolve(value);
-        }
-      });
-    });
-  },
-
-  /**
-   * Sets the value for a `key` and invokes a callback upon completion.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#setitem
-   */
-  setItem: function (
-    key: string,
-    value: string,
-    callback?: ?(error: ?Error) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiSet([[key, value]], function (errors) {
-        const errs = convertErrors(errors);
-        callback && callback(errs && errs[0]);
-        if (errs) {
-          reject(errs[0]);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Removes an item for a `key` and invokes a callback upon completion.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#removeitem
-   */
-  removeItem: function (
-    key: string,
-    callback?: ?(error: ?Error) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiRemove([key], function (errors) {
-        const errs = convertErrors(errors);
-        callback && callback(errs && errs[0]);
-        if (errs) {
-          reject(errs[0]);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Merges an existing `key` value with an input value, assuming both values
-   * are stringified JSON.
-   *
-   * **NOTE:** This is not supported by all native implementations.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#mergeitem
-   */
-  mergeItem: function (
-    key: string,
-    value: string,
-    callback?: ?(error: ?Error) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiMerge([[key, value]], function (errors) {
-        const errs = convertErrors(errors);
-        callback && callback(errs && errs[0]);
-        if (errs) {
-          reject(errs[0]);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Erases *all* `AsyncStorage` for all clients, libraries, etc. You probably
-   * don't want to call this; use `removeItem` or `multiRemove` to clear only
-   * your app's keys.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#clear
-   */
-  clear: function (callback?: ?(error: ?Error) => void): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.clear(function (error) {
-        callback && callback(convertError(error));
-        if (error && convertError(error)) {
-          reject(convertError(error));
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Gets *all* keys known to your app; for all callers, libraries, etc.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#getallkeys
-   */
-  getAllKeys: function (
-    callback?: ?(error: ?Error, keys: ?Array<string>) => void,
-  ): Promise<?Array<string>> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.getAllKeys(function (error, keys) {
-        callback && callback(convertError(error), keys);
-        if (error) {
-          reject(convertError(error));
-        } else {
-          resolve(keys);
-        }
-      });
-    });
-  },
-
-  /**
-   * The following batched functions are useful for executing a lot of
-   * operations at once, allowing for native optimizations and provide the
-   * convenience of a single callback after all operations are complete.
-   *
-   * These functions return arrays of errors, potentially one for every key.
-   * For key-specific errors, the Error object will have a key property to
-   * indicate which key caused the error.
-   */
-
-  /**
-   * Flushes any pending requests using a single batch call to get the data.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#flushgetrequests
-   * */
-  /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
-   * Flow's LTI update could not be added via codemod */
-  flushGetRequests: function (): void {
-    const getRequests = this._getRequests;
-    const getKeys = this._getKeys;
-
-    this._getRequests = [];
-    this._getKeys = [];
-
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    RCTAsyncStorage.multiGet(getKeys, function (errors, result) {
-      // Even though the runtime complexity of this is theoretically worse vs if we used a map,
-      // it's much, much faster in practice for the data sets we deal with (we avoid
-      // allocating result pair arrays). This was heavily benchmarked.
-      //
-      // Is there a way to avoid using the map but fix the bug in this breaking test?
-      // https://github.com/facebook/react-native/commit/8dd8ad76579d7feef34c014d387bf02065692264
-      const map: {[string]: string} = {};
-      result &&
-        result.forEach(([key, value]) => {
-          map[key] = value;
-          return value;
-        });
-      const reqLength = getRequests.length;
-      for (let i = 0; i < reqLength; i++) {
-        const request = getRequests[i];
-        const requestKeys = request.keys;
-        const requestResult = requestKeys.map(key => [key, map[key]]);
-        request.callback && request.callback(null, requestResult);
-        request.resolve && request.resolve(requestResult);
-      }
-    });
-  },
-
-  /**
-   * This allows you to batch the fetching of items given an array of `key`
-   * inputs. Your callback will be invoked with an array of corresponding
-   * key-value pairs found.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#multiget
-   */
-  /* $FlowFixMe[missing-this-annot] The 'this' type annotation(s) required by
-   * Flow's LTI update could not be added via codemod */
-  multiGet: function (
-    keys: Array<string>,
-    callback?: ?(errors: ?Array<Error>, result: ?Array<Array<string>>) => void,
-  ): Promise<?Array<Array<string>>> {
-    if (!this._immediate) {
-      this._immediate = setImmediate(() => {
-        this._immediate = null;
-        this.flushGetRequests();
-      });
-    }
-
-    return new Promise<?Array<Array<string>>>((resolve, reject) => {
-      this._getRequests.push({
-        keys,
-        callback,
-        // do we need this?
-        keyIndex: this._getKeys.length,
-        resolve,
-        reject,
-      });
-      // avoid fetching duplicates
-      keys.forEach(key => {
-        if (this._getKeys.indexOf(key) === -1) {
-          this._getKeys.push(key);
-        }
-      });
-    });
-  },
-
-  /**
-   * Use this as a batch operation for storing multiple key-value pairs. When
-   * the operation completes you'll get a single callback with any errors.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#multiset
-   */
-  multiSet: function (
-    keyValuePairs: Array<Array<string>>,
-    callback?: ?(errors: ?Array<Error>) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiSet(keyValuePairs, function (errors) {
-        const error = convertErrors(errors);
-        callback && callback(error);
-        if (error) {
-          reject(error);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Call this to batch the deletion of all keys in the `keys` array.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#multiremove
-   */
-  multiRemove: function (
-    keys: Array<string>,
-    callback?: ?(errors: ?Array<Error>) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiRemove(keys, function (errors) {
-        const error = convertErrors(errors);
-        callback && callback(error);
-        if (error) {
-          reject(error);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-
-  /**
-   * Batch operation to merge in existing and new values for a given set of
-   * keys. This assumes that the values are stringified JSON.
-   *
-   * **NOTE**: This is not supported by all native implementations.
-   *
-   * See https://reactnative.dev/docs/asyncstorage#multimerge
-   */
-  multiMerge: function (
-    keyValuePairs: Array<Array<string>>,
-    callback?: ?(errors: ?Array<Error>) => void,
-  ): Promise<void> {
-    invariant(RCTAsyncStorage, 'RCTAsyncStorage not available');
-    return new Promise((resolve, reject) => {
-      RCTAsyncStorage.multiMerge(keyValuePairs, function (errors) {
-        const error = convertErrors(errors);
-        callback && callback(error);
-        if (error) {
-          reject(error);
-        } else {
-          resolve();
-        }
-      });
-    });
-  },
-};
-
-// Not all native implementations support merge.
-// TODO: Check whether above comment is correct. multiMerge is guaranteed to
-// exist in the module spec so we should be able to just remove this check.
-if (RCTAsyncStorage && !RCTAsyncStorage.multiMerge) {
-  // $FlowFixMe[unclear-type]
-  delete (AsyncStorage: any).mergeItem;
-  // $FlowFixMe[unclear-type]
-  delete (AsyncStorage: any).multiMerge;
-}
-
-function convertErrors(
-  // NOTE: The native module spec only has the Array case, but the Android
-  // implementation passes a single object.
-  errs: ?(
-    | {message: string, key?: string}
-    | Array<{message: string, key?: string}>
-  ),
-) {
-  if (!errs) {
-    return null;
-  }
-  return (Array.isArray(errs) ? errs : [errs]).map(e => convertError(e));
-}
-
-declare function convertError(void | null): null;
-declare function convertError({message: string, key?: string}): Error;
-/* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
- * LTI update could not be added via codemod */
-function convertError(error) {
-  if (!error) {
-    return null;
-  }
-  const out = new Error(error.message);
-  // $FlowFixMe[unclear-type]
-  (out: any).key = error.key;
-  return out;
-}
-
-module.exports = AsyncStorage;

package/Libraries/Storage/NativeAsyncLocalStorage.js

@@ -1,44 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-import type {TurboModule} from '../TurboModule/RCTExport';
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {};
-  +multiGet: (
-    keys: Array<string>,
-    callback: (
-      errors: ?Array<{message: string, key?: string}>,
-      kvPairs: ?Array<Array<string>>,
-    ) => void,
-  ) => void;
-  +multiSet: (
-    kvPairs: Array<Array<string>>,
-    callback: (errors: ?Array<{message: string, key?: string}>) => void,
-  ) => void;
-  +multiMerge: (
-    kvPairs: Array<Array<string>>,
-    callback: (errors: ?Array<{message: string, key?: string}>) => void,
-  ) => void;
-  +multiRemove: (
-    keys: Array<string>,
-    callback: (errors: ?Array<{message: string, key?: string}>) => void,
-  ) => void;
-  +clear: (callback: (error: {message: string, key?: string}) => void) => void;
-  +getAllKeys: (
-    callback: (
-      error: ?{message: string, key?: string},
-      allKeys: ?Array<string>,
-    ) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AsyncLocalStorage'): ?Spec);