Files
react-native/Libraries/Experimental/IncrementalGroup.js
James Ide 0ee5f68929 Migrate "Libraries" from Haste to standard path-based requires (sans vendor & renderers) (#24749)
Summary:
This is the next step in moving RN towards standard path-based requires. All the requires in `Libraries` have been rewritten to use relative requires with a few exceptions, namely, `vendor` and `Renderer/oss` since those need to be changed upstream. This commit uses relative requires instead of `react-native/...` so that if Facebook were to stop syncing out certain folders and therefore remove code from the react-native package, internal code at Facebook would not need to change.

See the umbrella issue at https://github.com/facebook/react-native/issues/24316 for more detail.

[General] [Changed] - Migrate "Libraries" from Haste to standard path-based requires
Pull Request resolved: https://github.com/facebook/react-native/pull/24749

Differential Revision: D15258017

Pulled By: cpojer

fbshipit-source-id: a1f480ea36c05c659b6f37c8f02f6f9216d5a323
2019-05-08 08:48:59 -07:00

79 lines
2.1 KiB
JavaScript

/**
* Copyright (c) Facebook, Inc. and its 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
*/
'use strict';
const Incremental = require('./Incremental');
const React = require('react');
const PropTypes = require('prop-types');
const infoLog = require('../Utilities/infoLog');
let _groupCounter = -1;
const DEBUG = false;
import type {Props, Context} from './Incremental';
/**
* WARNING: EXPERIMENTAL. Breaking changes will probably happen a lot and will
* not be reliably announced. The whole thing might be deleted, who knows? Use
* at your own risk.
*
* `<Incremental>` components must be wrapped in an `<IncrementalGroup>` (e.g.
* via `<IncrementalPresenter>`) in order to provide the incremental group
* context, otherwise they will do nothing.
*
* See Incremental.js for more info.
*/
class IncrementalGroup extends React.Component<Props & {disabled?: boolean}> {
context: Context;
_groupInc: string;
UNSAFE_componentWillMount() {
this._groupInc = `g${++_groupCounter}-`;
DEBUG && infoLog('create IncrementalGroup with id ' + this.getGroupId());
}
getGroupId(): string {
const ctx = this.context.incrementalGroup;
const prefix = ctx ? ctx.groupId + ':' : '';
return prefix + this._groupInc + this.props.name;
}
getChildContext(): Context {
if (this.props.disabled || this.context.incrementalGroupEnabled === false) {
return {
incrementalGroupEnabled: false,
incrementalGroup: null,
};
}
return {
incrementalGroupEnabled: true,
incrementalGroup: {
groupId: this.getGroupId(),
incrementalCount: -1,
},
};
}
render(): React.Node {
return (
<Incremental onDone={this.props.onDone} children={this.props.children} />
);
}
}
IncrementalGroup.contextTypes = {
incrementalGroup: PropTypes.object,
incrementalGroupEnabled: PropTypes.bool,
};
IncrementalGroup.childContextTypes = IncrementalGroup.contextTypes;
module.exports = IncrementalGroup;