/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. * * @providesModule IncrementalGroup * @flow */ 'use strict'; const Incremental = require('Incremental'); const React = require('React'); const PropTypes = require('prop-types'); const infoLog = require('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. * * `` components must be wrapped in an `` (e.g. * via ``) in order to provide the incremental group * context, otherwise they will do nothing. * * See Incremental.js for more info. */ class IncrementalGroup extends React.Component { 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 ( ); } } IncrementalGroup.contextTypes = { incrementalGroup: PropTypes.object, incrementalGroupEnabled: PropTypes.bool, }; IncrementalGroup.childContextTypes = IncrementalGroup.contextTypes; module.exports = IncrementalGroup;