@samitouri / QOS-React / commits / a7d8ebd2b5

Add React benchmarking infrastructure (#9465)

* Initial commit for WIP benchmarking infrastructure * fixed lint issues and ran prettier * added <rootDir>/scripts/bench/ to ignore paths for Jest * tidied up code and fixed a few bugs in the runner.js * fixed eslint * improved the benchmark output from the runner * fixed typo * tided up print output in runner.js * throw error if chrome canary is not installed on mac * added better bench stats output (tables) * added benchmark diff to table results * adds bundle size comparisons to results * tidied up the results * fixed prettier output * attempt to trigger bech for circleci build * fixes flow exlclusion for lighthouse module * added class components benchmark * cleaned up stats.js * stability changes * circleci node version to 7 * added another benchmark * added colours to the different benchmarks to check if being cached * force no-cache headers * added more info messages * refactor chrome launching. * fixed an issue where launcher.kill might fail * Move server to runner. Launch it only once. * tidy up * changes the logic in how the remote repo is checked out * removes bench from circleci build * removed colors from benchmarks (no longer needed) * added CI integration comment * added hacker news benchmark * added skipBuild functionality * relabelled remote * Add confidence intervals * added first meaningful paint * removed some unused code * reverted code.json * updated benchmark runs back to 10 * no longer breaks when results contain missing bundles * adds CPU throttling * renamed build to remote-repo * small fix to build * fixed bad merge * upped runs to 10 from 2 again * properly pulls master * removes old-bench * runs benchmarks in headless mode * adds a --headless option * improved the git build process * added README * updated based feedback from review * adds merge base commit sha * addressing more PR feedback * remove built JS react files * updated .gitignore * added combined bundle load times to the metrics

Dominic Gannaway committed May 9, 2017 at 17:13 UTC a7d8ebd2b5ca8e0bf66f3bfa487b1332fc9962fc
38 files changed +7394 -10624
.eslintignore
+1 -1
@@ -13,6 +13,6 @@ fixtures/
13 # Ignore built files.
14 build/
15 coverage/
16 -scripts/bench/bench-*.js
16 +scripts/bench/benchmarks/**/*.js
17 vendor/*
18 **/node_modules
.flowconfig
+2
@@ -4,6 +4,8 @@
4 <PROJECT_ROOT>/build/.*
5 <PROJECT_ROOT>/scripts/.*
6 <PROJECT_ROOT>/.*/node_modules/y18n/.*
7 +<PROJECT_ROOT>/node_modules/chrome-devtools-frontend/.*
8 +<PROJECT_ROOT>/node_modules/devtools-timeline-model/.*
9 <PROJECT_ROOT>/.*/__mocks__/.*
10 <PROJECT_ROOT>/.*/__tests__/.*
11
.gitignore
+2
@@ -7,6 +7,7 @@ static
7 _SpecRunner.html
8 __benchmarks__
9 build/
10 +remote-repo/
11 coverage/
12 .module-cache
13 *.gem
@@ -29,3 +30,4 @@ chrome-user-data
30 .vscode
31 *.swp
32 *.swo
33 +*react*min*.js
\ No newline at end of file
package.json
+9 -1
@@ -62,14 +62,19 @@
62 "glob-stream": "^6.1.0",
63 "gzip-js": "~0.3.2",
64 "gzip-size": "^3.0.0",
65 + "http-server": "^0.9.0",
66 + "http2": "^3.3.6",
67 "jest": "^19.0.1",
68 "jest-config": "^19.0.1",
69 "jest-jasmine2": "^19.0.1",
70 "jest-runtime": "^19.0.1",
71 + "lighthouse": "^1.6.3",
72 "loose-envify": "^1.1.0",
73 "merge-stream": "^1.0.0",
74 + "mime": "^1.3.4",
75 "minimist": "^1.2.0",
76 "ncp": "^2.0.0",
77 + "nodegit": "^0.18.0",
78 "object-assign": "^4.1.1",
79 "platform": "^1.1.0",
80 "prettier": "^1.2.2",
@@ -84,6 +89,7 @@
89 "rollup-plugin-replace": "^1.1.1",
90 "rollup-plugin-uglify": "^1.0.1",
91 "run-sequence": "^1.1.4",
92 + "stats-analysis": "^2.0.0",
93 "through2": "^2.0.0",
94 "tmp": "~0.0.28",
95 "typescript": "~1.8.10",
@@ -99,6 +105,7 @@
105 "version": 7
106 },
107 "scripts": {
108 + "bench": "npm run version-check && node scripts/bench/runner.js",
109 "build": "npm run version-check && node scripts/rollup/build.js",
110 "linc": "git diff --name-only --diff-filter=ACMRTUB `git merge-base HEAD master` | grep '\\.js$' | xargs eslint --",
111 "lint": "node ./scripts/tasks/eslint.js",
@@ -112,7 +119,8 @@
119 "modulePathIgnorePatterns": [
120 "/.module-cache/",
121 "<rootDir>/build/",
115 - "<rootDir>/scripts/rollup/shims/"
122 + "<rootDir>/scripts/rollup/shims/",
123 + "<rootDir>/scripts/bench/"
124 ],
125 "rootDir": "",
126 "transform": {
scripts/bench/README.md
+27 -26
@@ -1,40 +1,41 @@
1 -Work-in-progress benchmarks.
1 +# React Benchmarking
2
3 -## Running the suite
3 +## Commands
4
5 -You'll need two folders to compare, each of them containing `react.min.js` and `react-dom-server.min.js`. You can run `npm run build` at the repo root to get a `build` folder with these files.
5 +In most cases, the only two commands you might want to use are:
6
7 -For example, if you want to compare a stable verion against master, you can create folders called `build-stable` and `build-master` and use the benchmark scripts like this:
7 +- `yarn bench`
8 +- `yarn build -- --type=UMD_PROD && yarn bench -- --skip-build`
9
9 -```
10 -$ ./measure.py build-stable stable.txt build-master master.txt
11 -$ ./analyze.py stable.txt master.txt
12 -```
10 +The first command will run benchmarks with all the default settings. A local and remote build will occcur on all bundles, both local and remote repos will be run against all benchmarks.
11
14 -The test measurements (second argument to `analyze`, `master.txt` in this example) will be compared to the control measurements (first argument to `analyze`, `stable.txt` in this example).
12 +The second command will run all benchmarks but skip the build process. This is useful for when doing local performance tweaking and the remote repo has already had its bundles built. Bboth local and remote repos will be run against all benchmarks with this command too.
13
16 -Changes with the `-` sign in the output mean `master` is faster than `stable`.
14 +The other commands are as follows:
15
18 -You can name folders any way you like, this was just an example.
16 +```bash
17 +# will compare local repo vs remote merge base repo
18 +yarn bench
19
20 -## Running one
21 -One thing you can do with them is benchmark initial render time for a realistic hierarchy:
20 +# will compare local repo vs remote merge base repo
21 +# this can significantly improve bench times due to no build
22 +yarn bench -- --skip-build
23
23 -```
24 -$ which jsc
25 -/System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc
26 -$ jsc react-0.14.0.min.js bench-pe-es5.js -e 'var START=Date.now(); React.renderToString(React.createElement(Benchmark)); var END=Date.now(); print(END-START);'
27 -45
28 -```
24 +# will only build and run local repo against benchmarks (no remote values will be shown)
25 +yarn bench -- --local
26
30 -Substitute `js` or `v8` for `jsc` to use SpiderMonkey or V8, respectively, if you've installed them.
27 +# will only build and run remote merge base repo against benchmarks (no local values will be shown)
28 +yarn bench -- --remote
29
32 -## Creating one
30 +# will only build and run remote master repo against benchmarks
31 +yarn bench -- --remote=master
32
34 -To create one, copy `extract-component.js` to your clipboard and paste it into the Chrome console on facebook.com, perhaps after changing the root ID if you don't want the tree with ID `.0`.
33 +# same as "yarn bench"
34 +yarn bench -- --remote --local
35
36 -Then to convert it to ES5:
36 +# runs benchmarks with Chrome in headless mode
37 +yarn bench -- --headless
38
38 -```
39 -babel --whitelist react,react.displayName --compact false bench-pe.js >bench-pe-es5.js
40 -```
39 +# runs only specific string matching benchmarks
40 +yarn bench -- --benchmark=hacker
41 +```
\ No newline at end of file
scripts/bench/analyze.py deleted
-111
@@ -1,111 +0,0 @@
1 -#!/usr/bin/env python
2 -# Copyright 2015-present, Facebook, Inc.
3 -# All rights reserved.
4 -#
5 -# This source code is licensed under the BSD-style license found in the
6 -# LICENSE file in the root directory of this source tree. An additional grant
7 -# of patent rights can be found in the PATENTS file in the same directory.
8 -
9 -import math
10 -import sys
11 -
12 -import numpy as np
13 -import numpy.random as npr
14 -import scipy.stats
15 -
16 -
17 -def _bootstrap_mean_sem(samples):
18 - """Return the estimated standard error for a distribution's mean."""
19 - samples = np.array(samples)
20 - n = len(samples)
21 - indices = npr.randint(0, n, (10000, n))
22 - samples = samples[indices]
23 - means = np.sort(np.mean(samples, axis=1))
24 - return np.std(means, ddof=1)
25 -
26 -
27 -def _read_measurements(f):
28 - """Read measurements from a file.
29 -
30 - Returns {'a': [1.0, 2.0, 3.0], 'b': [5.0, 5.0, 5.0]} for a file containing
31 - the six lines: ['a 1', 'a 2', 'a 3', 'b 5', 'b 5', 'b 5'].
32 - """
33 - measurements = {}
34 - for line in f:
35 - label, value = line.split(None, 1)
36 - measurements.setdefault(label, []).append(float(value))
37 - return measurements
38 -
39 -
40 -def _compute_mean_and_sd_of_ratio_from_delta_method(
41 - mean_test,
42 - sem_test,
43 - mean_control,
44 - sem_control
45 -):
46 - mean = (
47 - ((mean_test - mean_control) / mean_control) -
48 - (pow(sem_control, 2) * mean_test / pow(mean_control, 3))
49 - )
50 - var = (
51 - pow(sem_test / mean_control, 2) +
52 - (pow(sem_control * mean_test, 2) / pow(mean_control, 4))
53 - )
54 - return (mean, math.sqrt(var))
55 -
56 -
57 -def _main():
58 - if len(sys.argv) != 3:
59 - sys.stderr.write("usage: analyze.py control.txt test.txt\n")
60 - return 1
61 -
62 - ci_size = 0.99
63 - p_value = scipy.stats.norm.ppf(0.5 * (1 + ci_size))
64 -
65 - control, test = sys.argv[1:]
66 - with open(control) as f:
67 - control_measurements = _read_measurements(f)
68 - with open(test) as f:
69 - test_measurements = _read_measurements(f)
70 - keys = set()
71 - keys.update(control_measurements.iterkeys())
72 - keys.update(test_measurements.iterkeys())
73 -
74 - print "Comparing %s (control) vs %s (test)" % (control, test)
75 - print "Significant differences marked by ***"
76 - print "%% change from control to test, with %g%% CIs:" % (ci_size * 100,)
77 - print
78 -
79 - any_sig = False
80 - for key in sorted(keys):
81 - print "* %s" % (key,)
82 - control_nums = control_measurements.get(key, [])
83 - test_nums = test_measurements.get(key, [])
84 - if not control_nums or not test_nums:
85 - print " skipping..."
86 - continue
87 -
88 - mean_control = np.mean(control_nums)
89 - mean_test = np.mean(test_nums)
90 - sem_control = _bootstrap_mean_sem(control_nums)
91 - sem_test = _bootstrap_mean_sem(test_nums)
92 -
93 - rat_mean, rat_sem = _compute_mean_and_sd_of_ratio_from_delta_method(
94 - mean_test, sem_test, mean_control, sem_control
95 - )
96 - rat_low = rat_mean - p_value * rat_sem
97 - rat_high = rat_mean + p_value * rat_sem
98 -
99 - sig = rat_high < 0 or rat_low > 0
100 - any_sig = any_sig or sig
101 -
102 - print " %% change: %+6.2f%% [%+6.2f%%, %+6.2f%%]%s" % (
103 - 100 * rat_mean,
104 - 100 * rat_low,
105 - 100 * rat_high,
106 - ' ***' if sig else ''
107 - )
108 - print " means: %g (control), %g (test)" % (mean_control, mean_test)
109 -
110 -if __name__ == '__main__':
111 - sys.exit(_main())
scripts/bench/bench-createclass.js deleted
-243
@@ -1,243 +0,0 @@
1 -React.createClass({
2 - displayName: "UnimplementedView",
3 - setNativeProps: function() {},
4 - render: function() {},
5 -});
6 -var mixin1 = {
7 - measure: function() {},
8 - measureLayout: function() {},
9 - setNativeProps: function() {},
10 - focus: function() {},
11 - blur: function() {},
12 - componentWillMount: function() {},
13 - componentWillReceiveProps: function() {},
14 -};
15 -React.createClass({
16 - displayName: "View",
17 - mixins: [mixin1],
18 - viewConfig: {uiViewClassName: "RCTView", validAttributes: null},
19 - statics: {AccessibilityTraits: null, AccessibilityComponentType: null},
20 - propTypes: {accessible: function() {}, accessibilityLabel: function() {}, accessibilityComponentType: function() {}, accessibilityLiveRegion: function() {}, importantForAccessibility: function() {}, accessibilityTraits: function() {}, onAccessibilityTap: function() {}, onMagicTap: function() {}, testID: function() {}, onResponderGrant: function() {}, onResponderMove: function() {}, onResponderReject: function() {}, onResponderRelease: function() {}, onResponderTerminate: function() {}, onResponderTerminationRequest: function() {}, onStartShouldSetResponder: function() {}, onStartShouldSetResponderCapture: function() {}, onMoveShouldSetResponder: function() {}, onMoveShouldSetResponderCapture: function() {}, onLayout: function() {}, pointerEvents: function() {}, style: function() {}, removeClippedSubviews: function() {}, renderToHardwareTextureAndroid: function() {}, shouldRasterizeIOS: function() {}, collapsable: function() {}, needsOffscreenAlphaCompositing: function() {}},
21 - render: function() {},
22 -});
23 -var mixin2 = {
24 - componentWillUnmount: function() {},
25 - setTimeout: function() {},
26 - clearTimeout: function() {},
27 - setInterval: function() {},
28 - clearInterval: function() {},
29 - setImmediate: function() {},
30 - clearImmediate: function() {},
31 - requestAnimationFrame: function() {},
32 - cancelAnimationFrame: function() {},
33 -};
34 -var mixin3 = {
35 - componentWillUnmount: function() {},
36 - _interactionMixinHandles: {},
37 - createInteractionHandle: function() {},
38 - clearInteractionHandle: function() {},
39 - runAfterInteractions: function() {},
40 -};
41 -var mixin4 = {
42 - componentWillMount: function() {},
43 - componentWillUnmount: function() {},
44 - addListenerOn: function() {},
45 -};
46 -React.createClass({
47 - displayName: "Navigator",
48 - propTypes: {configureScene: function() {}, renderScene: function() {}, initialRoute: function() {}, initialRouteStack: function() {}, onWillFocus: function() {}, onDidFocus: function() {}, navigationBar: function() {}, navigator: function() {}, sceneStyle: function() {}},
49 - statics: {BreadcrumbNavigationBar: null, NavigationBar: null, SceneConfigs: null},
50 - mixins: [mixin2, mixin3, mixin4],
51 - getDefaultProps: function() {},
52 - getInitialState: function() {},
53 - componentWillMount: function() {},
54 - componentDidMount: function() {},
55 - componentWillUnmount: function() {},
56 - immediatelyResetRouteStack: function() {},
57 - _transitionTo: function() {},
58 - _handleSpringUpdate: function() {},
59 - _completeTransition: function() {},
60 - _emitDidFocus: function() {},
61 - _emitWillFocus: function() {},
62 - _hideScenes: function() {},
63 - _disableScene: function() {},
64 - _enableScene: function() {},
65 - _onAnimationStart: function() {},
66 - _onAnimationEnd: function() {},
67 - _setRenderSceneToHardwareTextureAndroid: function() {},
68 - _handleTouchStart: function() {},
69 - _handleMoveShouldSetPanResponder: function() {},
70 - _doesGestureOverswipe: function() {},
71 - _deltaForGestureAction: function() {},
72 - _handlePanResponderRelease: function() {},
73 - _handlePanResponderTerminate: function() {},
74 - _attachGesture: function() {},
75 - _detachGesture: function() {},
76 - _handlePanResponderMove: function() {},
77 - _moveAttachedGesture: function() {},
78 - _matchGestureAction: function() {},
79 - _transitionSceneStyle: function() {},
80 - _transitionBetween: function() {},
81 - _handleResponderTerminationRequest: function() {},
82 - _getDestIndexWithinBounds: function() {},
83 - _jumpN: function() {},
84 - jumpTo: function() {},
85 - jumpForward: function() {},
86 - jumpBack: function() {},
87 - push: function() {},
88 - _popN: function() {},
89 - pop: function() {},
90 - replaceAtIndex: function() {},
91 - replace: function() {},
92 - replacePrevious: function() {},
93 - popToTop: function() {},
94 - popToRoute: function() {},
95 - replacePreviousAndPop: function() {},
96 - resetTo: function() {},
97 - getCurrentRoutes: function() {},
98 - _cleanScenesPastIndex: function() {},
99 - _renderScene: function() {},
100 - _renderNavigationBar: function() {},
101 - render: function() {},
102 - _getNavigationContext: function() {},
103 -});
104 -var mixin5 = {
105 - mixins: [mixin4],
106 - statics: {DecelerationRate: null},
107 - scrollResponderMixinGetInitialState: function() {},
108 - scrollResponderHandleScrollShouldSetResponder: function() {},
109 - scrollResponderHandleStartShouldSetResponder: function() {},
110 - scrollResponderHandleStartShouldSetResponderCapture: function() {},
111 - scrollResponderHandleResponderReject: function() {},
112 - scrollResponderHandleTerminationRequest: function() {},
113 - scrollResponderHandleTouchEnd: function() {},
114 - scrollResponderHandleResponderRelease: function() {},
115 - scrollResponderHandleScroll: function() {},
116 - scrollResponderHandleResponderGrant: function() {},
117 - scrollResponderHandleScrollBeginDrag: function() {},
118 - scrollResponderHandleScrollEndDrag: function() {},
119 - scrollResponderHandleMomentumScrollBegin: function() {},
120 - scrollResponderHandleMomentumScrollEnd: function() {},
121 - scrollResponderHandleTouchStart: function() {},
122 - scrollResponderHandleTouchMove: function() {},
123 - scrollResponderIsAnimating: function() {},
124 - scrollResponderScrollTo: function() {},
125 - scrollResponderScrollWithouthAnimationTo: function() {},
126 - scrollResponderZoomTo: function() {},
127 - scrollResponderScrollNativeHandleToKeyboard: function() {},
128 - scrollResponderInputMeasureAndScrollToKeyboard: function() {},
129 - scrollResponderTextInputFocusError: function() {},
130 - componentWillMount: function() {},
131 - scrollResponderKeyboardWillShow: function() {},
132 - scrollResponderKeyboardWillHide: function() {},
133 - scrollResponderKeyboardDidShow: function() {},
134 - scrollResponderKeyboardDidHide: function() {},
135 -};
136 -React.createClass({
137 - displayName: "ScrollView",
138 - propTypes: {accessible: function() {}, accessibilityLabel: function() {}, accessibilityComponentType: function() {}, accessibilityLiveRegion: function() {}, importantForAccessibility: function() {}, accessibilityTraits: function() {}, onAccessibilityTap: function() {}, onMagicTap: function() {}, testID: function() {}, onResponderGrant: function() {}, onResponderMove: function() {}, onResponderReject: function() {}, onResponderRelease: function() {}, onResponderTerminate: function() {}, onResponderTerminationRequest: function() {}, onStartShouldSetResponder: function() {}, onStartShouldSetResponderCapture: function() {}, onMoveShouldSetResponder: function() {}, onMoveShouldSetResponderCapture: function() {}, onLayout: function() {}, pointerEvents: function() {}, style: function() {}, removeClippedSubviews: function() {}, renderToHardwareTextureAndroid: function() {}, shouldRasterizeIOS: function() {}, collapsable: function() {}, needsOffscreenAlphaCompositing: function() {}, automaticallyAdjustContentInsets: function() {}, contentInset: function() {}, contentOffset: function() {}, bounces: function() {}, bouncesZoom: function() {}, alwaysBounceHorizontal: function() {}, alwaysBounceVertical: function() {}, centerContent: function() {}, contentContainerStyle: function() {}, decelerationRate: function() {}, horizontal: function() {}, directionalLockEnabled: function() {}, canCancelContentTouches: function() {}, keyboardDismissMode: function() {}, keyboardShouldPersistTaps: function() {}, maximumZoomScale: function() {}, minimumZoomScale: function() {}, onScroll: function() {}, onScrollAnimationEnd: function() {}, onContentSizeChange: function() {}, pagingEnabled: function() {}, scrollEnabled: function() {}, scrollEventThrottle: function() {}, scrollIndicatorInsets: function() {}, scrollsToTop: function() {}, showsHorizontalScrollIndicator: function() {}, showsVerticalScrollIndicator: function() {}, stickyHeaderIndices: function() {}, snapToInterval: function() {}, snapToAlignment: function() {}, zoomScale: function() {}, onRefreshStart: function() {}},
139 - mixins: [mixin5],
140 - getInitialState: function() {},
141 - setNativeProps: function() {},
142 - endRefreshing: function() {},
143 - getScrollResponder: function() {},
144 - getInnerViewNode: function() {},
145 - scrollTo: function() {},
146 - scrollWithoutAnimationTo: function() {},
147 - handleScroll: function() {},
148 - _handleContentOnLayout: function() {},
149 - render: function() {},
150 -});
151 -var mixin6 = {
152 - componentWillUnmount: function() {},
153 - setTimeout: function() {},
154 - clearTimeout: function() {},
155 - setInterval: function() {},
156 - clearInterval: function() {},
157 - setImmediate: function() {},
158 - clearImmediate: function() {},
159 - requestAnimationFrame: function() {},
160 - cancelAnimationFrame: function() {},
161 -};
162 -React.createClass({
163 - displayName: "AdsManagerTabsModalView",
164 - contextTypes: {navigation: function() {}},
165 - mixins: [mixin6, mixin4],
166 - getDefaultProps: function() {},
167 - getInitialState: function() {},
168 - componentWillMount: function() {},
169 - componentDidMount: function() {},
170 - componentWillUnmount: function() {},
171 - onTabSelect: function() {},
172 - _handleConnectivityChange: function() {},
173 - _onTabTap: function() {},
174 - startCreateFlow: function() {},
175 - render: function() {},
176 - _renderTabs: function() {},
177 - _onAdCreated: function() {},
178 - _onRemoteNotification: function() {},
179 - _setAccountFromURL: function() {},
180 - _updateBadgeCount: function() {},
181 - _onRetry: function() {},
182 - _getUnseenNotifsCount: function() {},
183 - _pushNotifPermalink: function() {},
184 - _onMobileConfigsLoadDone: function() {},
185 - _getAccountRoute: function() {},
186 - _getNotifsRoute: function() {},
187 - _getSettingsRoute: function() {},
188 - _getCampaignsRoute: function() {},
189 - _getNavStack: function() {},
190 - _onAccountChanged: function() {},
191 - _onHelpCenterRequested: function() {},
192 - _onGlobalError: function() {},
193 - _onGlobalErrorToastDidClose: function() {},
194 - _onShowNUX: function() {},
195 - _closeToastAndPopover: function() {},
196 - _onTabLayout: function() {},
197 - _onRootNavigationWillChange: function() {},
198 - _handleOpenURL: function() {},
199 - _updateAccountIDFromInLink: function() {},
200 - _pushInLink: function() {},
201 - _pushExternalRoute: function() {},
202 - _canPushExernalRoute: function() {},
203 - _hasAccountTab: function() {},
204 - _hasCampaignsTab: function() {},
205 - _getTabForURL: function() {},
206 - _getTabForExternalRoute: function() {},
207 -});
208 -React.createClass({
209 - displayName: "ActionBarButton",
210 - mixins: [mixin1, mixin6],
211 - propTypes: {label: function() {}, iconOnly: function() {}, imageSource: function() {}, style: function() {}, onContentMeasured: function() {}, onPress: function() {}},
212 - componentDidMount: function() {},
213 - render: function() {},
214 -});
215 -React.createClass({
216 - displayName: "ListView",
217 - mixins: [mixin5, mixin2],
218 - statics: {DataSource: null},
219 - propTypes: {accessible: function() {}, accessibilityLabel: function() {}, accessibilityComponentType: function() {}, accessibilityLiveRegion: function() {}, importantForAccessibility: function() {}, accessibilityTraits: function() {}, onAccessibilityTap: function() {}, onMagicTap: function() {}, testID: function() {}, onResponderGrant: function() {}, onResponderMove: function() {}, onResponderReject: function() {}, onResponderRelease: function() {}, onResponderTerminate: function() {}, onResponderTerminationRequest: function() {}, onStartShouldSetResponder: function() {}, onStartShouldSetResponderCapture: function() {}, onMoveShouldSetResponder: function() {}, onMoveShouldSetResponderCapture: function() {}, onLayout: function() {}, pointerEvents: function() {}, style: function() {}, removeClippedSubviews: function() {}, renderToHardwareTextureAndroid: function() {}, shouldRasterizeIOS: function() {}, collapsable: function() {}, needsOffscreenAlphaCompositing: function() {}, automaticallyAdjustContentInsets: function() {}, contentInset: function() {}, contentOffset: function() {}, bounces: function() {}, bouncesZoom: function() {}, alwaysBounceHorizontal: function() {}, alwaysBounceVertical: function() {}, centerContent: function() {}, contentContainerStyle: function() {}, decelerationRate: function() {}, horizontal: function() {}, directionalLockEnabled: function() {}, canCancelContentTouches: function() {}, keyboardDismissMode: function() {}, keyboardShouldPersistTaps: function() {}, maximumZoomScale: function() {}, minimumZoomScale: function() {}, onScroll: function() {}, onScrollAnimationEnd: function() {}, onContentSizeChange: function() {}, pagingEnabled: function() {}, scrollEnabled: function() {}, scrollEventThrottle: function() {}, scrollIndicatorInsets: function() {}, scrollsToTop: function() {}, showsHorizontalScrollIndicator: function() {}, showsVerticalScrollIndicator: function() {}, stickyHeaderIndices: function() {}, snapToInterval: function() {}, snapToAlignment: function() {}, zoomScale: function() {}, onRefreshStart: function() {}, dataSource: function() {}, renderSeparator: function() {}, renderRow: function() {}, initialListSize: function() {}, onEndReached: function() {}, onEndReachedThreshold: function() {}, pageSize: function() {}, renderFooter: function() {}, renderHeader: function() {}, renderSectionHeader: function() {}, renderScrollComponent: function() {}, scrollRenderAheadDistance: function() {}, onChangeVisibleRows: function() {}},
220 - getMetrics: function() {},
221 - getScrollResponder: function() {},
222 - setNativeProps: function() {},
223 - getDefaultProps: function() {},
224 - getInitialState: function() {},
225 - getInnerViewNode: function() {},
226 - componentWillMount: function() {},
227 - componentDidMount: function() {},
228 - componentWillReceiveProps: function() {},
229 - componentDidUpdate: function() {},
230 - onRowHighlighted: function() {},
231 - render: function() {},
232 - _measureAndUpdateScrollProps: function() {},
233 - _onContentSizeChange: function() {},
234 - _onLayout: function() {},
235 - _setScrollVisibleLength: function() {},
236 - _updateChildFrames: function() {},
237 - _maybeCallOnEndReached: function() {},
238 - _renderMoreRowsIfNeeded: function() {},
239 - _pageInNewRows: function() {},
240 - _getDistanceFromEnd: function() {},
241 - _updateVisibleRows: function() {},
242 - _onScroll: function() {},
243 -});
scripts/bench/bench-pe-sfc.js deleted
-3687
@@ -1,3687 +0,0 @@
1 -(function() {
2 -
3 -var ReactImage0 = function(props) {
4 - if (props.x === 0) {
5 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
6 - }
7 - if (props.x === 15) {
8 - return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
9 - }
10 - if (props.x === 22) {
11 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
12 - }
13 - if (props.x === 29) {
14 - return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
15 - }
16 - if (props.x === 42) {
17 - return (
18 - <i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
19 - <u>{"Warning"}</u>
20 - </i>
21 - );
22 - }
23 - if (props.x === 67) {
24 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
25 - }
26 - if (props.x === 70) {
27 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
28 - }
29 - if (props.x === 76) {
30 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
31 - }
32 - if (props.x === 79) {
33 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
34 - }
35 - if (props.x === 88) {
36 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
37 - }
38 - if (props.x === 91) {
39 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
40 - }
41 - if (props.x === 94) {
42 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
43 - }
44 - if (props.x === 98) {
45 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
46 - }
47 - if (props.x === 108) {
48 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
49 - }
50 - if (props.x === 111) {
51 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
52 - }
53 - if (props.x === 126) {
54 - return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
55 - }
56 - if (props.x === 127) {
57 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
58 - }
59 - if (props.x === 134) {
60 - return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
61 - }
62 - if (props.x === 135) {
63 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
64 - }
65 - if (props.x === 148) {
66 - return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
67 - }
68 - if (props.x === 152) {
69 - return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
70 - }
71 - if (props.x === 153) {
72 - return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
73 - }
74 - if (props.x === 160) {
75 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
76 - }
77 - if (props.x === 177) {
78 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
79 - }
80 - if (props.x === 186) {
81 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
82 - }
83 - if (props.x === 195) {
84 - return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
85 - }
86 - if (props.x === 198) {
87 - return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
88 - }
89 - if (props.x === 237) {
90 - return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
91 - }
92 - if (props.x === 266) {
93 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
94 - }
95 - if (props.x === 314) {
96 - return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
97 - }
98 - if (props.x === 345) {
99 - return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
100 - }
101 - if (props.x === 351) {
102 - return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
103 - }
104 -};
105 -
106 -var AbstractLink1 = function(props) {
107 - if (props.x === 1) {
108 - return (
109 - <a className={"_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"width":250,"maxWidth":"250px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
110 - {null}
111 - <span className={"_55pe"} style={{"maxWidth":"236px"}}>
112 - {null}
113 - <span>
114 - <span className={"_48u-"}>{"Account:"}</span>
115 - {" "}
116 - {"Dick Madanson (10149999073643408)"}
117 - </span>
118 - </span>
119 - <ReactImage0 x={0} />
120 - </a>
121 - );
122 - }
123 - if (props.x === 43) {
124 - return (
125 - <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} type={null} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
126 - {undefined}
127 - {"Remove"}
128 - {undefined}
129 - </a>
130 - );
131 - }
132 - if (props.x === 49) {
133 - return (
134 - <a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
135 - <XUIText29 x={48} />
136 - </a>
137 - );
138 - }
139 - if (props.x === 128) {
140 - return (
141 - <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
142 - {null}
143 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
144 - <ReactImage0 x={126} />
145 - {"Search"}
146 - </span>
147 - <ReactImage0 x={127} />
148 - </a>
149 - );
150 - }
151 - if (props.x === 136) {
152 - return (
153 - <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
154 - {null}
155 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
156 - <ReactImage0 x={134} />
157 - {"Filters"}
158 - </span>
159 - <ReactImage0 x={135} />
160 - </a>
161 - );
162 - }
163 - if (props.x === 178) {
164 - return (
165 - <a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
166 - {undefined}
167 - {"Lifetime"}
168 - <ReactImage0 x={177} />
169 - </a>
170 - );
171 - }
172 - if (props.x === 207) {
173 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
174 - }
175 - if (props.x === 209) {
176 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
177 - }
178 - if (props.x === 241) {
179 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
180 - }
181 - if (props.x === 267) {
182 - return (
183 - <a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
184 - {null}
185 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
186 - {null}
187 - {"Links"}
188 - </span>
189 - <ReactImage0 x={266} />
190 - </a>
191 - );
192 - }
193 -};
194 -
195 -var Link2 = function(props) {
196 - if (props.x === 2) {
197 - return <AbstractLink1 x={1} />;
198 - }
199 - if (props.x === 44) {
200 - return <AbstractLink1 x={43} />;
201 - }
202 - if (props.x === 50) {
203 - return <AbstractLink1 x={49} />;
204 - }
205 - if (props.x === 129) {
206 - return <AbstractLink1 x={128} />;
207 - }
208 - if (props.x === 137) {
209 - return <AbstractLink1 x={136} />;
210 - }
211 - if (props.x === 179) {
212 - return <AbstractLink1 x={178} />;
213 - }
214 - if (props.x === 208) {
215 - return <AbstractLink1 x={207} />;
216 - }
217 - if (props.x === 210) {
218 - return <AbstractLink1 x={209} />;
219 - }
220 - if (props.x === 242) {
221 - return <AbstractLink1 x={241} />;
222 - }
223 - if (props.x === 268) {
224 - return <AbstractLink1 x={267} />;
225 - }
226 -};
227 -
228 -var AbstractButton3 = function(props) {
229 - if (props.x === 3) {
230 - return <Link2 x={2} />;
231 - }
232 - if (props.x === 20) {
233 - return (
234 - <button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
235 - {undefined}
236 - {"Discard Changes"}
237 - {undefined}
238 - </button>
239 - );
240 - }
241 - if (props.x === 23) {
242 - return (
243 - <button className={"_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr"} disabled={true} onClick={function() {}} data-tooltip-content={"You have no changes to publish"} data-hover={"tooltip"} label={null} type={"submit"} value={"1"}>
244 - <ReactImage0 x={22} />
245 - {"Review Changes"}
246 - {undefined}
247 - </button>
248 - );
249 - }
250 - if (props.x === 45) {
251 - return <Link2 x={44} />;
252 - }
253 - if (props.x === 68) {
254 - return (
255 - <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
256 - <ReactImage0 x={67} />
257 - {"Create Campaign"}
258 - {undefined}
259 - </button>
260 - );
261 - }
262 - if (props.x === 71) {
263 - return (
264 - <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
265 - <ReactImage0 x={70} />
266 - {undefined}
267 - {undefined}
268 - </button>
269 - );
270 - }
271 - if (props.x === 77) {
272 - return (
273 - <button aria-label={"Edit"} data-tooltip-content={"Edit Campaigns (Ctrl+U)"} data-hover={"tooltip"} className={"_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
274 - <ReactImage0 x={76} />
275 - {"Edit"}
276 - {undefined}
277 - </button>
278 - );
279 - }
280 - if (props.x === 80) {
281 - return (
282 - <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
283 - <ReactImage0 x={79} />
284 - {undefined}
285 - {undefined}
286 - </button>
287 - );
288 - }
289 - if (props.x === 89) {
290 - return (
291 - <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} data-tooltip-content={"Revert"} disabled={true} onClick={function() {}} label={null} type={"submit"} value={"1"}>
292 - <ReactImage0 x={88} />
293 - {undefined}
294 - {undefined}
295 - </button>
296 - );
297 - }
298 - if (props.x === 92) {
299 - return (
300 - <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Delete"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
301 - <ReactImage0 x={91} />
302 - {undefined}
303 - {undefined}
304 - </button>
305 - );
306 - }
307 - if (props.x === 95) {
308 - return (
309 - <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Duplicate"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
310 - <ReactImage0 x={94} />
311 - {undefined}
312 - {undefined}
313 - </button>
314 - );
315 - }
316 - if (props.x === 99) {
317 - return (
318 - <button aria-label={"Export & Import"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Export & Import"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
319 - <ReactImage0 x={98} />
320 - {undefined}
321 - {undefined}
322 - </button>
323 - );
324 - }
325 - if (props.x === 109) {
326 - return (
327 - <button aria-label={"Create Report"} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Create Report"} disabled={false} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} onClick={function() {}} label={null} type={"submit"} value={"1"}>
328 - <ReactImage0 x={108} />
329 - {undefined}
330 - {undefined}
331 - </button>
332 - );
333 - }
334 - if (props.x === 112) {
335 - return (
336 - <button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
337 - <ReactImage0 x={111} />
338 - {undefined}
339 - {undefined}
340 - </button>
341 - );
342 - }
343 - if (props.x === 130) {
344 - return <Link2 x={129} />;
345 - }
346 - if (props.x === 138) {
347 - return <Link2 x={137} />;
348 - }
349 - if (props.x === 149) {
350 - return (
351 - <button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
352 - {undefined}
353 - {"Remove"}
354 - {undefined}
355 - </button>
356 - );
357 - }
358 - if (props.x === 156) {
359 - return (
360 - <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
361 - {undefined}
362 - {"Apply"}
363 - {undefined}
364 - </button>
365 - );
366 - }
367 - if (props.x === 161) {
368 - return (
369 - <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
370 - <ReactImage0 x={160} />
371 - {undefined}
372 - {undefined}
373 - </button>
374 - );
375 - }
376 - if (props.x === 180) {
377 - return <Link2 x={179} />;
378 - }
379 - if (props.x === 187) {
380 - return (
381 - <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"List Settings"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
382 - <ReactImage0 x={186} />
383 - {undefined}
384 - {undefined}
385 - </button>
386 - );
387 - }
388 - if (props.x === 269) {
389 - return <Link2 x={268} />;
390 - }
391 - if (props.x === 303) {
392 - return (
393 - <button className={"_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
394 - {undefined}
395 - <div>
396 - <div className={"_tma"}></div>
397 - <div className={"_tm8"}></div>
398 - <div className={"_tm9"}>{1}</div>
399 - </div>
400 - {undefined}
401 - </button>
402 - );
403 - }
404 - if (props.x === 305) {
405 - return (
406 - <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
407 - {undefined}
408 - <div>
409 - <div className={"_tma"}></div>
410 - <div className={"_tm8"}></div>
411 - <div className={"_tm9"}>{1}</div>
412 - </div>
413 - {undefined}
414 - </button>
415 - );
416 - }
417 - if (props.x === 307) {
418 - return (
419 - <button className={"_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ads"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
420 - {undefined}
421 - <div>
422 - <div className={"_tma"}></div>
423 - <div className={"_tm8"}></div>
424 - <div className={"_tm9"}>{1}</div>
425 - </div>
426 - {undefined}
427 - </button>
428 - );
429 - }
430 -};
431 -
432 -var XUIButton4 = function(props) {
433 - if (props.x === 4) {
434 - return <AbstractButton3 x={3} />;
435 - }
436 - if (props.x === 21) {
437 - return <AbstractButton3 x={20} />;
438 - }
439 - if (props.x === 24) {
440 - return <AbstractButton3 x={23} />;
441 - }
442 - if (props.x === 69) {
443 - return <AbstractButton3 x={68} />;
444 - }
445 - if (props.x === 72) {
446 - return <AbstractButton3 x={71} />;
447 - }
448 - if (props.x === 78) {
449 - return <AbstractButton3 x={77} />;
450 - }
451 - if (props.x === 81) {
452 - return <AbstractButton3 x={80} />;
453 - }
454 - if (props.x === 90) {
455 - return <AbstractButton3 x={89} />;
456 - }
457 - if (props.x === 93) {
458 - return <AbstractButton3 x={92} />;
459 - }
460 - if (props.x === 96) {
461 - return <AbstractButton3 x={95} />;
462 - }
463 - if (props.x === 100) {
464 - return <AbstractButton3 x={99} />;
465 - }
466 - if (props.x === 110) {
467 - return <AbstractButton3 x={109} />;
468 - }
469 - if (props.x === 113) {
470 - return <AbstractButton3 x={112} />;
471 - }
472 - if (props.x === 131) {
473 - return <AbstractButton3 x={130} />;
474 - }
475 - if (props.x === 139) {
476 - return <AbstractButton3 x={138} />;
477 - }
478 - if (props.x === 157) {
479 - return <AbstractButton3 x={156} />;
480 - }
481 - if (props.x === 162) {
482 - return <AbstractButton3 x={161} />;
483 - }
484 - if (props.x === 188) {
485 - return <AbstractButton3 x={187} />;
486 - }
487 - if (props.x === 270) {
488 - return <AbstractButton3 x={269} />;
489 - }
490 - if (props.x === 304) {
491 - return <AbstractButton3 x={303} />;
492 - }
493 - if (props.x === 306) {
494 - return <AbstractButton3 x={305} />;
495 - }
496 - if (props.x === 308) {
497 - return <AbstractButton3 x={307} />;
498 - }
499 -};
500 -
501 -var AbstractPopoverButton5 = function(props) {
502 - if (props.x === 5) {
503 - return <XUIButton4 x={4} />;
504 - }
505 - if (props.x === 132) {
506 - return <XUIButton4 x={131} />;
507 - }
508 - if (props.x === 140) {
509 - return <XUIButton4 x={139} />;
510 - }
511 - if (props.x === 271) {
512 - return <XUIButton4 x={270} />;
513 - }
514 -};
515 -
516 -var ReactXUIPopoverButton6 = function(props) {
517 - if (props.x === 6) {
518 - return <AbstractPopoverButton5 x={5} />;
519 - }
520 - if (props.x === 133) {
521 - return <AbstractPopoverButton5 x={132} />;
522 - }
523 - if (props.x === 141) {
524 - return <AbstractPopoverButton5 x={140} />;
525 - }
526 - if (props.x === 272) {
527 - return <AbstractPopoverButton5 x={271} />;
528 - }
529 -};
530 -
531 -var BIGAdAccountSelector7 = function(props) {
532 - if (props.x === 7) {
533 - return (
534 - <div>
535 - <ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
536 - {null}
537 - </div>
538 - );
539 - }
540 -};
541 -
542 -var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function(props) {
543 - if (props.x === 8) {
544 - return <BIGAdAccountSelector7 x={7} />;
545 - }
546 -};
547 -
548 -var ErrorBoundary9 = function(props) {
549 - if (props.x === 9) {
550 - return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
551 - }
552 - if (props.x === 13) {
553 - return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
554 - }
555 - if (props.x === 27) {
556 - return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
557 - }
558 - if (props.x === 32) {
559 - return <ReactPopoverMenu20 x={31} />;
560 - }
561 - if (props.x === 38) {
562 - return <AdsPEResetDialog24 x={37} />;
563 - }
564 - if (props.x === 57) {
565 - return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
566 - }
567 - if (props.x === 60) {
568 - return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
569 - }
570 - if (props.x === 64) {
571 - return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
572 - }
573 - if (props.x === 124) {
574 - return <AdsPECampaignGroupToolbarContainer57 x={123} />;
575 - }
576 - if (props.x === 170) {
577 - return <AdsPEFilterContainer72 x={169} />;
578 - }
579 - if (props.x === 175) {
580 - return <AdsPETablePagerContainer75 x={174} />;
581 - }
582 - if (props.x === 193) {
583 - return <AdsPEStatRangeContainer81 x={192} />;
584 - }
585 - if (props.x === 301) {
586 - return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
587 - }
588 - if (props.x === 311) {
589 - return <AdsPEOrganizerContainer139 x={310} />;
590 - }
591 - if (props.x === 471) {
592 - return <AdsPECampaignGroupTableContainer159 x={470} />;
593 - }
594 - if (props.x === 475) {
595 - return <AdsPEContentContainer161 x={474} />;
596 - }
597 -};
598 -
599 -var AdsErrorBoundary10 = function(props) {
600 - if (props.x === 10) {
601 - return <ErrorBoundary9 x={9} />;
602 - }
603 - if (props.x === 14) {
604 - return <ErrorBoundary9 x={13} />;
605 - }
606 - if (props.x === 28) {
607 - return <ErrorBoundary9 x={27} />;
608 - }
609 - if (props.x === 33) {
610 - return <ErrorBoundary9 x={32} />;
611 - }
612 - if (props.x === 39) {
613 - return <ErrorBoundary9 x={38} />;
614 - }
615 - if (props.x === 58) {
616 - return <ErrorBoundary9 x={57} />;
617 - }
618 - if (props.x === 61) {
619 - return <ErrorBoundary9 x={60} />;
620 - }
621 - if (props.x === 65) {
622 - return <ErrorBoundary9 x={64} />;
623 - }
624 - if (props.x === 125) {
625 - return <ErrorBoundary9 x={124} />;
626 - }
627 - if (props.x === 171) {
628 - return <ErrorBoundary9 x={170} />;
629 - }
630 - if (props.x === 176) {
631 - return <ErrorBoundary9 x={175} />;
632 - }
633 - if (props.x === 194) {
634 - return <ErrorBoundary9 x={193} />;
635 - }
636 - if (props.x === 302) {
637 - return <ErrorBoundary9 x={301} />;
638 - }
639 - if (props.x === 312) {
640 - return <ErrorBoundary9 x={311} />;
641 - }
642 - if (props.x === 472) {
643 - return <ErrorBoundary9 x={471} />;
644 - }
645 - if (props.x === 476) {
646 - return <ErrorBoundary9 x={475} />;
647 - }
648 -};
649 -
650 -var AdsPENavigationBar11 = function(props) {
651 - if (props.x === 11) {
652 - return <div className={"_4t_9"}></div>;
653 - }
654 -};
655 -
656 -var FluxContainer_AdsPENavigationBarContainer_12 = function(props) {
657 - if (props.x === 12) {
658 - return <AdsPENavigationBar11 x={11} />;
659 - }
660 -};
661 -
662 -var AdsPEDraftSyncStatus13 = function(props) {
663 - if (props.x === 16) {
664 - return (
665 - <div className={"_3ut-"} onClick={function() {}}>
666 - <span className={"_3uu0"}>
667 - <ReactImage0 x={15} />
668 - </span>
669 - </div>
670 - );
671 - }
672 -};
673 -
674 -var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function(props) {
675 - if (props.x === 17) {
676 - return <AdsPEDraftSyncStatus13 x={16} />;
677 - }
678 -};
679 -
680 -var AdsPEDraftErrorsStatus15 = function(props) {
681 - if (props.x === 18) {
682 - return null;
683 - }
684 -};
685 -
686 -var FluxContainer_viewFn_16 = function(props) {
687 - if (props.x === 19) {
688 - return <AdsPEDraftErrorsStatus15 x={18} />;
689 - }
690 -};
691 -
692 -var AdsPEPublishButton17 = function(props) {
693 - if (props.x === 25) {
694 - return (
695 - <div className={"_5533"}>
696 - <FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
697 - <FluxContainer_viewFn_16 x={19} />
698 - {null}
699 - <XUIButton4 x={21} key={"discard"} />
700 - <XUIButton4 x={24} ref={"reviewChangesButton"} />
701 - </div>
702 - );
703 - }
704 -};
705 -
706 -var FluxContainer_AdsPEPublishButtonContainer_18 = function(props) {
707 - if (props.x === 26) {
708 - return <AdsPEPublishButton17 x={25} />;
709 - }
710 -};
711 -
712 -var InlineBlock19 = function(props) {
713 - if (props.x === 30) {
714 - return (
715 - <div className={"uiPopover _6a _6b"} disabled={null}>
716 - <ReactImage0 x={29} key={".0"} />
717 - </div>
718 - );
719 - }
720 - if (props.x === 73) {
721 - return (
722 - <div className={"uiPopover _6a _6b"} disabled={null}>
723 - <XUIButton4 x={72} key={".0"} />
724 - </div>
725 - );
726 - }
727 - if (props.x === 82) {
728 - return (
729 - <div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
730 - <XUIButton4 x={81} key={".0"} />
731 - </div>
732 - );
733 - }
734 - if (props.x === 101) {
735 - return (
736 - <div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
737 - <XUIButton4 x={100} key={".0"} />
738 - </div>
739 - );
740 - }
741 - if (props.x === 273) {
742 - return (
743 - <div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
744 - <ReactXUIPopoverButton6 x={272} key={".0"} />
745 - </div>
746 - );
747 - }
748 -};
749 -
750 -var ReactPopoverMenu20 = function(props) {
751 - if (props.x === 31) {
752 - return <InlineBlock19 x={30} ref={"root"} />;
753 - }
754 - if (props.x === 74) {
755 - return <InlineBlock19 x={73} ref={"root"} />;
756 - }
757 - if (props.x === 83) {
758 - return <InlineBlock19 x={82} ref={"root"} />;
759 - }
760 - if (props.x === 102) {
761 - return <InlineBlock19 x={101} ref={"root"} />;
762 - }
763 - if (props.x === 274) {
764 - return <InlineBlock19 x={273} ref={"root"} />;
765 - }
766 -};
767 -
768 -var LeftRight21 = function(props) {
769 - if (props.x === 34) {
770 - return (
771 - <div className={"clearfix"}>
772 - <div key={"left"} className={"_ohe lfloat"}>
773 - <div className={"_34_j"}>
774 - <div className={"_34_k"}>
775 - <AdsErrorBoundary10 x={10} />
776 - </div>
777 - <div className={"_2u-6"}>
778 - <AdsErrorBoundary10 x={14} />
779 - </div>
780 - </div>
781 - </div>
782 - <div key={"right"} className={"_ohf rfloat"}>
783 - <div className={"_34_m"}>
784 - <div key={"0"} className={"_5ju2"}>
785 - <AdsErrorBoundary10 x={28} />
786 - </div>
787 - <div key={"1"} className={"_5ju2"}>
788 - <AdsErrorBoundary10 x={33} />
789 - </div>
790 - </div>
791 - </div>
792 - </div>
793 - );
794 - }
795 - if (props.x === 232) {
796 - return (
797 - <div flex={"right"} direction={"left"} className={"clearfix"}>
798 - <div key={"left"} className={"_ohe lfloat"}>
799 - <AdsLabeledField104 x={231} />
800 - </div>
801 - <div key={"right"} className={""}>
802 - <div className={"_42ef"}>
803 - <div className={"_2oc7"}>{"Clicks to Website"}</div>
804 - </div>
805 - </div>
806 - </div>
807 - );
808 - }
809 - if (props.x === 235) {
810 - return (
811 - <div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
812 - <div key={"left"} className={"_ohe lfloat"}>
813 - <AdsLabeledField104 x={234} />
814 - </div>
815 - <div key={"right"} className={""}>
816 - <div className={"_42ef"}>
817 - <div className={"_2oc7"}>{"Auction"}</div>
818 - </div>
819 - </div>
820 - </div>
821 - );
822 - }
823 - if (props.x === 245) {
824 - return (
825 - <div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
826 - <div key={"left"} className={"_ohe lfloat"}>
827 - <AdsLabeledField104 x={240} />
828 - </div>
829 - <div key={"right"} className={""}>
830 - <div className={"_42ef"}>
831 - <FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
832 - </div>
833 - </div>
834 - </div>
835 - );
836 - }
837 - if (props.x === 277) {
838 - return (
839 - <div className={"_5dw9 _5dwa clearfix"}>
840 - <div key={"left"} className={"_ohe lfloat"}>
841 - <XUICardHeaderTitle100 x={265} key={".0"} />
842 - </div>
843 - <div key={"right"} className={"_ohf rfloat"}>
844 - <FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
845 - </div>
846 - </div>
847 - );
848 - }
849 -};
850 -
851 -var AdsUnifiedNavigationLocalNav22 = function(props) {
852 - if (props.x === 35) {
853 - return (
854 - <div className={"_34_i"}>
855 - <LeftRight21 x={34} />
856 - </div>
857 - );
858 - }
859 -};
860 -
861 -var XUIDialog23 = function(props) {
862 - if (props.x === 36) {
863 - return null;
864 - }
865 -};
866 -
867 -var AdsPEResetDialog24 = function(props) {
868 - if (props.x === 37) {
869 - return (
870 - <span>
871 - <XUIDialog23 x={36} key={"dialog/.0"} />
872 - </span>
873 - );
874 - }
875 -};
876 -
877 -var AdsPETopNav25 = function(props) {
878 - if (props.x === 40) {
879 - return (
880 - <div style={{"width":1306}}>
881 - <AdsUnifiedNavigationLocalNav22 x={35} />
882 - <AdsErrorBoundary10 x={39} />
883 - </div>
884 - );
885 - }
886 -};
887 -
888 -var FluxContainer_AdsPETopNavContainer_26 = function(props) {
889 - if (props.x === 41) {
890 - return <AdsPETopNav25 x={40} />;
891 - }
892 -};
893 -
894 -var XUIAbstractGlyphButton27 = function(props) {
895 - if (props.x === 46) {
896 - return <AbstractButton3 x={45} />;
897 - }
898 - if (props.x === 150) {
899 - return <AbstractButton3 x={149} />;
900 - }
901 -};
902 -
903 -var XUICloseButton28 = function(props) {
904 - if (props.x === 47) {
905 - return <XUIAbstractGlyphButton27 x={46} />;
906 - }
907 - if (props.x === 151) {
908 - return <XUIAbstractGlyphButton27 x={150} />;
909 - }
910 -};
911 -
912 -var XUIText29 = function(props) {
913 - if (props.x === 48) {
914 - return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
915 - }
916 - if (props.x === 205) {
917 - return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
918 - }
919 - if (props.x === 206) {
920 - return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
921 - }
922 -};
923 -
924 -var XUINotice30 = function(props) {
925 - if (props.x === 51) {
926 - return (
927 - <div size={"medium"} className={"_585n _585o _2wdd"}>
928 - <ReactImage0 x={42} />
929 - <XUICloseButton28 x={47} />
930 - <div className={"_585r _2i-a _50f4"}>
931 - {"Please go to "}
932 - <Link2 x={50} />
933 - {" to set up a payment method for this ad account."}
934 - </div>
935 - </div>
936 - );
937 - }
938 -};
939 -
940 -var ReactCSSTransitionGroupChild31 = function(props) {
941 - if (props.x === 52) {
942 - return <XUINotice30 x={51} />;
943 - }
944 -};
945 -
946 -var ReactTransitionGroup32 = function(props) {
947 - if (props.x === 53) {
948 - return (
949 - <span>
950 - <ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
951 - </span>
952 - );
953 - }
954 -};
955 -
956 -var ReactCSSTransitionGroup33 = function(props) {
957 - if (props.x === 54) {
958 - return <ReactTransitionGroup32 x={53} />;
959 - }
960 -};
961 -
962 -var AdsPETopError34 = function(props) {
963 - if (props.x === 55) {
964 - return (
965 - <div className={"_2wdc"}>
966 - <ReactCSSTransitionGroup33 x={54} />
967 - </div>
968 - );
969 - }
970 -};
971 -
972 -var FluxContainer_AdsPETopErrorContainer_35 = function(props) {
973 - if (props.x === 56) {
974 - return <AdsPETopError34 x={55} />;
975 - }
976 -};
977 -
978 -var FluxContainer_AdsGuidanceChannel_36 = function(props) {
979 - if (props.x === 59) {
980 - return null;
981 - }
982 -};
983 -
984 -var ResponsiveBlock37 = function(props) {
985 - if (props.x === 62) {
986 - return (
987 - <div onResize={function() {}} className={"_4u-c"}>
988 - {[
989 - <AdsErrorBoundary10 x={58} />,
990 - <AdsErrorBoundary10 x={61} />,
991 - ]}
992 - <div key={"sensor"} className={"_4u-f"}>
993 - <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
994 - </div>
995 - </div>
996 - );
997 - }
998 - if (props.x === 469) {
999 - return (
1000 - <div onResize={function() {}} className={"_4u-c"}>
1001 - <AdsPEDataTableContainer158 x={468} />
1002 - <div key={"sensor"} className={"_4u-f"}>
1003 - <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1004 - </div>
1005 - </div>
1006 - );
1007 - }
1008 -};
1009 -
1010 -var FluxContainer_AdsBulkEditDialogContainer_38 = function(props) {
1011 - if (props.x === 63) {
1012 - return null;
1013 - }
1014 -};
1015 -
1016 -var Column39 = function(props) {
1017 - if (props.x === 66) {
1018 - return (
1019 - <div className={"_4bl8 _4bl7"}>
1020 - <div className={"_3c5f"}>
1021 - {null}
1022 - {null}
1023 - <div className={"_3c5i"}></div>
1024 - {null}
1025 - </div>
1026 - </div>
1027 - );
1028 - }
1029 -};
1030 -
1031 -var XUIButtonGroup40 = function(props) {
1032 - if (props.x === 75) {
1033 - return (
1034 - <div className={"_5n7z _51xa"}>
1035 - <XUIButton4 x={69} />
1036 - <ReactPopoverMenu20 x={74} />
1037 - </div>
1038 - );
1039 - }
1040 - if (props.x === 84) {
1041 - return (
1042 - <div className={"_5n7z _51xa"}>
1043 - <XUIButton4 x={78} key={"edit"} />
1044 - <ReactPopoverMenu20 x={83} key={"editMenu"} />
1045 - </div>
1046 - );
1047 - }
1048 - if (props.x === 97) {
1049 - return (
1050 - <div className={"_5n7z _51xa"}>
1051 - <XUIButton4 x={90} key={"revert"} />
1052 - <XUIButton4 x={93} key={"delete"} />
1053 - <XUIButton4 x={96} key={"duplicate"} />
1054 - </div>
1055 - );
1056 - }
1057 - if (props.x === 117) {
1058 - return (
1059 - <div className={"_5n7z _51xa"}>
1060 - <AdsPEExportImportMenuContainer48 x={107} />
1061 - <XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
1062 - <AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
1063 - </div>
1064 - );
1065 - }
1066 -};
1067 -
1068 -var AdsPEEditToolbarButton41 = function(props) {
1069 - if (props.x === 85) {
1070 - return <XUIButtonGroup40 x={84} />;
1071 - }
1072 -};
1073 -
1074 -var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function(props) {
1075 - if (props.x === 86) {
1076 - return <AdsPEEditToolbarButton41 x={85} />;
1077 - }
1078 -};
1079 -
1080 -var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function(props) {
1081 - if (props.x === 87) {
1082 - return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
1083 - }
1084 -};
1085 -
1086 -var AdsPEExportImportMenu44 = function(props) {
1087 - if (props.x === 103) {
1088 - return <ReactPopoverMenu20 x={102} key={"export"} />;
1089 - }
1090 -};
1091 -
1092 -var FluxContainer_AdsPECustomizeExportContainer_45 = function(props) {
1093 - if (props.x === 104) {
1094 - return null;
1095 - }
1096 -};
1097 -
1098 -var AdsPEExportAsTextDialog46 = function(props) {
1099 - if (props.x === 105) {
1100 - return null;
1101 - }
1102 -};
1103 -
1104 -var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function(props) {
1105 - if (props.x === 106) {
1106 - return <AdsPEExportAsTextDialog46 x={105} />;
1107 - }
1108 -};
1109 -
1110 -var AdsPEExportImportMenuContainer48 = function(props) {
1111 - if (props.x === 107) {
1112 - return (
1113 - <span>
1114 - <AdsPEExportImportMenu44 x={103} />
1115 - <FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
1116 - <FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
1117 - {null}
1118 - {null}
1119 - </span>
1120 - );
1121 - }
1122 -};
1123 -
1124 -var Constructor49 = function(props) {
1125 - if (props.x === 114) {
1126 - return null;
1127 - }
1128 - if (props.x === 142) {
1129 - return null;
1130 - }
1131 - if (props.x === 143) {
1132 - return null;
1133 - }
1134 - if (props.x === 183) {
1135 - return null;
1136 - }
1137 -};
1138 -
1139 -var TagSelectorPopover50 = function(props) {
1140 - if (props.x === 115) {
1141 - return (
1142 - <span className={" _3d6e"}>
1143 - <XUIButton4 x={113} ref={"button"} />
1144 - <Constructor49 x={114} key={"layer"} ref={"layer"} />
1145 - </span>
1146 - );
1147 - }
1148 -};
1149 -
1150 -var AdsPECampaignGroupTagContainer51 = function(props) {
1151 - if (props.x === 116) {
1152 - return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
1153 - }
1154 -};
1155 -
1156 -var AdsRuleToolbarMenu52 = function(props) {
1157 - if (props.x === 118) {
1158 - return null;
1159 - }
1160 -};
1161 -
1162 -var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function(props) {
1163 - if (props.x === 119) {
1164 - return <AdsRuleToolbarMenu52 x={118} />;
1165 - }
1166 -};
1167 -
1168 -var FillColumn54 = function(props) {
1169 - if (props.x === 120) {
1170 - return (
1171 - <div className={"_4bl9"}>
1172 - <span className={"_3c5e"}>
1173 - <span>
1174 - <XUIButtonGroup40 x={75} />
1175 - <FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
1176 - {null}
1177 - <XUIButtonGroup40 x={97} />
1178 - </span>
1179 - <XUIButtonGroup40 x={117} />
1180 - <FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
1181 - </span>
1182 - </div>
1183 - );
1184 - }
1185 -};
1186 -
1187 -var Layout55 = function(props) {
1188 - if (props.x === 121) {
1189 - return (
1190 - <div className={"clearfix"}>
1191 - <Column39 x={66} key={"1"} />
1192 - <FillColumn54 x={120} key={"0"} />
1193 - </div>
1194 - );
1195 - }
1196 -};
1197 -
1198 -var AdsPEMainPaneToolbar56 = function(props) {
1199 - if (props.x === 122) {
1200 - return (
1201 - <div className={"_3c5b clearfix"}>
1202 - <Layout55 x={121} />
1203 - </div>
1204 - );
1205 - }
1206 -};
1207 -
1208 -var AdsPECampaignGroupToolbarContainer57 = function(props) {
1209 - if (props.x === 123) {
1210 - return <AdsPEMainPaneToolbar56 x={122} />;
1211 - }
1212 -};
1213 -
1214 -var AdsPEFiltersPopover58 = function(props) {
1215 - if (props.x === 144) {
1216 - return (
1217 - <span className={"_5b-l _5bbe"}>
1218 - <ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
1219 - <ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
1220 - {[
1221 - <Constructor49 x={142} key={"filterMenu/.0"} />,
1222 - <Constructor49 x={143} key={"searchMenu/.0"} />,
1223 - ]}
1224 - </span>
1225 - );
1226 - }
1227 -};
1228 -
1229 -var AbstractCheckboxInput59 = function(props) {
1230 - if (props.x === 145) {
1231 - return (
1232 - <label className={"uiInputLabelInput _55sg _kv1"}>
1233 - <input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
1234 - <span data-hover={null} data-tooltip-content={undefined}></span>
1235 - </label>
1236 - );
1237 - }
1238 - if (props.x === 336) {
1239 - return (
1240 - <label className={"_4h2r _55sg _kv1"}>
1241 - <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1242 - <span data-hover={null} data-tooltip-content={undefined}></span>
1243 - </label>
1244 - );
1245 - }
1246 -};
1247 -
1248 -var XUICheckboxInput60 = function(props) {
1249 - if (props.x === 146) {
1250 - return <AbstractCheckboxInput59 x={145} />;
1251 - }
1252 - if (props.x === 337) {
1253 - return <AbstractCheckboxInput59 x={336} />;
1254 - }
1255 -};
1256 -
1257 -var InputLabel61 = function(props) {
1258 - if (props.x === 147) {
1259 - return (
1260 - <div display={"block"} className={"uiInputLabel clearfix"}>
1261 - <XUICheckboxInput60 x={146} />
1262 - <label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
1263 - </div>
1264 - );
1265 - }
1266 -};
1267 -
1268 -var AdsPopoverLink62 = function(props) {
1269 - if (props.x === 154) {
1270 - return (
1271 - <span>
1272 - <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1273 - <span className={"_3o_j"}></span>
1274 - <ReactImage0 x={153} />
1275 - </span>
1276 - {null}
1277 - </span>
1278 - );
1279 - }
1280 - if (props.x === 238) {
1281 - return (
1282 - <span>
1283 - <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1284 - <span className={"_3o_j"}></span>
1285 - <ReactImage0 x={237} />
1286 - </span>
1287 - {null}
1288 - </span>
1289 - );
1290 - }
1291 -};
1292 -
1293 -var AdsHelpLink63 = function(props) {
1294 - if (props.x === 155) {
1295 - return <AdsPopoverLink62 x={154} />;
1296 - }
1297 - if (props.x === 239) {
1298 - return <AdsPopoverLink62 x={238} />;
1299 - }
1300 -};
1301 -
1302 -var BUIFilterTokenInput64 = function(props) {
1303 - if (props.x === 158) {
1304 - return (
1305 - <div className={"_5b5o _3yz3 _4cld"}>
1306 - <div className={"_5b5t _2d2k"}>
1307 - <ReactImage0 x={152} />
1308 - <div className={"_5b5r"}>
1309 - {"Campaigns: (1)"}
1310 - <AdsHelpLink63 x={155} />
1311 - </div>
1312 - </div>
1313 - <XUIButton4 x={157} />
1314 - </div>
1315 - );
1316 - }
1317 -};
1318 -
1319 -var BUIFilterToken65 = function(props) {
1320 - if (props.x === 159) {
1321 - return (
1322 - <div className={"_3yz1 _3yz2 _3dad"}>
1323 - <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
1324 - <div onClick={function() {}} className={"_3yz5"}>
1325 - <ReactImage0 x={148} />
1326 - <div className={"_3yz7"}>{"Campaigns:"}</div>
1327 - <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
1328 - </div>
1329 - {null}
1330 - <XUICloseButton28 x={151} />
1331 - </div>
1332 - <BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
1333 - </div>
1334 - );
1335 - }
1336 -};
1337 -
1338 -var BUIFilterTokenCreateButton66 = function(props) {
1339 - if (props.x === 163) {
1340 - return (
1341 - <div className={"_1tc"}>
1342 - <XUIButton4 x={162} />
1343 - </div>
1344 - );
1345 - }
1346 -};
1347 -
1348 -var BUIFilterTokenizer67 = function(props) {
1349 - if (props.x === 164) {
1350 - return (
1351 - <div className={"_5b-m clearfix"}>
1352 - {undefined}
1353 - {[]}
1354 - <BUIFilterToken65 x={159} key={"token0"} />
1355 - <BUIFilterTokenCreateButton66 x={163} />
1356 - {null}
1357 - <div className={"_49u3"}></div>
1358 - </div>
1359 - );
1360 - }
1361 -};
1362 -
1363 -var XUIAmbientNUX68 = function(props) {
1364 - if (props.x === 165) {
1365 - return null;
1366 - }
1367 - if (props.x === 189) {
1368 - return null;
1369 - }
1370 - if (props.x === 200) {
1371 - return null;
1372 - }
1373 -};
1374 -
1375 -var XUIAmbientNUX69 = function(props) {
1376 - if (props.x === 166) {
1377 - return <XUIAmbientNUX68 x={165} />;
1378 - }
1379 - if (props.x === 190) {
1380 - return <XUIAmbientNUX68 x={189} />;
1381 - }
1382 - if (props.x === 201) {
1383 - return <XUIAmbientNUX68 x={200} />;
1384 - }
1385 -};
1386 -
1387 -var AdsPEAmbientNUXMegaphone70 = function(props) {
1388 - if (props.x === 167) {
1389 - return (
1390 - <span>
1391 - <span ref={"mainChild"}></span>
1392 - <XUIAmbientNUX69 x={166} key={"nux"} />
1393 - </span>
1394 - );
1395 - }
1396 -};
1397 -
1398 -var AdsPEFilters71 = function(props) {
1399 - if (props.x === 168) {
1400 - return (
1401 - <div className={"_4rw_"}>
1402 - <AdsPEFiltersPopover58 x={144} />
1403 - <div className={"_1eo"}>
1404 - <InputLabel61 x={147} />
1405 - </div>
1406 - <BUIFilterTokenizer67 x={164} />
1407 - {""}
1408 - <AdsPEAmbientNUXMegaphone70 x={167} />
1409 - </div>
1410 - );
1411 - }
1412 -};
1413 -
1414 -var AdsPEFilterContainer72 = function(props) {
1415 - if (props.x === 169) {
1416 - return <AdsPEFilters71 x={168} />;
1417 - }
1418 -};
1419 -
1420 -var AdsPETablePager73 = function(props) {
1421 - if (props.x === 172) {
1422 - return null;
1423 - }
1424 -};
1425 -
1426 -var AdsPECampaignGroupTablePagerContainer74 = function(props) {
1427 - if (props.x === 173) {
1428 - return <AdsPETablePager73 x={172} />;
1429 - }
1430 -};
1431 -
1432 -var AdsPETablePagerContainer75 = function(props) {
1433 - if (props.x === 174) {
1434 - return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
1435 - }
1436 -};
1437 -
1438 -var ReactXUIError76 = function(props) {
1439 - if (props.x === 181) {
1440 - return <AbstractButton3 x={180} />;
1441 - }
1442 - if (props.x === 216) {
1443 - return (
1444 - <div className={"_40bf _2vl4 _1h18"}>
1445 - {null}
1446 - {null}
1447 - <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
1448 - <div className={"_2vla _1h1g"}>
1449 - <div>
1450 - {null}
1451 - <textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
1452 - {null}
1453 - </div>
1454 - <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
1455 - </div>
1456 - </div>
1457 - {null}
1458 - </div>
1459 - );
1460 - }
1461 - if (props.x === 221) {
1462 - return <XUICard94 x={220} />;
1463 - }
1464 - if (props.x === 250) {
1465 - return <XUICard94 x={249} />;
1466 - }
1467 - if (props.x === 280) {
1468 - return <XUICard94 x={279} />;
1469 - }
1470 -};
1471 -
1472 -var BUIPopoverButton77 = function(props) {
1473 - if (props.x === 182) {
1474 - return <ReactXUIError76 x={181} />;
1475 - }
1476 -};
1477 -
1478 -var BUIDateRangePicker78 = function(props) {
1479 - if (props.x === 184) {
1480 - return (
1481 - <span>
1482 - <BUIPopoverButton77 x={182} ref={function() {}} />
1483 - {[
1484 - <Constructor49 x={183} key={"layer/.0"} />,
1485 - ]}
1486 - </span>
1487 - );
1488 - }
1489 -};
1490 -
1491 -var AdsPEStatsRangePicker79 = function(props) {
1492 - if (props.x === 185) {
1493 - return <BUIDateRangePicker78 x={184} />;
1494 - }
1495 -};
1496 -
1497 -var AdsPEStatRange80 = function(props) {
1498 - if (props.x === 191) {
1499 - return (
1500 - <div className={"_3c5k"}>
1501 - <span className={"_3c5j"}>{"Stats:"}</span>
1502 - <span className={"_3c5l"}>
1503 - <AdsPEStatsRangePicker79 x={185} />
1504 - <XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
1505 - </span>
1506 - {[
1507 - <XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
1508 - ]}
1509 - </div>
1510 - );
1511 - }
1512 -};
1513 -
1514 -var AdsPEStatRangeContainer81 = function(props) {
1515 - if (props.x === 192) {
1516 - return <AdsPEStatRange80 x={191} />;
1517 - }
1518 -};
1519 -
1520 -var AdsPESideTrayTabButton82 = function(props) {
1521 - if (props.x === 196) {
1522 - return (
1523 - <div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
1524 - <ReactImage0 x={195} />
1525 - <div className={"_vf7"}></div>
1526 - <div className={"_vf8"}></div>
1527 - </div>
1528 - );
1529 - }
1530 - if (props.x === 199) {
1531 - return (
1532 - <div className={" _1-lz _d9a"} onClick={function() {}}>
1533 - <ReactImage0 x={198} />
1534 - <div className={"_vf7"}></div>
1535 - <div className={"_vf8"}></div>
1536 - </div>
1537 - );
1538 - }
1539 - if (props.x === 203) {
1540 - return null;
1541 - }
1542 -};
1543 -
1544 -var AdsPEEditorTrayTabButton83 = function(props) {
1545 - if (props.x === 197) {
1546 - return <AdsPESideTrayTabButton82 x={196} />;
1547 - }
1548 -};
1549 -
1550 -var AdsPEInsightsTrayTabButton84 = function(props) {
1551 - if (props.x === 202) {
1552 - return (
1553 - <span>
1554 - <AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
1555 - <XUIAmbientNUX69 x={201} key={"roasNUX"} />
1556 - </span>
1557 - );
1558 - }
1559 -};
1560 -
1561 -var AdsPENekoDebuggerTrayTabButton85 = function(props) {
1562 - if (props.x === 204) {
1563 - return <AdsPESideTrayTabButton82 x={203} />;
1564 - }
1565 -};
1566 -
1567 -var AdsPEEditorChildLink86 = function(props) {
1568 - if (props.x === 211) {
1569 - return (
1570 - <div className={"_3ywr"}>
1571 - <Link2 x={208} />
1572 - <span className={"_3ywq"}>{"|"}</span>
1573 - <Link2 x={210} />
1574 - </div>
1575 - );
1576 - }
1577 -};
1578 -
1579 -var AdsPEEditorChildLinkContainer87 = function(props) {
1580 - if (props.x === 212) {
1581 - return <AdsPEEditorChildLink86 x={211} />;
1582 - }
1583 -};
1584 -
1585 -var AdsPEHeaderSection88 = function(props) {
1586 - if (props.x === 213) {
1587 - return (
1588 - <div className={"_yke"}>
1589 - <div className={"_2x9d _pr-"}></div>
1590 - <XUIText29 x={205} />
1591 - <div className={"_3a-a"}>
1592 - <div className={"_3a-b"}>
1593 - <XUIText29 x={206} />
1594 - </div>
1595 - </div>
1596 - <AdsPEEditorChildLinkContainer87 x={212} />
1597 - </div>
1598 - );
1599 - }
1600 -};
1601 -
1602 -var AdsPECampaignGroupHeaderSectionContainer89 = function(props) {
1603 - if (props.x === 214) {
1604 - return <AdsPEHeaderSection88 x={213} />;
1605 - }
1606 -};
1607 -
1608 -var AdsEditorLoadingErrors90 = function(props) {
1609 - if (props.x === 215) {
1610 - return null;
1611 - }
1612 -};
1613 -
1614 -var AdsTextInput91 = function(props) {
1615 - if (props.x === 217) {
1616 - return <ReactXUIError76 x={216} />;
1617 - }
1618 -};
1619 -
1620 -var BUIFormElement92 = function(props) {
1621 - if (props.x === 218) {
1622 - return (
1623 - <div className={"_5521 clearfix"}>
1624 - <div className={"_5522 _3w5q"}>
1625 - <label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
1626 - {"Campaign Name"}
1627 - {null}
1628 - </label>
1629 - </div>
1630 - <div className={"_5527"}>
1631 - <div className={"_5528"}>
1632 - <span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
1633 - <AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
1634 - {null}
1635 - </span>
1636 - </div>
1637 - {null}
1638 - </div>
1639 - </div>
1640 - );
1641 - }
1642 -};
1643 -
1644 -var BUIForm93 = function(props) {
1645 - if (props.x === 219) {
1646 - return (
1647 - <div className={"_5ks1 _550r _550t _550y _3w5n"}>
1648 - <BUIFormElement92 x={218} key={".0"} />
1649 - </div>
1650 - );
1651 - }
1652 -};
1653 -
1654 -var XUICard94 = function(props) {
1655 - if (props.x === 220) {
1656 - return (
1657 - <div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
1658 - <BUIForm93 x={219} />
1659 - </div>
1660 - );
1661 - }
1662 - if (props.x === 249) {
1663 - return (
1664 - <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1665 - <AdsCardHeader103 x={230} />
1666 - <AdsCardSection108 x={248} />
1667 - </div>
1668 - );
1669 - }
1670 - if (props.x === 279) {
1671 - return (
1672 - <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1673 - <AdsCardLeftRightHeader122 x={278} />
1674 - </div>
1675 - );
1676 - }
1677 -};
1678 -
1679 -var AdsCard95 = function(props) {
1680 - if (props.x === 222) {
1681 - return <ReactXUIError76 x={221} />;
1682 - }
1683 - if (props.x === 251) {
1684 - return <ReactXUIError76 x={250} />;
1685 - }
1686 - if (props.x === 281) {
1687 - return <ReactXUIError76 x={280} />;
1688 - }
1689 -};
1690 -
1691 -var AdsEditorNameSection96 = function(props) {
1692 - if (props.x === 223) {
1693 - return <AdsCard95 x={222} />;
1694 - }
1695 -};
1696 -
1697 -var AdsCampaignGroupNameSectionContainer97 = function(props) {
1698 - if (props.x === 224) {
1699 - return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
1700 - }
1701 -};
1702 -
1703 -var _render98 = function(props) {
1704 - if (props.x === 225) {
1705 - return <AdsCampaignGroupNameSectionContainer97 x={224} />;
1706 - }
1707 -};
1708 -
1709 -var AdsPluginWrapper99 = function(props) {
1710 - if (props.x === 226) {
1711 - return <_render98 x={225} />;
1712 - }
1713 - if (props.x === 255) {
1714 - return <_render111 x={254} />;
1715 - }
1716 - if (props.x === 258) {
1717 - return <_render113 x={257} />;
1718 - }
1719 - if (props.x === 287) {
1720 - return <_render127 x={286} />;
1721 - }
1722 - if (props.x === 291) {
1723 - return <_render130 x={290} />;
1724 - }
1725 -};
1726 -
1727 -var XUICardHeaderTitle100 = function(props) {
1728 - if (props.x === 227) {
1729 - return (
1730 - <span itemComponent={"span"} className={"_38my"}>
1731 - {"Campaign Details"}
1732 - {null}
1733 - <span className={"_c1c"}></span>
1734 - </span>
1735 - );
1736 - }
1737 - if (props.x === 265) {
1738 - return (
1739 - <span itemComponent={"span"} className={"_38my"}>
1740 - {[
1741 - <span>
1742 - {"Campaign ID"}
1743 - {": "}
1744 - {"98010048849317"}
1745 - </span>,
1746 - <div className={"_5lh9"}>
1747 - <FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
1748 - </div>,
1749 - ]}
1750 - {null}
1751 - <span className={"_c1c"}></span>
1752 - </span>
1753 - );
1754 - }
1755 -};
1756 -
1757 -var XUICardSection101 = function(props) {
1758 - if (props.x === 228) {
1759 - return (
1760 - <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
1761 - {[
1762 - <XUICardHeaderTitle100 x={227} key={".0"} />,
1763 - ]}
1764 - {undefined}
1765 - {undefined}
1766 - <div className={"_3s3-"}></div>
1767 - </div>
1768 - );
1769 - }
1770 - if (props.x === 247) {
1771 - return (
1772 - <div className={"_12jy _4-u3"} background={"transparent"}>
1773 - <div className={"_3-8j"}>
1774 - <FlexibleBlock105 x={233} />
1775 - <FlexibleBlock105 x={236} />
1776 - <FlexibleBlock105 x={246} />
1777 - {null}
1778 - {null}
1779 - </div>
1780 - </div>
1781 - );
1782 - }
1783 -};
1784 -
1785 -var XUICardHeader102 = function(props) {
1786 - if (props.x === 229) {
1787 - return <XUICardSection101 x={228} />;
1788 - }
1789 -};
1790 -
1791 -var AdsCardHeader103 = function(props) {
1792 - if (props.x === 230) {
1793 - return <XUICardHeader102 x={229} />;
1794 - }
1795 -};
1796 -
1797 -var AdsLabeledField104 = function(props) {
1798 - if (props.x === 231) {
1799 - return (
1800 - <div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
1801 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
1802 - {null}
1803 - <div className={"_3bv-"}></div>
1804 - </div>
1805 - );
1806 - }
1807 - if (props.x === 234) {
1808 - return (
1809 - <div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
1810 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
1811 - {null}
1812 - <div className={"_3bv-"}></div>
1813 - </div>
1814 - );
1815 - }
1816 - if (props.x === 240) {
1817 - return (
1818 - <div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
1819 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
1820 - <AdsHelpLink63 x={239} />
1821 - <div className={"_3bv-"}></div>
1822 - </div>
1823 - );
1824 - }
1825 -};
1826 -
1827 -var FlexibleBlock105 = function(props) {
1828 - if (props.x === 233) {
1829 - return <LeftRight21 x={232} />;
1830 - }
1831 - if (props.x === 236) {
1832 - return <LeftRight21 x={235} />;
1833 - }
1834 - if (props.x === 246) {
1835 - return <LeftRight21 x={245} />;
1836 - }
1837 -};
1838 -
1839 -var AdsBulkCampaignSpendCapField106 = function(props) {
1840 - if (props.x === 243) {
1841 - return (
1842 - <div className={"_33dv"}>
1843 - {""}
1844 - <Link2 x={242} />
1845 - {" (optional)"}
1846 - </div>
1847 - );
1848 - }
1849 -};
1850 -
1851 -var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function(props) {
1852 - if (props.x === 244) {
1853 - return <AdsBulkCampaignSpendCapField106 x={243} />;
1854 - }
1855 -};
1856 -
1857 -var AdsCardSection108 = function(props) {
1858 - if (props.x === 248) {
1859 - return <XUICardSection101 x={247} />;
1860 - }
1861 -};
1862 -
1863 -var AdsEditorCampaignGroupDetailsSection109 = function(props) {
1864 - if (props.x === 252) {
1865 - return <AdsCard95 x={251} />;
1866 - }
1867 -};
1868 -
1869 -var AdsEditorCampaignGroupDetailsSectionContainer110 = function(props) {
1870 - if (props.x === 253) {
1871 - return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
1872 - }
1873 -};
1874 -
1875 -var _render111 = function(props) {
1876 - if (props.x === 254) {
1877 - return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
1878 - }
1879 -};
1880 -
1881 -var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function(props) {
1882 - if (props.x === 256) {
1883 - return null;
1884 - }
1885 -};
1886 -
1887 -var _render113 = function(props) {
1888 - if (props.x === 257) {
1889 - return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
1890 - }
1891 -};
1892 -
1893 -var AdsStickyArea114 = function(props) {
1894 - if (props.x === 259) {
1895 - return (
1896 - <div inContainingBlock={true}>
1897 - <div ref={"sticky"} onWheel={function() {}}></div>
1898 - </div>
1899 - );
1900 - }
1901 - if (props.x === 292) {
1902 - return (
1903 - <div inContainingBlock={true}>
1904 - <div ref={"sticky"} onWheel={function() {}}>
1905 - {[
1906 - <div key={"campaign_group_errors_section98010048849317"}>
1907 - <AdsPluginWrapper99 x={291} />
1908 - </div>,
1909 - ]}
1910 - </div>
1911 - </div>
1912 - );
1913 - }
1914 -};
1915 -
1916 -var FluxContainer_AdsEditorColumnContainer_115 = function(props) {
1917 - if (props.x === 260) {
1918 - return (
1919 - <div>
1920 - {[
1921 - <div key={"campaign_group_name_section98010048849317"}>
1922 - <AdsPluginWrapper99 x={226} />
1923 - </div>,
1924 - <div key={"campaign_group_basic_section98010048849317"}>
1925 - <AdsPluginWrapper99 x={255} />
1926 - </div>,
1927 - <div key={"campaign_group_topline_section98010048849317"}>
1928 - <AdsPluginWrapper99 x={258} />
1929 - </div>,
1930 - ]}
1931 - <AdsStickyArea114 x={259} />
1932 - </div>
1933 - );
1934 - }
1935 - if (props.x === 293) {
1936 - return (
1937 - <div>
1938 - {[
1939 - <div key={"campaign_group_navigation_section98010048849317"}>
1940 - <AdsPluginWrapper99 x={287} />
1941 - </div>,
1942 - ]}
1943 - <AdsStickyArea114 x={292} />
1944 - </div>
1945 - );
1946 - }
1947 -};
1948 -
1949 -var BUISwitch116 = function(props) {
1950 - if (props.x === 261) {
1951 - return (
1952 - <div data-hover={"tooltip"} data-tooltip-content={"Currently active. Click this switch to deactivate it."} data-tooltip-position={"below"} disabled={false} value={true} onToggle={function() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
1953 - <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
1954 - <div className={"_128p"}></div>
1955 - </div>
1956 - {null}
1957 - </div>
1958 - );
1959 - }
1960 -};
1961 -
1962 -var AdsStatusSwitchInternal117 = function(props) {
1963 - if (props.x === 262) {
1964 - return <BUISwitch116 x={261} />;
1965 - }
1966 -};
1967 -
1968 -var AdsStatusSwitch118 = function(props) {
1969 - if (props.x === 263) {
1970 - return <AdsStatusSwitchInternal117 x={262} />;
1971 - }
1972 -};
1973 -
1974 -var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function(props) {
1975 - if (props.x === 264) {
1976 - return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
1977 - }
1978 -};
1979 -
1980 -var AdsLinksMenu120 = function(props) {
1981 - if (props.x === 275) {
1982 - return <ReactPopoverMenu20 x={274} />;
1983 - }
1984 -};
1985 -
1986 -var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function(props) {
1987 - if (props.x === 276) {
1988 - return (
1989 - <div>
1990 - {null}
1991 - <AdsLinksMenu120 x={275} />
1992 - </div>
1993 - );
1994 - }
1995 -};
1996 -
1997 -var AdsCardLeftRightHeader122 = function(props) {
1998 - if (props.x === 278) {
1999 - return <LeftRight21 x={277} />;
2000 - }
2001 -};
2002 -
2003 -var AdsPEIDSection123 = function(props) {
2004 - if (props.x === 282) {
2005 - return <AdsCard95 x={281} />;
2006 - }
2007 -};
2008 -
2009 -var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function(props) {
2010 - if (props.x === 283) {
2011 - return <AdsPEIDSection123 x={282} />;
2012 - }
2013 -};
2014 -
2015 -var DeferredComponent125 = function(props) {
2016 - if (props.x === 284) {
2017 - return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
2018 - }
2019 -};
2020 -
2021 -var BootloadedComponent126 = function(props) {
2022 - if (props.x === 285) {
2023 - return <DeferredComponent125 x={284} />;
2024 - }
2025 -};
2026 -
2027 -var _render127 = function(props) {
2028 - if (props.x === 286) {
2029 - return <BootloadedComponent126 x={285} />;
2030 - }
2031 -};
2032 -
2033 -var AdsEditorErrorsCard128 = function(props) {
2034 - if (props.x === 288) {
2035 - return null;
2036 - }
2037 -};
2038 -
2039 -var FluxContainer_FunctionalContainer_129 = function(props) {
2040 - if (props.x === 289) {
2041 - return <AdsEditorErrorsCard128 x={288} />;
2042 - }
2043 -};
2044 -
2045 -var _render130 = function(props) {
2046 - if (props.x === 290) {
2047 - return <FluxContainer_FunctionalContainer_129 x={289} />;
2048 - }
2049 -};
2050 -
2051 -var AdsEditorMultiColumnLayout131 = function(props) {
2052 - if (props.x === 294) {
2053 - return (
2054 - <div className={"_psh"}>
2055 - <div className={"_3cc0"}>
2056 - <div>
2057 - <AdsEditorLoadingErrors90 x={215} key={".0"} />
2058 - <div className={"_3ms3"}>
2059 - <div className={"_3ms4"}>
2060 - <FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
2061 - </div>
2062 - <div className={"_3pvg"}>
2063 - <FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
2064 - </div>
2065 - </div>
2066 - </div>
2067 - </div>
2068 - </div>
2069 - );
2070 - }
2071 -};
2072 -
2073 -var AdsPECampaignGroupEditor132 = function(props) {
2074 - if (props.x === 295) {
2075 - return (
2076 - <div>
2077 - <AdsPECampaignGroupHeaderSectionContainer89 x={214} />
2078 - <AdsEditorMultiColumnLayout131 x={294} />
2079 - </div>
2080 - );
2081 - }
2082 -};
2083 -
2084 -var AdsPECampaignGroupEditorContainer133 = function(props) {
2085 - if (props.x === 296) {
2086 - return <AdsPECampaignGroupEditor132 x={295} />;
2087 - }
2088 -};
2089 -
2090 -var AdsPESideTrayTabContent134 = function(props) {
2091 - if (props.x === 297) {
2092 - return (
2093 - <div className={"_1o_8 _44ra _5cyn"}>
2094 - <AdsPECampaignGroupEditorContainer133 x={296} />
2095 - </div>
2096 - );
2097 - }
2098 -};
2099 -
2100 -var AdsPEEditorTrayTabContentContainer135 = function(props) {
2101 - if (props.x === 298) {
2102 - return <AdsPESideTrayTabContent134 x={297} />;
2103 - }
2104 -};
2105 -
2106 -var AdsPEMultiTabDrawer136 = function(props) {
2107 - if (props.x === 299) {
2108 - return (
2109 - <div className={"_2kev _2kex"}>
2110 - <div className={"_5yno"}>
2111 - <AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
2112 - <AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
2113 - <AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
2114 - </div>
2115 - <div className={"_5ynn"}>
2116 - <AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
2117 - {null}
2118 - </div>
2119 - </div>
2120 - );
2121 - }
2122 -};
2123 -
2124 -var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function(props) {
2125 - if (props.x === 300) {
2126 - return <AdsPEMultiTabDrawer136 x={299} />;
2127 - }
2128 -};
2129 -
2130 -var AdsPESimpleOrganizer138 = function(props) {
2131 - if (props.x === 309) {
2132 - return (
2133 - <div className={"_tm2"}>
2134 - <XUIButton4 x={304} />
2135 - <XUIButton4 x={306} />
2136 - <XUIButton4 x={308} />
2137 - </div>
2138 - );
2139 - }
2140 -};
2141 -
2142 -var AdsPEOrganizerContainer139 = function(props) {
2143 - if (props.x === 310) {
2144 - return (
2145 - <div>
2146 - <AdsPESimpleOrganizer138 x={309} />
2147 - </div>
2148 - );
2149 - }
2150 -};
2151 -
2152 -var FixedDataTableColumnResizeHandle140 = function(props) {
2153 - if (props.x === 313) {
2154 - return (
2155 - <div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
2156 - <div className={"_348a"} style={{"height":25}}></div>
2157 - </div>
2158 - );
2159 - }
2160 -};
2161 -
2162 -var AdsPETableHeader141 = function(props) {
2163 - if (props.x === 315) {
2164 - return (
2165 - <div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
2166 - <ReactImage0 x={314} />
2167 - <span className={"_1cid"}>{"Campaigns"}</span>
2168 - </div>
2169 - );
2170 - }
2171 - if (props.x === 320) {
2172 - return (
2173 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2174 - {null}
2175 - <span className={"_1cid"}>{"Performance"}</span>
2176 - </div>
2177 - );
2178 - }
2179 - if (props.x === 323) {
2180 - return (
2181 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2182 - {null}
2183 - <span className={"_1cid"}>{"Overview"}</span>
2184 - </div>
2185 - );
2186 - }
2187 - if (props.x === 326) {
2188 - return (
2189 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2190 - {null}
2191 - <span className={"_1cid"}>{"Toplines"}</span>
2192 - </div>
2193 - );
2194 - }
2195 - if (props.x === 329) {
2196 - return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
2197 - }
2198 - if (props.x === 340) {
2199 - return (
2200 - <div className={"_1cig _25fg"} id={undefined}>
2201 - {null}
2202 - <span className={"_1cid"}>{"Campaign Name"}</span>
2203 - </div>
2204 - );
2205 - }
2206 - if (props.x === 346) {
2207 - return (
2208 - <div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
2209 - <ReactImage0 x={345} />
2210 - {null}
2211 - </div>
2212 - );
2213 - }
2214 - if (props.x === 352) {
2215 - return (
2216 - <div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
2217 - <ReactImage0 x={351} />
2218 - {null}
2219 - </div>
2220 - );
2221 - }
2222 - if (props.x === 357) {
2223 - return (
2224 - <div className={"_1cig _25fg"} id={undefined}>
2225 - {null}
2226 - <span className={"_1cid"}>{"Status"}</span>
2227 - </div>
2228 - );
2229 - }
2230 - if (props.x === 362) {
2231 - return (
2232 - <div className={"_1cig _25fg"} id={undefined}>
2233 - {null}
2234 - <span className={"_1cid"}>{"Delivery"}</span>
2235 - </div>
2236 - );
2237 - }
2238 - if (props.x === 369) {
2239 - return (
2240 - <div className={"_1cig _25fg"} id={undefined}>
2241 - {null}
2242 - <span className={"_1cid"}>{"Results"}</span>
2243 - </div>
2244 - );
2245 - }
2246 - if (props.x === 374) {
2247 - return (
2248 - <div className={"_1cig _25fg"} id={undefined}>
2249 - {null}
2250 - <span className={"_1cid"}>{"Cost"}</span>
2251 - </div>
2252 - );
2253 - }
2254 - if (props.x === 379) {
2255 - return (
2256 - <div className={"_1cig _25fg"} id={undefined}>
2257 - {null}
2258 - <span className={"_1cid"}>{"Reach"}</span>
2259 - </div>
2260 - );
2261 - }
2262 - if (props.x === 384) {
2263 - return (
2264 - <div className={"_1cig _25fg"} id={undefined}>
2265 - {null}
2266 - <span className={"_1cid"}>{"Impressions"}</span>
2267 - </div>
2268 - );
2269 - }
2270 - if (props.x === 389) {
2271 - return (
2272 - <div className={"_1cig _25fg"} id={undefined}>
2273 - {null}
2274 - <span className={"_1cid"}>{"Clicks"}</span>
2275 - </div>
2276 - );
2277 - }
2278 - if (props.x === 394) {
2279 - return (
2280 - <div className={"_1cig _25fg"} id={undefined}>
2281 - {null}
2282 - <span className={"_1cid"}>{"Avg. CPM"}</span>
2283 - </div>
2284 - );
2285 - }
2286 - if (props.x === 399) {
2287 - return (
2288 - <div className={"_1cig _25fg"} id={undefined}>
2289 - {null}
2290 - <span className={"_1cid"}>{"Avg. CPC"}</span>
2291 - </div>
2292 - );
2293 - }
2294 - if (props.x === 404) {
2295 - return (
2296 - <div className={"_1cig _25fg"} id={undefined}>
2297 - {null}
2298 - <span className={"_1cid"}>{"CTR %"}</span>
2299 - </div>
2300 - );
2301 - }
2302 - if (props.x === 409) {
2303 - return (
2304 - <div className={"_1cig _25fg"} id={undefined}>
2305 - {null}
2306 - <span className={"_1cid"}>{"Spent"}</span>
2307 - </div>
2308 - );
2309 - }
2310 - if (props.x === 414) {
2311 - return (
2312 - <div className={"_1cig _25fg"} id={undefined}>
2313 - {null}
2314 - <span className={"_1cid"}>{"Objective"}</span>
2315 - </div>
2316 - );
2317 - }
2318 - if (props.x === 419) {
2319 - return (
2320 - <div className={"_1cig _25fg"} id={undefined}>
2321 - {null}
2322 - <span className={"_1cid"}>{"Buying Type"}</span>
2323 - </div>
2324 - );
2325 - }
2326 - if (props.x === 424) {
2327 - return (
2328 - <div className={"_1cig _25fg"} id={undefined}>
2329 - {null}
2330 - <span className={"_1cid"}>{"Campaign ID"}</span>
2331 - </div>
2332 - );
2333 - }
2334 - if (props.x === 429) {
2335 - return (
2336 - <div className={"_1cig _25fg"} id={undefined}>
2337 - {null}
2338 - <span className={"_1cid"}>{"Start"}</span>
2339 - </div>
2340 - );
2341 - }
2342 - if (props.x === 434) {
2343 - return (
2344 - <div className={"_1cig _25fg"} id={undefined}>
2345 - {null}
2346 - <span className={"_1cid"}>{"End"}</span>
2347 - </div>
2348 - );
2349 - }
2350 - if (props.x === 439) {
2351 - return (
2352 - <div className={"_1cig _25fg"} id={undefined}>
2353 - {null}
2354 - <span className={"_1cid"}>{"Date created"}</span>
2355 - </div>
2356 - );
2357 - }
2358 - if (props.x === 444) {
2359 - return (
2360 - <div className={"_1cig _25fg"} id={undefined}>
2361 - {null}
2362 - <span className={"_1cid"}>{"Date last edited"}</span>
2363 - </div>
2364 - );
2365 - }
2366 - if (props.x === 449) {
2367 - return (
2368 - <div className={"_1cig _25fg _4h2r"} id={undefined}>
2369 - {null}
2370 - <span className={"_1cid"}>{"Tags"}</span>
2371 - </div>
2372 - );
2373 - }
2374 - if (props.x === 452) {
2375 - return <div className={"_1cig _25fg _4h2r"} id={undefined}></div>;
2376 - }
2377 -};
2378 -
2379 -var TransitionCell142 = function(props) {
2380 - if (props.x === 316) {
2381 - return (
2382 - <div isHeaderCell={true} label={"Campaigns"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={721} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":721}}>
2383 - <div className={"_4lgd _4h2w"}>
2384 - <div className={"_4lge _4h2x"}>
2385 - <AdsPETableHeader141 x={315} />
2386 - </div>
2387 - </div>
2388 - </div>
2389 - );
2390 - }
2391 - if (props.x === 321) {
2392 - return (
2393 - <div isHeaderCell={true} label={"Performance"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={798} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":798}}>
2394 - <div className={"_4lgd _4h2w"}>
2395 - <div className={"_4lge _4h2x"}>
2396 - <AdsPETableHeader141 x={320} />
2397 - </div>
2398 - </div>
2399 - </div>
2400 - );
2401 - }
2402 - if (props.x === 324) {
2403 - return (
2404 - <div isHeaderCell={true} label={"Overview"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={1022} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":1022}}>
2405 - <div className={"_4lgd _4h2w"}>
2406 - <div className={"_4lge _4h2x"}>
2407 - <AdsPETableHeader141 x={323} />
2408 - </div>
2409 - </div>
2410 - </div>
2411 - );
2412 - }
2413 - if (props.x === 327) {
2414 - return (
2415 - <div isHeaderCell={true} label={"Toplines"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
2416 - <div className={"_4lgd _4h2w"}>
2417 - <div className={"_4lge _4h2x"}>
2418 - <AdsPETableHeader141 x={326} />
2419 - </div>
2420 - </div>
2421 - </div>
2422 - );
2423 - }
2424 - if (props.x === 330) {
2425 - return (
2426 - <div isHeaderCell={true} label={""} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
2427 - <div className={"_4lgd _4h2w"}>
2428 - <div className={"_4lge _4h2x"}>
2429 - <AdsPETableHeader141 x={329} />
2430 - </div>
2431 - </div>
2432 - </div>
2433 - );
2434 - }
2435 - if (props.x === 338) {
2436 - return (
2437 - <div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
2438 - <div className={"_4lgd _4h2w"}>
2439 - <div className={"_4lge _4h2x"}>
2440 - <XUICheckboxInput60 x={337} />
2441 - </div>
2442 - </div>
2443 - </div>
2444 - );
2445 - }
2446 - if (props.x === 343) {
2447 - return (
2448 - <div isHeaderCell={true} label={"Campaign Name"} width={400} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":400}}>
2449 - <div className={"_4lgd _4h2w"}>
2450 - <div className={"_4lge _4h2x"}>
2451 - <FixedDataTableSortableHeader149 x={342} />
2452 - </div>
2453 - </div>
2454 - </div>
2455 - );
2456 - }
2457 - if (props.x === 349) {
2458 - return (
2459 - <div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
2460 - <div className={"_4lgd _4h2w"}>
2461 - <div className={"_4lge _4h2x"}>
2462 - <FixedDataTableSortableHeader149 x={348} />
2463 - </div>
2464 - </div>
2465 - </div>
2466 - );
2467 - }
2468 - if (props.x === 355) {
2469 - return (
2470 - <div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
2471 - <div className={"_4lgd _4h2w"}>
2472 - <div className={"_4lge _4h2x"}>
2473 - <FixedDataTableSortableHeader149 x={354} />
2474 - </div>
2475 - </div>
2476 - </div>
2477 - );
2478 - }
2479 - if (props.x === 360) {
2480 - return (
2481 - <div isHeaderCell={true} label={"Status"} width={60} dataKey={"campaignGroup.status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.status"} height={25} style={{"height":25,"width":60}}>
2482 - <div className={"_4lgd _4h2w"}>
2483 - <div className={"_4lge _4h2x"}>
2484 - <FixedDataTableSortableHeader149 x={359} />
2485 - </div>
2486 - </div>
2487 - </div>
2488 - );
2489 - }
2490 - if (props.x === 365) {
2491 - return (
2492 - <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"derivedCampaignGroup.activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.activity_status"} height={25} style={{"height":25,"width":150}}>
2493 - <div className={"_4lgd _4h2w"}>
2494 - <div className={"_4lge _4h2x"}>
2495 - <FixedDataTableSortableHeader149 x={364} />
2496 - </div>
2497 - </div>
2498 - </div>
2499 - );
2500 - }
2501 - if (props.x === 372) {
2502 - return (
2503 - <div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
2504 - <div className={"_4lgd _4h2w"}>
2505 - <div className={"_4lge _4h2x"}>
2506 - <FixedDataTableSortableHeader149 x={371} />
2507 - </div>
2508 - </div>
2509 - </div>
2510 - );
2511 - }
2512 - if (props.x === 377) {
2513 - return (
2514 - <div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
2515 - <div className={"_4lgd _4h2w"}>
2516 - <div className={"_4lge _4h2x"}>
2517 - <FixedDataTableSortableHeader149 x={376} />
2518 - </div>
2519 - </div>
2520 - </div>
2521 - );
2522 - }
2523 - if (props.x === 382) {
2524 - return (
2525 - <div isHeaderCell={true} label={"Reach"} width={80} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":80}}>
2526 - <div className={"_4lgd _4h2w"}>
2527 - <div className={"_4lge _4h2x"}>
2528 - <FixedDataTableSortableHeader149 x={381} />
2529 - </div>
2530 - </div>
2531 - </div>
2532 - );
2533 - }
2534 - if (props.x === 387) {
2535 - return (
2536 - <div isHeaderCell={true} label={"Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
2537 - <div className={"_4lgd _4h2w"}>
2538 - <div className={"_4lge _4h2x"}>
2539 - <FixedDataTableSortableHeader149 x={386} />
2540 - </div>
2541 - </div>
2542 - </div>
2543 - );
2544 - }
2545 - if (props.x === 392) {
2546 - return (
2547 - <div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
2548 - <div className={"_4lgd _4h2w"}>
2549 - <div className={"_4lge _4h2x"}>
2550 - <FixedDataTableSortableHeader149 x={391} />
2551 - </div>
2552 - </div>
2553 - </div>
2554 - );
2555 - }
2556 - if (props.x === 397) {
2557 - return (
2558 - <div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
2559 - <div className={"_4lgd _4h2w"}>
2560 - <div className={"_4lge _4h2x"}>
2561 - <FixedDataTableSortableHeader149 x={396} />
2562 - </div>
2563 - </div>
2564 - </div>
2565 - );
2566 - }
2567 - if (props.x === 402) {
2568 - return (
2569 - <div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
2570 - <div className={"_4lgd _4h2w"}>
2571 - <div className={"_4lge _4h2x"}>
2572 - <FixedDataTableSortableHeader149 x={401} />
2573 - </div>
2574 - </div>
2575 - </div>
2576 - );
2577 - }
2578 - if (props.x === 407) {
2579 - return (
2580 - <div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
2581 - <div className={"_4lgd _4h2w"}>
2582 - <div className={"_4lge _4h2x"}>
2583 - <FixedDataTableSortableHeader149 x={406} />
2584 - </div>
2585 - </div>
2586 - </div>
2587 - );
2588 - }
2589 - if (props.x === 412) {
2590 - return (
2591 - <div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>
2592 - <div className={"_4lgd _4h2w"}>
2593 - <div className={"_4lge _4h2x"}>
2594 - <FixedDataTableSortableHeader149 x={411} />
2595 - </div>
2596 - </div>
2597 - </div>
2598 - );
2599 - }
2600 - if (props.x === 417) {
2601 - return (
2602 - <div isHeaderCell={true} label={"Objective"} width={200} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":200}}>
2603 - <div className={"_4lgd _4h2w"}>
2604 - <div className={"_4lge _4h2x"}>
2605 - <FixedDataTableSortableHeader149 x={416} />
2606 - </div>
2607 - </div>
2608 - </div>
2609 - );
2610 - }
2611 - if (props.x === 422) {
2612 - return (
2613 - <div isHeaderCell={true} label={"Buying Type"} width={100} dataKey={"campaignGroup.buying_type"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.buying_type"} height={25} style={{"height":25,"width":100}}>
2614 - <div className={"_4lgd _4h2w"}>
2615 - <div className={"_4lge _4h2x"}>
2616 - <FixedDataTableSortableHeader149 x={421} />
2617 - </div>
2618 - </div>
2619 - </div>
2620 - );
2621 - }
2622 - if (props.x === 427) {
2623 - return (
2624 - <div isHeaderCell={true} label={"Campaign ID"} width={120} dataKey={"campaignGroup.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.id"} height={25} style={{"height":25,"width":120}}>
2625 - <div className={"_4lgd _4h2w"}>
2626 - <div className={"_4lge _4h2x"}>
2627 - <FixedDataTableSortableHeader149 x={426} />
2628 - </div>
2629 - </div>
2630 - </div>
2631 - );
2632 - }
2633 - if (props.x === 432) {
2634 - return (
2635 - <div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaignGroup.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.startDate"} height={25} style={{"height":25,"width":113}}>
2636 - <div className={"_4lgd _4h2w"}>
2637 - <div className={"_4lge _4h2x"}>
2638 - <FixedDataTableSortableHeader149 x={431} />
2639 - </div>
2640 - </div>
2641 - </div>
2642 - );
2643 - }
2644 - if (props.x === 437) {
2645 - return (
2646 - <div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaignGroup.stopDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.stopDate"} height={25} style={{"height":25,"width":113}}>
2647 - <div className={"_4lgd _4h2w"}>
2648 - <div className={"_4lge _4h2x"}>
2649 - <FixedDataTableSortableHeader149 x={436} />
2650 - </div>
2651 - </div>
2652 - </div>
2653 - );
2654 - }
2655 - if (props.x === 442) {
2656 - return (
2657 - <div isHeaderCell={true} label={"Date created"} width={113} dataKey={"derivedCampaignGroup.createdDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.createdDate"} height={25} style={{"height":25,"width":113}}>
2658 - <div className={"_4lgd _4h2w"}>
2659 - <div className={"_4lge _4h2x"}>
2660 - <FixedDataTableSortableHeader149 x={441} />
2661 - </div>
2662 - </div>
2663 - </div>
2664 - );
2665 - }
2666 - if (props.x === 447) {
2667 - return (
2668 - <div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"derivedCampaignGroup.updatedDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.updatedDate"} height={25} style={{"height":25,"width":113}}>
2669 - <div className={"_4lgd _4h2w"}>
2670 - <div className={"_4lge _4h2x"}>
2671 - <FixedDataTableSortableHeader149 x={446} />
2672 - </div>
2673 - </div>
2674 - </div>
2675 - );
2676 - }
2677 - if (props.x === 450) {
2678 - return (
2679 - <div isHeaderCell={true} label={"Tags"} width={150} dataKey={"labels"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"labels"} height={25} style={{"height":25,"width":150}}>
2680 - <div className={"_4lgd _4h2w"}>
2681 - <div className={"_4lge _4h2x"}>
2682 - <AdsPETableHeader141 x={449} />
2683 - </div>
2684 - </div>
2685 - </div>
2686 - );
2687 - }
2688 - if (props.x === 453) {
2689 - return (
2690 - <div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>
2691 - <div className={"_4lgd _4h2w"}>
2692 - <div className={"_4lge _4h2x"}>
2693 - <AdsPETableHeader141 x={452} />
2694 - </div>
2695 - </div>
2696 - </div>
2697 - );
2698 - }
2699 -};
2700 -
2701 -var FixedDataTableCell143 = function(props) {
2702 - if (props.x === 317) {
2703 - return (
2704 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":721,"left":0}}>
2705 - {undefined}
2706 - <TransitionCell142 x={316} />
2707 - </div>
2708 - );
2709 - }
2710 - if (props.x === 322) {
2711 - return (
2712 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":798,"left":0}}>
2713 - {undefined}
2714 - <TransitionCell142 x={321} />
2715 - </div>
2716 - );
2717 - }
2718 - if (props.x === 325) {
2719 - return (
2720 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":1022,"left":798}}>
2721 - {undefined}
2722 - <TransitionCell142 x={324} />
2723 - </div>
2724 - );
2725 - }
2726 - if (props.x === 328) {
2727 - return (
2728 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":1820}}>
2729 - {undefined}
2730 - <TransitionCell142 x={327} />
2731 - </div>
2732 - );
2733 - }
2734 - if (props.x === 331) {
2735 - return (
2736 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":1820}}>
2737 - {undefined}
2738 - <TransitionCell142 x={330} />
2739 - </div>
2740 - );
2741 - }
2742 - if (props.x === 339) {
2743 - return (
2744 - <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
2745 - {undefined}
2746 - <TransitionCell142 x={338} />
2747 - </div>
2748 - );
2749 - }
2750 - if (props.x === 344) {
2751 - return (
2752 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":400,"left":42}}>
2753 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2754 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2755 - </div>
2756 - <TransitionCell142 x={343} />
2757 - </div>
2758 - );
2759 - }
2760 - if (props.x === 350) {
2761 - return (
2762 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":442}}>
2763 - {undefined}
2764 - <TransitionCell142 x={349} />
2765 - </div>
2766 - );
2767 - }
2768 - if (props.x === 356) {
2769 - return (
2770 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":475}}>
2771 - {undefined}
2772 - <TransitionCell142 x={355} />
2773 - </div>
2774 - );
2775 - }
2776 - if (props.x === 361) {
2777 - return (
2778 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":511}}>
2779 - {undefined}
2780 - <TransitionCell142 x={360} />
2781 - </div>
2782 - );
2783 - }
2784 - if (props.x === 366) {
2785 - return (
2786 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":571}}>
2787 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2788 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2789 - </div>
2790 - <TransitionCell142 x={365} />
2791 - </div>
2792 - );
2793 - }
2794 - if (props.x === 373) {
2795 - return (
2796 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":0}}>
2797 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2798 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2799 - </div>
2800 - <TransitionCell142 x={372} />
2801 - </div>
2802 - );
2803 - }
2804 - if (props.x === 378) {
2805 - return (
2806 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":140}}>
2807 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2808 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2809 - </div>
2810 - <TransitionCell142 x={377} />
2811 - </div>
2812 - );
2813 - }
2814 - if (props.x === 383) {
2815 - return (
2816 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":280}}>
2817 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2818 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2819 - </div>
2820 - <TransitionCell142 x={382} />
2821 - </div>
2822 - );
2823 - }
2824 - if (props.x === 388) {
2825 - return (
2826 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":360}}>
2827 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2828 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2829 - </div>
2830 - <TransitionCell142 x={387} />
2831 - </div>
2832 - );
2833 - }
2834 - if (props.x === 393) {
2835 - return (
2836 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":440}}>
2837 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2838 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2839 - </div>
2840 - <TransitionCell142 x={392} />
2841 - </div>
2842 - );
2843 - }
2844 - if (props.x === 398) {
2845 - return (
2846 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":500}}>
2847 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2848 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2849 - </div>
2850 - <TransitionCell142 x={397} />
2851 - </div>
2852 - );
2853 - }
2854 - if (props.x === 403) {
2855 - return (
2856 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":580}}>
2857 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2858 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2859 - </div>
2860 - <TransitionCell142 x={402} />
2861 - </div>
2862 - );
2863 - }
2864 - if (props.x === 408) {
2865 - return (
2866 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":658}}>
2867 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2868 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2869 - </div>
2870 - <TransitionCell142 x={407} />
2871 - </div>
2872 - );
2873 - }
2874 - if (props.x === 413) {
2875 - return (
2876 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":728}}>
2877 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2878 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2879 - </div>
2880 - <TransitionCell142 x={412} />
2881 - </div>
2882 - );
2883 - }
2884 - if (props.x === 418) {
2885 - return (
2886 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":798}}>
2887 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2888 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2889 - </div>
2890 - <TransitionCell142 x={417} />
2891 - </div>
2892 - );
2893 - }
2894 - if (props.x === 423) {
2895 - return (
2896 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":998}}>
2897 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2898 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2899 - </div>
2900 - <TransitionCell142 x={422} />
2901 - </div>
2902 - );
2903 - }
2904 - if (props.x === 428) {
2905 - return (
2906 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1098}}>
2907 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2908 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2909 - </div>
2910 - <TransitionCell142 x={427} />
2911 - </div>
2912 - );
2913 - }
2914 - if (props.x === 433) {
2915 - return (
2916 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1218}}>
2917 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2918 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2919 - </div>
2920 - <TransitionCell142 x={432} />
2921 - </div>
2922 - );
2923 - }
2924 - if (props.x === 438) {
2925 - return (
2926 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1331}}>
2927 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2928 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2929 - </div>
2930 - <TransitionCell142 x={437} />
2931 - </div>
2932 - );
2933 - }
2934 - if (props.x === 443) {
2935 - return (
2936 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1444}}>
2937 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2938 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2939 - </div>
2940 - <TransitionCell142 x={442} />
2941 - </div>
2942 - );
2943 - }
2944 - if (props.x === 448) {
2945 - return (
2946 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1557}}>
2947 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2948 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2949 - </div>
2950 - <TransitionCell142 x={447} />
2951 - </div>
2952 - );
2953 - }
2954 - if (props.x === 451) {
2955 - return (
2956 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":1670}}>
2957 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2958 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2959 - </div>
2960 - <TransitionCell142 x={450} />
2961 - </div>
2962 - );
2963 - }
2964 - if (props.x === 454) {
2965 - return (
2966 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":1820}}>
2967 - {undefined}
2968 - <TransitionCell142 x={453} />
2969 - </div>
2970 - );
2971 - }
2972 -};
2973 -
2974 -var FixedDataTableCellGroupImpl144 = function(props) {
2975 - if (props.x === 318) {
2976 - return (
2977 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2978 - <FixedDataTableCell143 x={317} key={"cell_0"} />
2979 - </div>
2980 - );
2981 - }
2982 - if (props.x === 332) {
2983 - return (
2984 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2985 - <FixedDataTableCell143 x={322} key={"cell_0"} />
2986 - <FixedDataTableCell143 x={325} key={"cell_1"} />
2987 - <FixedDataTableCell143 x={328} key={"cell_2"} />
2988 - <FixedDataTableCell143 x={331} key={"cell_3"} />
2989 - </div>
2990 - );
2991 - }
2992 - if (props.x === 367) {
2993 - return (
2994 - <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2995 - <FixedDataTableCell143 x={339} key={"cell_0"} />
2996 - <FixedDataTableCell143 x={344} key={"cell_1"} />
2997 - <FixedDataTableCell143 x={350} key={"cell_2"} />
2998 - <FixedDataTableCell143 x={356} key={"cell_3"} />
2999 - <FixedDataTableCell143 x={361} key={"cell_4"} />
3000 - <FixedDataTableCell143 x={366} key={"cell_5"} />
3001 - </div>
3002 - );
3003 - }
3004 - if (props.x === 455) {
3005 - return (
3006 - <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3007 - <FixedDataTableCell143 x={373} key={"cell_0"} />
3008 - <FixedDataTableCell143 x={378} key={"cell_1"} />
3009 - <FixedDataTableCell143 x={383} key={"cell_2"} />
3010 - <FixedDataTableCell143 x={388} key={"cell_3"} />
3011 - <FixedDataTableCell143 x={393} key={"cell_4"} />
3012 - <FixedDataTableCell143 x={398} key={"cell_5"} />
3013 - <FixedDataTableCell143 x={403} key={"cell_6"} />
3014 - <FixedDataTableCell143 x={408} key={"cell_7"} />
3015 - <FixedDataTableCell143 x={413} key={"cell_8"} />
3016 - <FixedDataTableCell143 x={418} key={"cell_9"} />
3017 - <FixedDataTableCell143 x={423} key={"cell_10"} />
3018 - <FixedDataTableCell143 x={428} key={"cell_11"} />
3019 - <FixedDataTableCell143 x={433} key={"cell_12"} />
3020 - <FixedDataTableCell143 x={438} key={"cell_13"} />
3021 - <FixedDataTableCell143 x={443} key={"cell_14"} />
3022 - <FixedDataTableCell143 x={448} key={"cell_15"} />
3023 - <FixedDataTableCell143 x={451} key={"cell_16"} />
3024 - <FixedDataTableCell143 x={454} key={"cell_17"} />
3025 - </div>
3026 - );
3027 - }
3028 -};
3029 -
3030 -var FixedDataTableCellGroup145 = function(props) {
3031 - if (props.x === 319) {
3032 - return (
3033 - <div style={{"height":40,"left":0}} className={"_3pzk"}>
3034 - <FixedDataTableCellGroupImpl144 x={318} />
3035 - </div>
3036 - );
3037 - }
3038 - if (props.x === 333) {
3039 - return (
3040 - <div style={{"height":40,"left":721}} className={"_3pzk"}>
3041 - <FixedDataTableCellGroupImpl144 x={332} />
3042 - </div>
3043 - );
3044 - }
3045 - if (props.x === 368) {
3046 - return (
3047 - <div style={{"height":25,"left":0}} className={"_3pzk"}>
3048 - <FixedDataTableCellGroupImpl144 x={367} />
3049 - </div>
3050 - );
3051 - }
3052 - if (props.x === 456) {
3053 - return (
3054 - <div style={{"height":25,"left":721}} className={"_3pzk"}>
3055 - <FixedDataTableCellGroupImpl144 x={455} />
3056 - </div>
3057 - );
3058 - }
3059 -};
3060 -
3061 -var FixedDataTableRowImpl146 = function(props) {
3062 - if (props.x === 334) {
3063 - return (
3064 - <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":40}}>
3065 - <div className={"_1gd5"}>
3066 - <FixedDataTableCellGroup145 x={319} key={"fixed_cells"} />
3067 - <FixedDataTableCellGroup145 x={333} key={"scrollable_cells"} />
3068 - <div className={"_1gd6 _1gd8"} style={{"left":721,"height":40}}></div>
3069 - </div>
3070 - </div>
3071 - );
3072 - }
3073 - if (props.x === 457) {
3074 - return (
3075 - <div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":25}}>
3076 - <div className={"_1gd5"}>
3077 - <FixedDataTableCellGroup145 x={368} key={"fixed_cells"} />
3078 - <FixedDataTableCellGroup145 x={456} key={"scrollable_cells"} />
3079 - <div className={"_1gd6 _1gd8"} style={{"left":721,"height":25}}></div>
3080 - </div>
3081 - </div>
3082 - );
3083 - }
3084 -};
3085 -
3086 -var FixedDataTableRow147 = function(props) {
3087 - if (props.x === 335) {
3088 - return (
3089 - <div style={{"width":1209,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3090 - <FixedDataTableRowImpl146 x={334} />
3091 - </div>
3092 - );
3093 - }
3094 - if (props.x === 458) {
3095 - return (
3096 - <div style={{"width":1209,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3097 - <FixedDataTableRowImpl146 x={457} />
3098 - </div>
3099 - );
3100 - }
3101 -};
3102 -
3103 -var FixedDataTableAbstractSortableHeader148 = function(props) {
3104 - if (props.x === 341) {
3105 - return (
3106 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3107 - <div className={"_2eq6"}>
3108 - {null}
3109 - <AdsPETableHeader141 x={340} />
3110 - </div>
3111 - </div>
3112 - );
3113 - }
3114 - if (props.x === 347) {
3115 - return (
3116 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3117 - <div className={"_2eq6"}>
3118 - {null}
3119 - <AdsPETableHeader141 x={346} />
3120 - </div>
3121 - </div>
3122 - );
3123 - }
3124 - if (props.x === 353) {
3125 - return (
3126 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3127 - <div className={"_2eq6"}>
3128 - {null}
3129 - <AdsPETableHeader141 x={352} />
3130 - </div>
3131 - </div>
3132 - );
3133 - }
3134 - if (props.x === 358) {
3135 - return (
3136 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3137 - <div className={"_2eq6"}>
3138 - {null}
3139 - <AdsPETableHeader141 x={357} />
3140 - </div>
3141 - </div>
3142 - );
3143 - }
3144 - if (props.x === 363) {
3145 - return (
3146 - <div onClick={function() {}} className={"_54_8 _54_9 _4h2r _2wzx"}>
3147 - <div className={"_2eq6"}>
3148 - {null}
3149 - <AdsPETableHeader141 x={362} />
3150 - </div>
3151 - </div>
3152 - );
3153 - }
3154 - if (props.x === 370) {
3155 - return (
3156 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3157 - <div className={"_2eq6"}>
3158 - {null}
3159 - <AdsPETableHeader141 x={369} />
3160 - </div>
3161 - </div>
3162 - );
3163 - }
3164 - if (props.x === 375) {
3165 - return (
3166 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3167 - <div className={"_2eq6"}>
3168 - {null}
3169 - <AdsPETableHeader141 x={374} />
3170 - </div>
3171 - </div>
3172 - );
3173 - }
3174 - if (props.x === 380) {
3175 - return (
3176 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3177 - <div className={"_2eq6"}>
3178 - {null}
3179 - <AdsPETableHeader141 x={379} />
3180 - </div>
3181 - </div>
3182 - );
3183 - }
3184 - if (props.x === 385) {
3185 - return (
3186 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3187 - <div className={"_2eq6"}>
3188 - {null}
3189 - <AdsPETableHeader141 x={384} />
3190 - </div>
3191 - </div>
3192 - );
3193 - }
3194 - if (props.x === 390) {
3195 - return (
3196 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3197 - <div className={"_2eq6"}>
3198 - {null}
3199 - <AdsPETableHeader141 x={389} />
3200 - </div>
3201 - </div>
3202 - );
3203 - }
3204 - if (props.x === 395) {
3205 - return (
3206 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3207 - <div className={"_2eq6"}>
3208 - {null}
3209 - <AdsPETableHeader141 x={394} />
3210 - </div>
3211 - </div>
3212 - );
3213 - }
3214 - if (props.x === 400) {
3215 - return (
3216 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3217 - <div className={"_2eq6"}>
3218 - {null}
3219 - <AdsPETableHeader141 x={399} />
3220 - </div>
3221 - </div>
3222 - );
3223 - }
3224 - if (props.x === 405) {
3225 - return (
3226 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3227 - <div className={"_2eq6"}>
3228 - {null}
3229 - <AdsPETableHeader141 x={404} />
3230 - </div>
3231 - </div>
3232 - );
3233 - }
3234 - if (props.x === 410) {
3235 - return (
3236 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3237 - <div className={"_2eq6"}>
3238 - {null}
3239 - <AdsPETableHeader141 x={409} />
3240 - </div>
3241 - </div>
3242 - );
3243 - }
3244 - if (props.x === 415) {
3245 - return (
3246 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3247 - <div className={"_2eq6"}>
3248 - {null}
3249 - <AdsPETableHeader141 x={414} />
3250 - </div>
3251 - </div>
3252 - );
3253 - }
3254 - if (props.x === 420) {
3255 - return (
3256 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3257 - <div className={"_2eq6"}>
3258 - {null}
3259 - <AdsPETableHeader141 x={419} />
3260 - </div>
3261 - </div>
3262 - );
3263 - }
3264 - if (props.x === 425) {
3265 - return (
3266 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3267 - <div className={"_2eq6"}>
3268 - {null}
3269 - <AdsPETableHeader141 x={424} />
3270 - </div>
3271 - </div>
3272 - );
3273 - }
3274 - if (props.x === 430) {
3275 - return (
3276 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3277 - <div className={"_2eq6"}>
3278 - {null}
3279 - <AdsPETableHeader141 x={429} />
3280 - </div>
3281 - </div>
3282 - );
3283 - }
3284 - if (props.x === 435) {
3285 - return (
3286 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3287 - <div className={"_2eq6"}>
3288 - {null}
3289 - <AdsPETableHeader141 x={434} />
3290 - </div>
3291 - </div>
3292 - );
3293 - }
3294 - if (props.x === 440) {
3295 - return (
3296 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3297 - <div className={"_2eq6"}>
3298 - {null}
3299 - <AdsPETableHeader141 x={439} />
3300 - </div>
3301 - </div>
3302 - );
3303 - }
3304 - if (props.x === 445) {
3305 - return (
3306 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3307 - <div className={"_2eq6"}>
3308 - {null}
3309 - <AdsPETableHeader141 x={444} />
3310 - </div>
3311 - </div>
3312 - );
3313 - }
3314 -};
3315 -
3316 -var FixedDataTableSortableHeader149 = function(props) {
3317 - if (props.x === 342) {
3318 - return <FixedDataTableAbstractSortableHeader148 x={341} />;
3319 - }
3320 - if (props.x === 348) {
3321 - return <FixedDataTableAbstractSortableHeader148 x={347} />;
3322 - }
3323 - if (props.x === 354) {
3324 - return <FixedDataTableAbstractSortableHeader148 x={353} />;
3325 - }
3326 - if (props.x === 359) {
3327 - return <FixedDataTableAbstractSortableHeader148 x={358} />;
3328 - }
3329 - if (props.x === 364) {
3330 - return <FixedDataTableAbstractSortableHeader148 x={363} />;
3331 - }
3332 - if (props.x === 371) {
3333 - return <FixedDataTableAbstractSortableHeader148 x={370} />;
3334 - }
3335 - if (props.x === 376) {
3336 - return <FixedDataTableAbstractSortableHeader148 x={375} />;
3337 - }
3338 - if (props.x === 381) {
3339 - return <FixedDataTableAbstractSortableHeader148 x={380} />;
3340 - }
3341 - if (props.x === 386) {
3342 - return <FixedDataTableAbstractSortableHeader148 x={385} />;
3343 - }
3344 - if (props.x === 391) {
3345 - return <FixedDataTableAbstractSortableHeader148 x={390} />;
3346 - }
3347 - if (props.x === 396) {
3348 - return <FixedDataTableAbstractSortableHeader148 x={395} />;
3349 - }
3350 - if (props.x === 401) {
3351 - return <FixedDataTableAbstractSortableHeader148 x={400} />;
3352 - }
3353 - if (props.x === 406) {
3354 - return <FixedDataTableAbstractSortableHeader148 x={405} />;
3355 - }
3356 - if (props.x === 411) {
3357 - return <FixedDataTableAbstractSortableHeader148 x={410} />;
3358 - }
3359 - if (props.x === 416) {
3360 - return <FixedDataTableAbstractSortableHeader148 x={415} />;
3361 - }
3362 - if (props.x === 421) {
3363 - return <FixedDataTableAbstractSortableHeader148 x={420} />;
3364 - }
3365 - if (props.x === 426) {
3366 - return <FixedDataTableAbstractSortableHeader148 x={425} />;
3367 - }
3368 - if (props.x === 431) {
3369 - return <FixedDataTableAbstractSortableHeader148 x={430} />;
3370 - }
3371 - if (props.x === 436) {
3372 - return <FixedDataTableAbstractSortableHeader148 x={435} />;
3373 - }
3374 - if (props.x === 441) {
3375 - return <FixedDataTableAbstractSortableHeader148 x={440} />;
3376 - }
3377 - if (props.x === 446) {
3378 - return <FixedDataTableAbstractSortableHeader148 x={445} />;
3379 - }
3380 -};
3381 -
3382 -var FixedDataTableBufferedRows150 = function(props) {
3383 - if (props.x === 459) {
3384 - return <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}></div>;
3385 - }
3386 -};
3387 -
3388 -var Scrollbar151 = function(props) {
3389 - if (props.x === 460) {
3390 - return null;
3391 - }
3392 - if (props.x === 461) {
3393 - return (
3394 - <div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1209,"zIndex":99}} tabIndex={0}>
3395 - <div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":561.6340607950117,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
3396 - </div>
3397 - );
3398 - }
3399 -};
3400 -
3401 -var HorizontalScrollbar152 = function(props) {
3402 - if (props.x === 462) {
3403 - return (
3404 - <div className={"_3h1k _3h1m"} style={{"height":15,"width":1209}}>
3405 - <div style={{"height":15,"position":"absolute","overflow":"hidden","width":1209,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3406 - <Scrollbar151 x={461} />
3407 - </div>
3408 - </div>
3409 - );
3410 - }
3411 -};
3412 -
3413 -var FixedDataTable153 = function(props) {
3414 - if (props.x === 463) {
3415 - return (
3416 - <div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":25,"width":1209}}>
3417 - <div className={"_3h1j"} style={{"height":8,"width":1209}}>
3418 - <FixedDataTableColumnResizeHandle140 x={313} />
3419 - <FixedDataTableRow147 x={335} key={"group_header"} />
3420 - <FixedDataTableRow147 x={458} key={"header"} />
3421 - <FixedDataTableBufferedRows150 x={459} />
3422 - {null}
3423 - {undefined}
3424 - <div className={"_3h1e _3h1h"} style={{"top":8}}></div>
3425 - </div>
3426 - <Scrollbar151 x={460} />
3427 - <HorizontalScrollbar152 x={462} />
3428 - </div>
3429 - );
3430 - }
3431 -};
3432 -
3433 -var TransitionTable154 = function(props) {
3434 - if (props.x === 464) {
3435 - return <FixedDataTable153 x={463} ref={"fixedDataTable"} />;
3436 - }
3437 -};
3438 -
3439 -var AdsSelectableFixedDataTable155 = function(props) {
3440 - if (props.x === 465) {
3441 - return (
3442 - <div className={"_5hht"}>
3443 - <TransitionTable154 x={464} />
3444 - </div>
3445 - );
3446 - }
3447 -};
3448 -
3449 -var AdsDataTableKeyboardSupportDecorator156 = function(props) {
3450 - if (props.x === 466) {
3451 - return (
3452 - <div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
3453 - <AdsSelectableFixedDataTable155 x={465} />
3454 - </div>
3455 - );
3456 - }
3457 -};
3458 -
3459 -var AdsEditableDataTableDecorator157 = function(props) {
3460 - if (props.x === 467) {
3461 - return (
3462 - <div onCopy={function() {}}>
3463 - <AdsDataTableKeyboardSupportDecorator156 x={466} ref={"decoratedTable"} />
3464 - </div>
3465 - );
3466 - }
3467 -};
3468 -
3469 -var AdsPEDataTableContainer158 = function(props) {
3470 - if (props.x === 468) {
3471 - return (
3472 - <div className={"_35l_ _1hr clearfix"}>
3473 - {null}
3474 - {null}
3475 - {null}
3476 - <AdsEditableDataTableDecorator157 x={467} />
3477 - </div>
3478 - );
3479 - }
3480 -};
3481 -
3482 -var AdsPECampaignGroupTableContainer159 = function(props) {
3483 - if (props.x === 470) {
3484 - return <ResponsiveBlock37 x={469} />;
3485 - }
3486 -};
3487 -
3488 -var AdsPEManageAdsPaneContainer160 = function(props) {
3489 - if (props.x === 473) {
3490 - return (
3491 - <div>
3492 - <AdsErrorBoundary10 x={65} />
3493 - <div className={"_2uty"}>
3494 - <AdsErrorBoundary10 x={125} />
3495 - </div>
3496 - <div className={"_2utx _21oc"}>
3497 - <AdsErrorBoundary10 x={171} />
3498 - <div className={"_41tu"}>
3499 - <AdsErrorBoundary10 x={176} />
3500 - <AdsErrorBoundary10 x={194} />
3501 - </div>
3502 - </div>
3503 - <div className={"_2utz"} style={{"height":25}}>
3504 - <AdsErrorBoundary10 x={302} />
3505 - <div className={"_2ut-"}>
3506 - <AdsErrorBoundary10 x={312} />
3507 - </div>
3508 - <div className={"_2ut_"}>
3509 - <AdsErrorBoundary10 x={472} />
3510 - </div>
3511 - </div>
3512 - </div>
3513 - );
3514 - }
3515 -};
3516 -
3517 -var AdsPEContentContainer161 = function(props) {
3518 - if (props.x === 474) {
3519 - return <AdsPEManageAdsPaneContainer160 x={473} />;
3520 - }
3521 -};
3522 -
3523 -var FluxContainer_AdsPEWorkspaceContainer_162 = function(props) {
3524 - if (props.x === 477) {
3525 - return (
3526 - <div className={"_49wu"} style={{"height":177,"top":43,"width":1306}}>
3527 - <ResponsiveBlock37 x={62} />
3528 - <AdsErrorBoundary10 x={476} />
3529 - {null}
3530 - </div>
3531 - );
3532 - }
3533 -};
3534 -
3535 -var FluxContainer_AdsSessionExpiredDialogContainer_163 = function(props) {
3536 - if (props.x === 478) {
3537 - return null;
3538 - }
3539 -};
3540 -
3541 -var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function(props) {
3542 - if (props.x === 479) {
3543 - return null;
3544 - }
3545 -};
3546 -
3547 -var FluxContainer_DialogContainer_165 = function(props) {
3548 - if (props.x === 480) {
3549 - return null;
3550 - }
3551 -};
3552 -
3553 -var AdsBugReportContainer166 = function(props) {
3554 - if (props.x === 481) {
3555 - return <span></span>;
3556 - }
3557 -};
3558 -
3559 -var AdsPEAudienceSplittingDialog167 = function(props) {
3560 - if (props.x === 482) {
3561 - return null;
3562 - }
3563 -};
3564 -
3565 -var AdsPEAudienceSplittingDialogContainer168 = function(props) {
3566 - if (props.x === 483) {
3567 - return (
3568 - <div>
3569 - <AdsPEAudienceSplittingDialog167 x={482} />
3570 - </div>
3571 - );
3572 - }
3573 -};
3574 -
3575 -var FluxContainer_AdsRuleDialogBootloadContainer_169 = function(props) {
3576 - if (props.x === 484) {
3577 - return null;
3578 - }
3579 -};
3580 -
3581 -var FluxContainer_AdsPECFTrayContainer_170 = function(props) {
3582 - if (props.x === 485) {
3583 - return null;
3584 - }
3585 -};
3586 -
3587 -var FluxContainer_AdsPEDeleteDraftContainer_171 = function(props) {
3588 - if (props.x === 486) {
3589 - return null;
3590 - }
3591 -};
3592 -
3593 -var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function(props) {
3594 - if (props.x === 487) {
3595 - return null;
3596 - }
3597 -};
3598 -
3599 -var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function(props) {
3600 - if (props.x === 488) {
3601 - return null;
3602 - }
3603 -};
3604 -
3605 -var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function(props) {
3606 - if (props.x === 489) {
3607 - return null;
3608 - }
3609 -};
3610 -
3611 -var AdsPECreateDialogContainer175 = function(props) {
3612 - if (props.x === 490) {
3613 - return <span></span>;
3614 - }
3615 -};
3616 -
3617 -var FluxContainer_AdsPEModalStatusContainer_176 = function(props) {
3618 - if (props.x === 491) {
3619 - return null;
3620 - }
3621 -};
3622 -
3623 -var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function(props) {
3624 - if (props.x === 492) {
3625 - return null;
3626 - }
3627 -};
3628 -
3629 -var FluxContainer_AdsPESortByErrorTipContainer_178 = function(props) {
3630 - if (props.x === 493) {
3631 - return null;
3632 - }
3633 -};
3634 -
3635 -var LeadDownloadDialogSelector179 = function(props) {
3636 - if (props.x === 494) {
3637 - return null;
3638 - }
3639 -};
3640 -
3641 -var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function(props) {
3642 - if (props.x === 495) {
3643 - return <LeadDownloadDialogSelector179 x={494} />;
3644 - }
3645 -};
3646 -
3647 -var AdsPEContainer181 = function(props) {
3648 - if (props.x === 496) {
3649 - return (
3650 - <div id={"ads_pe_container"}>
3651 - <FluxContainer_AdsPETopNavContainer_26 x={41} />
3652 - {null}
3653 - <FluxContainer_AdsPEWorkspaceContainer_162 x={477} />
3654 - <FluxContainer_AdsSessionExpiredDialogContainer_163 x={478} />
3655 - <FluxContainer_AdsPEUploadDialogLazyContainer_164 x={479} />
3656 - <FluxContainer_DialogContainer_165 x={480} />
3657 - <AdsBugReportContainer166 x={481} />
3658 - <AdsPEAudienceSplittingDialogContainer168 x={483} />
3659 - <FluxContainer_AdsRuleDialogBootloadContainer_169 x={484} />
3660 - <FluxContainer_AdsPECFTrayContainer_170 x={485} />
3661 - <span>
3662 - <FluxContainer_AdsPEDeleteDraftContainer_171 x={486} />
3663 - <FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 x={487} />
3664 - <FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 x={488} />
3665 - </span>
3666 - <FluxContainer_AdsPEPurgeArchiveDialogContainer_174 x={489} />
3667 - <AdsPECreateDialogContainer175 x={490} />
3668 - <FluxContainer_AdsPEModalStatusContainer_176 x={491} />
3669 - <FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 x={492} />
3670 - <FluxContainer_AdsPESortByErrorTipContainer_178 x={493} />
3671 - <FluxContainer_AdsPELeadDownloadDialogContainerClass_180 x={495} />
3672 - <div id={"web_ads_guidance_tips"}></div>
3673 - </div>
3674 - );
3675 - }
3676 -};
3677 -
3678 -var Benchmark = function(props) {
3679 - if (props.x === undefined) {
3680 - return <AdsPEContainer181 x={496} />;
3681 - }
3682 -};
3683 -
3684 -this.Benchmark = Benchmark;
3685 -
3686 -})(this);
3687 -
scripts/bench/bench-pe.js deleted
-4235
@@ -1,4235 +0,0 @@
1 -(function() {
2 -
3 -var ReactImage0 = React.createClass({
4 - render: function() {
5 - var props = this.props;
6 - if (props.x === 0) {
7 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
8 - }
9 - if (props.x === 15) {
10 - return <i className={"_3ut_ img sp_i534r85sjIn sx_e8ac93"} src={null} alt={""}></i>;
11 - }
12 - if (props.x === 22) {
13 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_7b15bc"} src={null}></i>;
14 - }
15 - if (props.x === 29) {
16 - return <i className={"_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c"} src={null} alt={""}></i>;
17 - }
18 - if (props.x === 42) {
19 - return (
20 - <i alt={"Warning"} className={"_585p img sp_i534r85sjIn sx_20273d"} src={null}>
21 - <u>{"Warning"}</u>
22 - </i>
23 - );
24 - }
25 - if (props.x === 67) {
26 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_b5d079"} src={null}></i>;
27 - }
28 - if (props.x === 70) {
29 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f8c9"}></i>;
30 - }
31 - if (props.x === 76) {
32 - return <i alt={""} className={"_3-8_ img sp_i534r85sjIn sx_ef6a9c"} src={null}></i>;
33 - }
34 - if (props.x === 79) {
35 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_6f8c43"}></i>;
36 - }
37 - if (props.x === 88) {
38 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_e94a2d"}></i>;
39 - }
40 - if (props.x === 91) {
41 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_7ed7d4"}></i>;
42 - }
43 - if (props.x === 94) {
44 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_930440"}></i>;
45 - }
46 - if (props.x === 98) {
47 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_750c83"}></i>;
48 - }
49 - if (props.x === 108) {
50 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_73c1bb"}></i>;
51 - }
52 - if (props.x === 111) {
53 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_29f28d"}></i>;
54 - }
55 - if (props.x === 126) {
56 - return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_91c59e"}></i>;
57 - }
58 - if (props.x === 127) {
59 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
60 - }
61 - if (props.x === 134) {
62 - return <i src={null} alt={""} className={"_3-8_ img sp_i534r85sjIn sx_c8eb75"}></i>;
63 - }
64 - if (props.x === 135) {
65 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
66 - }
67 - if (props.x === 148) {
68 - return <i className={"_3yz6 _5whs img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
69 - }
70 - if (props.x === 152) {
71 - return <i className={"_5b5p _4gem img sp_i534r85sjIn sx_896996"} src={null} alt={""}></i>;
72 - }
73 - if (props.x === 153) {
74 - return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
75 - }
76 - if (props.x === 160) {
77 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_31d9b0"}></i>;
78 - }
79 - if (props.x === 177) {
80 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_2c18b7"} src={null}></i>;
81 - }
82 - if (props.x === 186) {
83 - return <i src={null} alt={""} className={"img sp_i534r85sjIn sx_0a681f"}></i>;
84 - }
85 - if (props.x === 195) {
86 - return <i className={"_1-lx img sp_OkER5ktbEyg sx_b369b4"} src={null} alt={""}></i>;
87 - }
88 - if (props.x === 198) {
89 - return <i className={"_1-lx img sp_i534r85sjIn sx_96948e"} src={null} alt={""}></i>;
90 - }
91 - if (props.x === 237) {
92 - return <i className={"_541d img sp_i534r85sjIn sx_2f396a"} src={null} alt={""}></i>;
93 - }
94 - if (props.x === 266) {
95 - return <i alt={""} className={"_3-99 img sp_i534r85sjIn sx_538591"} src={null}></i>;
96 - }
97 - if (props.x === 314) {
98 - return <i className={"_1cie _1cif img sp_i534r85sjIn sx_6e6820"} src={null} alt={""}></i>;
99 - }
100 - if (props.x === 345) {
101 - return <i className={"_1cie img sp_i534r85sjIn sx_e896cf"} src={null} alt={""}></i>;
102 - }
103 - if (props.x === 351) {
104 - return <i className={"_1cie img sp_i534r85sjIn sx_38fed8"} src={null} alt={""}></i>;
105 - }
106 - },
107 -});
108 -
109 -var AbstractLink1 = React.createClass({
110 - render: function() {
111 - var props = this.props;
112 - if (props.x === 1) {
113 - return (
114 - <a className={"_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"width":250,"maxWidth":"250px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
115 - {null}
116 - <span className={"_55pe"} style={{"maxWidth":"236px"}}>
117 - {null}
118 - <span>
119 - <span className={"_48u-"}>{"Account:"}</span>
120 - {" "}
121 - {"Dick Madanson (10149999073643408)"}
122 - </span>
123 - </span>
124 - <ReactImage0 x={0} />
125 - </a>
126 - );
127 - }
128 - if (props.x === 43) {
129 - return (
130 - <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} size={"medium"} shade={"dark"} type={null} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
131 - {undefined}
132 - {"Remove"}
133 - {undefined}
134 - </a>
135 - );
136 - }
137 - if (props.x === 49) {
138 - return (
139 - <a target={"_blank"} href={"/ads/manage/billing.php?act=10149999073643408"} rel={undefined} onClick={function() {}}>
140 - <XUIText29 x={48} />
141 - </a>
142 - );
143 - }
144 - if (props.x === 128) {
145 - return (
146 - <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
147 - {null}
148 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
149 - <ReactImage0 x={126} />
150 - {"Search"}
151 - </span>
152 - <ReactImage0 x={127} />
153 - </a>
154 - );
155 - }
156 - if (props.x === 136) {
157 - return (
158 - <a className={" _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
159 - {null}
160 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
161 - <ReactImage0 x={134} />
162 - {"Filters"}
163 - </span>
164 - <ReactImage0 x={135} />
165 - </a>
166 - );
167 - }
168 - if (props.x === 178) {
169 - return (
170 - <a className={"_1_-t _1_-v _42ft"} disabled={null} height={"medium"} role={"button"} label={null} href={"#"} rel={undefined} onClick={function() {}}>
171 - {undefined}
172 - {"Lifetime"}
173 - <ReactImage0 x={177} />
174 - </a>
175 - );
176 - }
177 - if (props.x === 207) {
178 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"Create Ad Set"}</a>;
179 - }
180 - if (props.x === 209) {
181 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"View Ad Set"}</a>;
182 - }
183 - if (props.x === 241) {
184 - return <a href={"#"} rel={undefined} onClick={function() {}}>{"Set a Limit"}</a>;
185 - }
186 - if (props.x === 267) {
187 - return (
188 - <a className={"_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft"} style={{"maxWidth":"200px"}} disabled={null} label={null} href={"#"} rel={undefined} onClick={function() {}}>
189 - {null}
190 - <span className={"_55pe"} style={{"maxWidth":"186px"}}>
191 - {null}
192 - {"Links"}
193 - </span>
194 - <ReactImage0 x={266} />
195 - </a>
196 - );
197 - }
198 - },
199 -});
200 -
201 -var Link2 = React.createClass({
202 - render: function() {
203 - var props = this.props;
204 - if (props.x === 2) {
205 - return <AbstractLink1 x={1} />;
206 - }
207 - if (props.x === 44) {
208 - return <AbstractLink1 x={43} />;
209 - }
210 - if (props.x === 50) {
211 - return <AbstractLink1 x={49} />;
212 - }
213 - if (props.x === 129) {
214 - return <AbstractLink1 x={128} />;
215 - }
216 - if (props.x === 137) {
217 - return <AbstractLink1 x={136} />;
218 - }
219 - if (props.x === 179) {
220 - return <AbstractLink1 x={178} />;
221 - }
222 - if (props.x === 208) {
223 - return <AbstractLink1 x={207} />;
224 - }
225 - if (props.x === 210) {
226 - return <AbstractLink1 x={209} />;
227 - }
228 - if (props.x === 242) {
229 - return <AbstractLink1 x={241} />;
230 - }
231 - if (props.x === 268) {
232 - return <AbstractLink1 x={267} />;
233 - }
234 - },
235 -});
236 -
237 -var AbstractButton3 = React.createClass({
238 - render: function() {
239 - var props = this.props;
240 - if (props.x === 3) {
241 - return <Link2 x={2} />;
242 - }
243 - if (props.x === 20) {
244 - return (
245 - <button className={"_5n7z _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
246 - {undefined}
247 - {"Discard Changes"}
248 - {undefined}
249 - </button>
250 - );
251 - }
252 - if (props.x === 23) {
253 - return (
254 - <button className={"_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr"} disabled={true} onClick={function() {}} data-tooltip-content={"You have no changes to publish"} data-hover={"tooltip"} label={null} type={"submit"} value={"1"}>
255 - <ReactImage0 x={22} />
256 - {"Review Changes"}
257 - {undefined}
258 - </button>
259 - );
260 - }
261 - if (props.x === 45) {
262 - return <Link2 x={44} />;
263 - }
264 - if (props.x === 68) {
265 - return (
266 - <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
267 - <ReactImage0 x={67} />
268 - {"Create Campaign"}
269 - {undefined}
270 - </button>
271 - );
272 - }
273 - if (props.x === 71) {
274 - return (
275 - <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} label={null} type={"submit"} value={"1"}>
276 - <ReactImage0 x={70} />
277 - {undefined}
278 - {undefined}
279 - </button>
280 - );
281 - }
282 - if (props.x === 77) {
283 - return (
284 - <button aria-label={"Edit"} data-tooltip-content={"Edit Campaigns (Ctrl+U)"} data-hover={"tooltip"} className={"_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
285 - <ReactImage0 x={76} />
286 - {"Edit"}
287 - {undefined}
288 - </button>
289 - );
290 - }
291 - if (props.x === 80) {
292 - return (
293 - <button className={"_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft"} disabled={false} label={null} type={"submit"} value={"1"}>
294 - <ReactImage0 x={79} />
295 - {undefined}
296 - {undefined}
297 - </button>
298 - );
299 - }
300 - if (props.x === 89) {
301 - return (
302 - <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} data-tooltip-content={"Revert"} disabled={true} onClick={function() {}} label={null} type={"submit"} value={"1"}>
303 - <ReactImage0 x={88} />
304 - {undefined}
305 - {undefined}
306 - </button>
307 - );
308 - }
309 - if (props.x === 92) {
310 - return (
311 - <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Delete"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
312 - <ReactImage0 x={91} />
313 - {undefined}
314 - {undefined}
315 - </button>
316 - );
317 - }
318 - if (props.x === 95) {
319 - return (
320 - <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Duplicate"} disabled={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
321 - <ReactImage0 x={94} />
322 - {undefined}
323 - {undefined}
324 - </button>
325 - );
326 - }
327 - if (props.x === 99) {
328 - return (
329 - <button aria-label={"Export & Import"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Export & Import"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
330 - <ReactImage0 x={98} />
331 - {undefined}
332 - {undefined}
333 - </button>
334 - );
335 - }
336 - if (props.x === 109) {
337 - return (
338 - <button aria-label={"Create Report"} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Create Report"} disabled={false} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} onClick={function() {}} label={null} type={"submit"} value={"1"}>
339 - <ReactImage0 x={108} />
340 - {undefined}
341 - {undefined}
342 - </button>
343 - );
344 - }
345 - if (props.x === 112) {
346 - return (
347 - <button aria-label={"Campaign Tags"} className={" _5uy7 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"Campaign Tags"} disabled={false} haschevron={false} onClick={function() {}} label={null} type={"submit"} value={"1"}>
348 - <ReactImage0 x={111} />
349 - {undefined}
350 - {undefined}
351 - </button>
352 - );
353 - }
354 - if (props.x === 130) {
355 - return <Link2 x={129} />;
356 - }
357 - if (props.x === 138) {
358 - return <Link2 x={137} />;
359 - }
360 - if (props.x === 149) {
361 - return (
362 - <button className={"_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} title={"Remove"} data-hover={undefined} data-tooltip-alignh={undefined} data-tooltip-content={undefined} label={null}>
363 - {undefined}
364 - {"Remove"}
365 - {undefined}
366 - </button>
367 - );
368 - }
369 - if (props.x === 156) {
370 - return (
371 - <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
372 - {undefined}
373 - {"Apply"}
374 - {undefined}
375 - </button>
376 - );
377 - }
378 - if (props.x === 161) {
379 - return (
380 - <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
381 - <ReactImage0 x={160} />
382 - {undefined}
383 - {undefined}
384 - </button>
385 - );
386 - }
387 - if (props.x === 180) {
388 - return <Link2 x={179} />;
389 - }
390 - if (props.x === 187) {
391 - return (
392 - <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} data-tooltip-content={"List Settings"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
393 - <ReactImage0 x={186} />
394 - {undefined}
395 - {undefined}
396 - </button>
397 - );
398 - }
399 - if (props.x === 269) {
400 - return <Link2 x={268} />;
401 - }
402 - if (props.x === 303) {
403 - return (
404 - <button className={"_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
405 - {undefined}
406 - <div>
407 - <div className={"_tma"}></div>
408 - <div className={"_tm8"}></div>
409 - <div className={"_tm9"}>{1}</div>
410 - </div>
411 - {undefined}
412 - </button>
413 - );
414 - }
415 - if (props.x === 305) {
416 - return (
417 - <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
418 - {undefined}
419 - <div>
420 - <div className={"_tma"}></div>
421 - <div className={"_tm8"}></div>
422 - <div className={"_tm9"}>{1}</div>
423 - </div>
424 - {undefined}
425 - </button>
426 - );
427 - }
428 - if (props.x === 307) {
429 - return (
430 - <button className={"_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} data-tooltip-position={"right"} data-tooltip-content={"Ads"} data-hover={"tooltip"} onClick={function() {}} label={null} type={"submit"} value={"1"}>
431 - {undefined}
432 - <div>
433 - <div className={"_tma"}></div>
434 - <div className={"_tm8"}></div>
435 - <div className={"_tm9"}>{1}</div>
436 - </div>
437 - {undefined}
438 - </button>
439 - );
440 - }
441 - },
442 -});
443 -
444 -var XUIButton4 = React.createClass({
445 - render: function() {
446 - var props = this.props;
447 - if (props.x === 4) {
448 - return <AbstractButton3 x={3} />;
449 - }
450 - if (props.x === 21) {
451 - return <AbstractButton3 x={20} />;
452 - }
453 - if (props.x === 24) {
454 - return <AbstractButton3 x={23} />;
455 - }
456 - if (props.x === 69) {
457 - return <AbstractButton3 x={68} />;
458 - }
459 - if (props.x === 72) {
460 - return <AbstractButton3 x={71} />;
461 - }
462 - if (props.x === 78) {
463 - return <AbstractButton3 x={77} />;
464 - }
465 - if (props.x === 81) {
466 - return <AbstractButton3 x={80} />;
467 - }
468 - if (props.x === 90) {
469 - return <AbstractButton3 x={89} />;
470 - }
471 - if (props.x === 93) {
472 - return <AbstractButton3 x={92} />;
473 - }
474 - if (props.x === 96) {
475 - return <AbstractButton3 x={95} />;
476 - }
477 - if (props.x === 100) {
478 - return <AbstractButton3 x={99} />;
479 - }
480 - if (props.x === 110) {
481 - return <AbstractButton3 x={109} />;
482 - }
483 - if (props.x === 113) {
484 - return <AbstractButton3 x={112} />;
485 - }
486 - if (props.x === 131) {
487 - return <AbstractButton3 x={130} />;
488 - }
489 - if (props.x === 139) {
490 - return <AbstractButton3 x={138} />;
491 - }
492 - if (props.x === 157) {
493 - return <AbstractButton3 x={156} />;
494 - }
495 - if (props.x === 162) {
496 - return <AbstractButton3 x={161} />;
497 - }
498 - if (props.x === 188) {
499 - return <AbstractButton3 x={187} />;
500 - }
501 - if (props.x === 270) {
502 - return <AbstractButton3 x={269} />;
503 - }
504 - if (props.x === 304) {
505 - return <AbstractButton3 x={303} />;
506 - }
507 - if (props.x === 306) {
508 - return <AbstractButton3 x={305} />;
509 - }
510 - if (props.x === 308) {
511 - return <AbstractButton3 x={307} />;
512 - }
513 - },
514 -});
515 -
516 -var AbstractPopoverButton5 = React.createClass({
517 - render: function() {
518 - var props = this.props;
519 - if (props.x === 5) {
520 - return <XUIButton4 x={4} />;
521 - }
522 - if (props.x === 132) {
523 - return <XUIButton4 x={131} />;
524 - }
525 - if (props.x === 140) {
526 - return <XUIButton4 x={139} />;
527 - }
528 - if (props.x === 271) {
529 - return <XUIButton4 x={270} />;
530 - }
531 - },
532 -});
533 -
534 -var ReactXUIPopoverButton6 = React.createClass({
535 - render: function() {
536 - var props = this.props;
537 - if (props.x === 6) {
538 - return <AbstractPopoverButton5 x={5} />;
539 - }
540 - if (props.x === 133) {
541 - return <AbstractPopoverButton5 x={132} />;
542 - }
543 - if (props.x === 141) {
544 - return <AbstractPopoverButton5 x={140} />;
545 - }
546 - if (props.x === 272) {
547 - return <AbstractPopoverButton5 x={271} />;
548 - }
549 - },
550 -});
551 -
552 -var BIGAdAccountSelector7 = React.createClass({
553 - render: function() {
554 - var props = this.props;
555 - if (props.x === 7) {
556 - return (
557 - <div>
558 - <ReactXUIPopoverButton6 x={6} ref={"openMenuButton"} />
559 - {null}
560 - </div>
561 - );
562 - }
563 - },
564 -});
565 -
566 -var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = React.createClass({
567 - render: function() {
568 - var props = this.props;
569 - if (props.x === 8) {
570 - return <BIGAdAccountSelector7 x={7} />;
571 - }
572 - },
573 -});
574 -
575 -var ErrorBoundary9 = React.createClass({
576 - render: function() {
577 - var props = this.props;
578 - if (props.x === 9) {
579 - return <FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 x={8} />;
580 - }
581 - if (props.x === 13) {
582 - return <FluxContainer_AdsPENavigationBarContainer_12 x={12} />;
583 - }
584 - if (props.x === 27) {
585 - return <FluxContainer_AdsPEPublishButtonContainer_18 x={26} />;
586 - }
587 - if (props.x === 32) {
588 - return <ReactPopoverMenu20 x={31} />;
589 - }
590 - if (props.x === 38) {
591 - return <AdsPEResetDialog24 x={37} />;
592 - }
593 - if (props.x === 57) {
594 - return <FluxContainer_AdsPETopErrorContainer_35 x={56} />;
595 - }
596 - if (props.x === 60) {
597 - return <FluxContainer_AdsGuidanceChannel_36 x={59} />;
598 - }
599 - if (props.x === 64) {
600 - return <FluxContainer_AdsBulkEditDialogContainer_38 x={63} />;
601 - }
602 - if (props.x === 124) {
603 - return <AdsPECampaignGroupToolbarContainer57 x={123} />;
604 - }
605 - if (props.x === 170) {
606 - return <AdsPEFilterContainer72 x={169} />;
607 - }
608 - if (props.x === 175) {
609 - return <AdsPETablePagerContainer75 x={174} />;
610 - }
611 - if (props.x === 193) {
612 - return <AdsPEStatRangeContainer81 x={192} />;
613 - }
614 - if (props.x === 301) {
615 - return <FluxContainer_AdsPEMultiTabDrawerContainer_137 x={300} />;
616 - }
617 - if (props.x === 311) {
618 - return <AdsPEOrganizerContainer139 x={310} />;
619 - }
620 - if (props.x === 471) {
621 - return <AdsPECampaignGroupTableContainer159 x={470} />;
622 - }
623 - if (props.x === 475) {
624 - return <AdsPEContentContainer161 x={474} />;
625 - }
626 - },
627 -});
628 -
629 -var AdsErrorBoundary10 = React.createClass({
630 - render: function() {
631 - var props = this.props;
632 - if (props.x === 10) {
633 - return <ErrorBoundary9 x={9} />;
634 - }
635 - if (props.x === 14) {
636 - return <ErrorBoundary9 x={13} />;
637 - }
638 - if (props.x === 28) {
639 - return <ErrorBoundary9 x={27} />;
640 - }
641 - if (props.x === 33) {
642 - return <ErrorBoundary9 x={32} />;
643 - }
644 - if (props.x === 39) {
645 - return <ErrorBoundary9 x={38} />;
646 - }
647 - if (props.x === 58) {
648 - return <ErrorBoundary9 x={57} />;
649 - }
650 - if (props.x === 61) {
651 - return <ErrorBoundary9 x={60} />;
652 - }
653 - if (props.x === 65) {
654 - return <ErrorBoundary9 x={64} />;
655 - }
656 - if (props.x === 125) {
657 - return <ErrorBoundary9 x={124} />;
658 - }
659 - if (props.x === 171) {
660 - return <ErrorBoundary9 x={170} />;
661 - }
662 - if (props.x === 176) {
663 - return <ErrorBoundary9 x={175} />;
664 - }
665 - if (props.x === 194) {
666 - return <ErrorBoundary9 x={193} />;
667 - }
668 - if (props.x === 302) {
669 - return <ErrorBoundary9 x={301} />;
670 - }
671 - if (props.x === 312) {
672 - return <ErrorBoundary9 x={311} />;
673 - }
674 - if (props.x === 472) {
675 - return <ErrorBoundary9 x={471} />;
676 - }
677 - if (props.x === 476) {
678 - return <ErrorBoundary9 x={475} />;
679 - }
680 - },
681 -});
682 -
683 -var AdsPENavigationBar11 = React.createClass({
684 - render: function() {
685 - var props = this.props;
686 - if (props.x === 11) {
687 - return <div className={"_4t_9"}></div>;
688 - }
689 - },
690 -});
691 -
692 -var FluxContainer_AdsPENavigationBarContainer_12 = React.createClass({
693 - render: function() {
694 - var props = this.props;
695 - if (props.x === 12) {
696 - return <AdsPENavigationBar11 x={11} />;
697 - }
698 - },
699 -});
700 -
701 -var AdsPEDraftSyncStatus13 = React.createClass({
702 - render: function() {
703 - var props = this.props;
704 - if (props.x === 16) {
705 - return (
706 - <div className={"_3ut-"} onClick={function() {}}>
707 - <span className={"_3uu0"}>
708 - <ReactImage0 x={15} />
709 - </span>
710 - </div>
711 - );
712 - }
713 - },
714 -});
715 -
716 -var FluxContainer_AdsPEDraftSyncStatusContainer_14 = React.createClass({
717 - render: function() {
718 - var props = this.props;
719 - if (props.x === 17) {
720 - return <AdsPEDraftSyncStatus13 x={16} />;
721 - }
722 - },
723 -});
724 -
725 -var AdsPEDraftErrorsStatus15 = React.createClass({
726 - render: function() {
727 - var props = this.props;
728 - if (props.x === 18) {
729 - return null;
730 - }
731 - },
732 -});
733 -
734 -var FluxContainer_viewFn_16 = React.createClass({
735 - render: function() {
736 - var props = this.props;
737 - if (props.x === 19) {
738 - return <AdsPEDraftErrorsStatus15 x={18} />;
739 - }
740 - },
741 -});
742 -
743 -var AdsPEPublishButton17 = React.createClass({
744 - render: function() {
745 - var props = this.props;
746 - if (props.x === 25) {
747 - return (
748 - <div className={"_5533"}>
749 - <FluxContainer_AdsPEDraftSyncStatusContainer_14 x={17} />
750 - <FluxContainer_viewFn_16 x={19} />
751 - {null}
752 - <XUIButton4 x={21} key={"discard"} />
753 - <XUIButton4 x={24} ref={"reviewChangesButton"} />
754 - </div>
755 - );
756 - }
757 - },
758 -});
759 -
760 -var FluxContainer_AdsPEPublishButtonContainer_18 = React.createClass({
761 - render: function() {
762 - var props = this.props;
763 - if (props.x === 26) {
764 - return <AdsPEPublishButton17 x={25} />;
765 - }
766 - },
767 -});
768 -
769 -var InlineBlock19 = React.createClass({
770 - render: function() {
771 - var props = this.props;
772 - if (props.x === 30) {
773 - return (
774 - <div className={"uiPopover _6a _6b"} disabled={null}>
775 - <ReactImage0 x={29} key={".0"} />
776 - </div>
777 - );
778 - }
779 - if (props.x === 73) {
780 - return (
781 - <div className={"uiPopover _6a _6b"} disabled={null}>
782 - <XUIButton4 x={72} key={".0"} />
783 - </div>
784 - );
785 - }
786 - if (props.x === 82) {
787 - return (
788 - <div className={"_1nwm uiPopover _6a _6b"} disabled={null}>
789 - <XUIButton4 x={81} key={".0"} />
790 - </div>
791 - );
792 - }
793 - if (props.x === 101) {
794 - return (
795 - <div size={"large"} className={"uiPopover _6a _6b"} disabled={null}>
796 - <XUIButton4 x={100} key={".0"} />
797 - </div>
798 - );
799 - }
800 - if (props.x === 273) {
801 - return (
802 - <div className={"_3-90 uiPopover _6a _6b"} style={{"marginTop":2}} disabled={null}>
803 - <ReactXUIPopoverButton6 x={272} key={".0"} />
804 - </div>
805 - );
806 - }
807 - },
808 -});
809 -
810 -var ReactPopoverMenu20 = React.createClass({
811 - render: function() {
812 - var props = this.props;
813 - if (props.x === 31) {
814 - return <InlineBlock19 x={30} ref={"root"} />;
815 - }
816 - if (props.x === 74) {
817 - return <InlineBlock19 x={73} ref={"root"} />;
818 - }
819 - if (props.x === 83) {
820 - return <InlineBlock19 x={82} ref={"root"} />;
821 - }
822 - if (props.x === 102) {
823 - return <InlineBlock19 x={101} ref={"root"} />;
824 - }
825 - if (props.x === 274) {
826 - return <InlineBlock19 x={273} ref={"root"} />;
827 - }
828 - },
829 -});
830 -
831 -var LeftRight21 = React.createClass({
832 - render: function() {
833 - var props = this.props;
834 - if (props.x === 34) {
835 - return (
836 - <div className={"clearfix"}>
837 - <div key={"left"} className={"_ohe lfloat"}>
838 - <div className={"_34_j"}>
839 - <div className={"_34_k"}>
840 - <AdsErrorBoundary10 x={10} />
841 - </div>
842 - <div className={"_2u-6"}>
843 - <AdsErrorBoundary10 x={14} />
844 - </div>
845 - </div>
846 - </div>
847 - <div key={"right"} className={"_ohf rfloat"}>
848 - <div className={"_34_m"}>
849 - <div key={"0"} className={"_5ju2"}>
850 - <AdsErrorBoundary10 x={28} />
851 - </div>
852 - <div key={"1"} className={"_5ju2"}>
853 - <AdsErrorBoundary10 x={33} />
854 - </div>
855 - </div>
856 - </div>
857 - </div>
858 - );
859 - }
860 - if (props.x === 232) {
861 - return (
862 - <div flex={"right"} direction={"left"} className={"clearfix"}>
863 - <div key={"left"} className={"_ohe lfloat"}>
864 - <AdsLabeledField104 x={231} />
865 - </div>
866 - <div key={"right"} className={""}>
867 - <div className={"_42ef"}>
868 - <div className={"_2oc7"}>{"Clicks to Website"}</div>
869 - </div>
870 - </div>
871 - </div>
872 - );
873 - }
874 - if (props.x === 235) {
875 - return (
876 - <div className={"_3-8x clearfix"} flex={"right"} direction={"left"}>
877 - <div key={"left"} className={"_ohe lfloat"}>
878 - <AdsLabeledField104 x={234} />
879 - </div>
880 - <div key={"right"} className={""}>
881 - <div className={"_42ef"}>
882 - <div className={"_2oc7"}>{"Auction"}</div>
883 - </div>
884 - </div>
885 - </div>
886 - );
887 - }
888 - if (props.x === 245) {
889 - return (
890 - <div className={"_3-8y clearfix"} flex={"right"} direction={"left"}>
891 - <div key={"left"} className={"_ohe lfloat"}>
892 - <AdsLabeledField104 x={240} />
893 - </div>
894 - <div key={"right"} className={""}>
895 - <div className={"_42ef"}>
896 - <FluxContainer_AdsCampaignGroupSpendCapContainer_107 x={244} />
897 - </div>
898 - </div>
899 - </div>
900 - );
901 - }
902 - if (props.x === 277) {
903 - return (
904 - <div className={"_5dw9 _5dwa clearfix"}>
905 - <div key={"left"} className={"_ohe lfloat"}>
906 - <XUICardHeaderTitle100 x={265} key={".0"} />
907 - </div>
908 - <div key={"right"} className={"_ohf rfloat"}>
909 - <FluxContainer_AdsPluginizedLinksMenuContainer_121 x={276} key={".1"} />
910 - </div>
911 - </div>
912 - );
913 - }
914 - },
915 -});
916 -
917 -var AdsUnifiedNavigationLocalNav22 = React.createClass({
918 - render: function() {
919 - var props = this.props;
920 - if (props.x === 35) {
921 - return (
922 - <div className={"_34_i"}>
923 - <LeftRight21 x={34} />
924 - </div>
925 - );
926 - }
927 - },
928 -});
929 -
930 -var XUIDialog23 = React.createClass({
931 - render: function() {
932 - var props = this.props;
933 - if (props.x === 36) {
934 - return null;
935 - }
936 - },
937 -});
938 -
939 -var AdsPEResetDialog24 = React.createClass({
940 - render: function() {
941 - var props = this.props;
942 - if (props.x === 37) {
943 - return (
944 - <span>
945 - <XUIDialog23 x={36} key={"dialog/.0"} />
946 - </span>
947 - );
948 - }
949 - },
950 -});
951 -
952 -var AdsPETopNav25 = React.createClass({
953 - render: function() {
954 - var props = this.props;
955 - if (props.x === 40) {
956 - return (
957 - <div style={{"width":1306}}>
958 - <AdsUnifiedNavigationLocalNav22 x={35} />
959 - <AdsErrorBoundary10 x={39} />
960 - </div>
961 - );
962 - }
963 - },
964 -});
965 -
966 -var FluxContainer_AdsPETopNavContainer_26 = React.createClass({
967 - render: function() {
968 - var props = this.props;
969 - if (props.x === 41) {
970 - return <AdsPETopNav25 x={40} />;
971 - }
972 - },
973 -});
974 -
975 -var XUIAbstractGlyphButton27 = React.createClass({
976 - render: function() {
977 - var props = this.props;
978 - if (props.x === 46) {
979 - return <AbstractButton3 x={45} />;
980 - }
981 - if (props.x === 150) {
982 - return <AbstractButton3 x={149} />;
983 - }
984 - },
985 -});
986 -
987 -var XUICloseButton28 = React.createClass({
988 - render: function() {
989 - var props = this.props;
990 - if (props.x === 47) {
991 - return <XUIAbstractGlyphButton27 x={46} />;
992 - }
993 - if (props.x === 151) {
994 - return <XUIAbstractGlyphButton27 x={150} />;
995 - }
996 - },
997 -});
998 -
999 -var XUIText29 = React.createClass({
1000 - render: function() {
1001 - var props = this.props;
1002 - if (props.x === 48) {
1003 - return <span display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
1004 - }
1005 - if (props.x === 205) {
1006 - return <span className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Campaign"}</span>;
1007 - }
1008 - if (props.x === 206) {
1009 - return <span display={"inline"} className={" _50f5 _50f7"}>{"Test Campaign"}</span>;
1010 - }
1011 - },
1012 -});
1013 -
1014 -var XUINotice30 = React.createClass({
1015 - render: function() {
1016 - var props = this.props;
1017 - if (props.x === 51) {
1018 - return (
1019 - <div size={"medium"} className={"_585n _585o _2wdd"}>
1020 - <ReactImage0 x={42} />
1021 - <XUICloseButton28 x={47} />
1022 - <div className={"_585r _2i-a _50f4"}>
1023 - {"Please go to "}
1024 - <Link2 x={50} />
1025 - {" to set up a payment method for this ad account."}
1026 - </div>
1027 - </div>
1028 - );
1029 - }
1030 - },
1031 -});
1032 -
1033 -var ReactCSSTransitionGroupChild31 = React.createClass({
1034 - render: function() {
1035 - var props = this.props;
1036 - if (props.x === 52) {
1037 - return <XUINotice30 x={51} />;
1038 - }
1039 - },
1040 -});
1041 -
1042 -var ReactTransitionGroup32 = React.createClass({
1043 - render: function() {
1044 - var props = this.props;
1045 - if (props.x === 53) {
1046 - return (
1047 - <span>
1048 - <ReactCSSTransitionGroupChild31 x={52} key={".0"} ref={".0"} />
1049 - </span>
1050 - );
1051 - }
1052 - },
1053 -});
1054 -
1055 -var ReactCSSTransitionGroup33 = React.createClass({
1056 - render: function() {
1057 - var props = this.props;
1058 - if (props.x === 54) {
1059 - return <ReactTransitionGroup32 x={53} />;
1060 - }
1061 - },
1062 -});
1063 -
1064 -var AdsPETopError34 = React.createClass({
1065 - render: function() {
1066 - var props = this.props;
1067 - if (props.x === 55) {
1068 - return (
1069 - <div className={"_2wdc"}>
1070 - <ReactCSSTransitionGroup33 x={54} />
1071 - </div>
1072 - );
1073 - }
1074 - },
1075 -});
1076 -
1077 -var FluxContainer_AdsPETopErrorContainer_35 = React.createClass({
1078 - render: function() {
1079 - var props = this.props;
1080 - if (props.x === 56) {
1081 - return <AdsPETopError34 x={55} />;
1082 - }
1083 - },
1084 -});
1085 -
1086 -var FluxContainer_AdsGuidanceChannel_36 = React.createClass({
1087 - render: function() {
1088 - var props = this.props;
1089 - if (props.x === 59) {
1090 - return null;
1091 - }
1092 - },
1093 -});
1094 -
1095 -var ResponsiveBlock37 = React.createClass({
1096 - render: function() {
1097 - var props = this.props;
1098 - if (props.x === 62) {
1099 - return (
1100 - <div onResize={function() {}} className={"_4u-c"}>
1101 - {[
1102 - <AdsErrorBoundary10 x={58} />,
1103 - <AdsErrorBoundary10 x={61} />,
1104 - ]}
1105 - <div key={"sensor"} className={"_4u-f"}>
1106 - <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1107 - </div>
1108 - </div>
1109 - );
1110 - }
1111 - if (props.x === 469) {
1112 - return (
1113 - <div onResize={function() {}} className={"_4u-c"}>
1114 - <AdsPEDataTableContainer158 x={468} />
1115 - <div key={"sensor"} className={"_4u-f"}>
1116 - <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_1_xb"} tabIndex={"-1"}></iframe>
1117 - </div>
1118 - </div>
1119 - );
1120 - }
1121 - },
1122 -});
1123 -
1124 -var FluxContainer_AdsBulkEditDialogContainer_38 = React.createClass({
1125 - render: function() {
1126 - var props = this.props;
1127 - if (props.x === 63) {
1128 - return null;
1129 - }
1130 - },
1131 -});
1132 -
1133 -var Column39 = React.createClass({
1134 - render: function() {
1135 - var props = this.props;
1136 - if (props.x === 66) {
1137 - return (
1138 - <div className={"_4bl8 _4bl7"}>
1139 - <div className={"_3c5f"}>
1140 - {null}
1141 - {null}
1142 - <div className={"_3c5i"}></div>
1143 - {null}
1144 - </div>
1145 - </div>
1146 - );
1147 - }
1148 - },
1149 -});
1150 -
1151 -var XUIButtonGroup40 = React.createClass({
1152 - render: function() {
1153 - var props = this.props;
1154 - if (props.x === 75) {
1155 - return (
1156 - <div className={"_5n7z _51xa"}>
1157 - <XUIButton4 x={69} />
1158 - <ReactPopoverMenu20 x={74} />
1159 - </div>
1160 - );
1161 - }
1162 - if (props.x === 84) {
1163 - return (
1164 - <div className={"_5n7z _51xa"}>
1165 - <XUIButton4 x={78} key={"edit"} />
1166 - <ReactPopoverMenu20 x={83} key={"editMenu"} />
1167 - </div>
1168 - );
1169 - }
1170 - if (props.x === 97) {
1171 - return (
1172 - <div className={"_5n7z _51xa"}>
1173 - <XUIButton4 x={90} key={"revert"} />
1174 - <XUIButton4 x={93} key={"delete"} />
1175 - <XUIButton4 x={96} key={"duplicate"} />
1176 - </div>
1177 - );
1178 - }
1179 - if (props.x === 117) {
1180 - return (
1181 - <div className={"_5n7z _51xa"}>
1182 - <AdsPEExportImportMenuContainer48 x={107} />
1183 - <XUIButton4 x={110} key={"createReport"} ref={"ads_create_report_button"} />
1184 - <AdsPECampaignGroupTagContainer51 x={116} key={"tags"} />
1185 - </div>
1186 - );
1187 - }
1188 - },
1189 -});
1190 -
1191 -var AdsPEEditToolbarButton41 = React.createClass({
1192 - render: function() {
1193 - var props = this.props;
1194 - if (props.x === 85) {
1195 - return <XUIButtonGroup40 x={84} />;
1196 - }
1197 - },
1198 -});
1199 -
1200 -var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = React.createClass({
1201 - render: function() {
1202 - var props = this.props;
1203 - if (props.x === 86) {
1204 - return <AdsPEEditToolbarButton41 x={85} />;
1205 - }
1206 - },
1207 -});
1208 -
1209 -var FluxContainer_AdsPEEditToolbarButtonContainer_43 = React.createClass({
1210 - render: function() {
1211 - var props = this.props;
1212 - if (props.x === 87) {
1213 - return <FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 x={86} />;
1214 - }
1215 - },
1216 -});
1217 -
1218 -var AdsPEExportImportMenu44 = React.createClass({
1219 - render: function() {
1220 - var props = this.props;
1221 - if (props.x === 103) {
1222 - return <ReactPopoverMenu20 x={102} key={"export"} />;
1223 - }
1224 - },
1225 -});
1226 -
1227 -var FluxContainer_AdsPECustomizeExportContainer_45 = React.createClass({
1228 - render: function() {
1229 - var props = this.props;
1230 - if (props.x === 104) {
1231 - return null;
1232 - }
1233 - },
1234 -});
1235 -
1236 -var AdsPEExportAsTextDialog46 = React.createClass({
1237 - render: function() {
1238 - var props = this.props;
1239 - if (props.x === 105) {
1240 - return null;
1241 - }
1242 - },
1243 -});
1244 -
1245 -var FluxContainer_AdsPEExportAsTextDialogContainer_47 = React.createClass({
1246 - render: function() {
1247 - var props = this.props;
1248 - if (props.x === 106) {
1249 - return <AdsPEExportAsTextDialog46 x={105} />;
1250 - }
1251 - },
1252 -});
1253 -
1254 -var AdsPEExportImportMenuContainer48 = React.createClass({
1255 - render: function() {
1256 - var props = this.props;
1257 - if (props.x === 107) {
1258 - return (
1259 - <span>
1260 - <AdsPEExportImportMenu44 x={103} />
1261 - <FluxContainer_AdsPECustomizeExportContainer_45 x={104} />
1262 - <FluxContainer_AdsPEExportAsTextDialogContainer_47 x={106} />
1263 - {null}
1264 - {null}
1265 - </span>
1266 - );
1267 - }
1268 - },
1269 -});
1270 -
1271 -var Constructor49 = React.createClass({
1272 - render: function() {
1273 - var props = this.props;
1274 - if (props.x === 114) {
1275 - return null;
1276 - }
1277 - if (props.x === 142) {
1278 - return null;
1279 - }
1280 - if (props.x === 143) {
1281 - return null;
1282 - }
1283 - if (props.x === 183) {
1284 - return null;
1285 - }
1286 - },
1287 -});
1288 -
1289 -var TagSelectorPopover50 = React.createClass({
1290 - render: function() {
1291 - var props = this.props;
1292 - if (props.x === 115) {
1293 - return (
1294 - <span className={" _3d6e"}>
1295 - <XUIButton4 x={113} ref={"button"} />
1296 - <Constructor49 x={114} key={"layer"} ref={"layer"} />
1297 - </span>
1298 - );
1299 - }
1300 - },
1301 -});
1302 -
1303 -var AdsPECampaignGroupTagContainer51 = React.createClass({
1304 - render: function() {
1305 - var props = this.props;
1306 - if (props.x === 116) {
1307 - return <TagSelectorPopover50 x={115} key={"98010048849317"} />;
1308 - }
1309 - },
1310 -});
1311 -
1312 -var AdsRuleToolbarMenu52 = React.createClass({
1313 - render: function() {
1314 - var props = this.props;
1315 - if (props.x === 118) {
1316 - return null;
1317 - }
1318 - },
1319 -});
1320 -
1321 -var FluxContainer_AdsPERuleToolbarMenuContainer_53 = React.createClass({
1322 - render: function() {
1323 - var props = this.props;
1324 - if (props.x === 119) {
1325 - return <AdsRuleToolbarMenu52 x={118} />;
1326 - }
1327 - },
1328 -});
1329 -
1330 -var FillColumn54 = React.createClass({
1331 - render: function() {
1332 - var props = this.props;
1333 - if (props.x === 120) {
1334 - return (
1335 - <div className={"_4bl9"}>
1336 - <span className={"_3c5e"}>
1337 - <span>
1338 - <XUIButtonGroup40 x={75} />
1339 - <FluxContainer_AdsPEEditToolbarButtonContainer_43 x={87} />
1340 - {null}
1341 - <XUIButtonGroup40 x={97} />
1342 - </span>
1343 - <XUIButtonGroup40 x={117} />
1344 - <FluxContainer_AdsPERuleToolbarMenuContainer_53 x={119} />
1345 - </span>
1346 - </div>
1347 - );
1348 - }
1349 - },
1350 -});
1351 -
1352 -var Layout55 = React.createClass({
1353 - render: function() {
1354 - var props = this.props;
1355 - if (props.x === 121) {
1356 - return (
1357 - <div className={"clearfix"}>
1358 - <Column39 x={66} key={"1"} />
1359 - <FillColumn54 x={120} key={"0"} />
1360 - </div>
1361 - );
1362 - }
1363 - },
1364 -});
1365 -
1366 -var AdsPEMainPaneToolbar56 = React.createClass({
1367 - render: function() {
1368 - var props = this.props;
1369 - if (props.x === 122) {
1370 - return (
1371 - <div className={"_3c5b clearfix"}>
1372 - <Layout55 x={121} />
1373 - </div>
1374 - );
1375 - }
1376 - },
1377 -});
1378 -
1379 -var AdsPECampaignGroupToolbarContainer57 = React.createClass({
1380 - render: function() {
1381 - var props = this.props;
1382 - if (props.x === 123) {
1383 - return <AdsPEMainPaneToolbar56 x={122} />;
1384 - }
1385 - },
1386 -});
1387 -
1388 -var AdsPEFiltersPopover58 = React.createClass({
1389 - render: function() {
1390 - var props = this.props;
1391 - if (props.x === 144) {
1392 - return (
1393 - <span className={"_5b-l _5bbe"}>
1394 - <ReactXUIPopoverButton6 x={133} ref={"searchButton"} />
1395 - <ReactXUIPopoverButton6 x={141} ref={"filterButton"} />
1396 - {[
1397 - <Constructor49 x={142} key={"filterMenu/.0"} />,
1398 - <Constructor49 x={143} key={"searchMenu/.0"} />,
1399 - ]}
1400 - </span>
1401 - );
1402 - }
1403 - },
1404 -});
1405 -
1406 -var AbstractCheckboxInput59 = React.createClass({
1407 - render: function() {
1408 - var props = this.props;
1409 - if (props.x === 145) {
1410 - return (
1411 - <label className={"uiInputLabelInput _55sg _kv1"}>
1412 - <input checked={true} disabled={true} name={"filterUnpublished"} value={"on"} onClick={function() {}} className={null} id={"js_input_label_21"} type={"checkbox"}></input>
1413 - <span data-hover={null} data-tooltip-content={undefined}></span>
1414 - </label>
1415 - );
1416 - }
1417 - if (props.x === 336) {
1418 - return (
1419 - <label className={"_4h2r _55sg _kv1"}>
1420 - <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1421 - <span data-hover={null} data-tooltip-content={undefined}></span>
1422 - </label>
1423 - );
1424 - }
1425 - },
1426 -});
1427 -
1428 -var XUICheckboxInput60 = React.createClass({
1429 - render: function() {
1430 - var props = this.props;
1431 - if (props.x === 146) {
1432 - return <AbstractCheckboxInput59 x={145} />;
1433 - }
1434 - if (props.x === 337) {
1435 - return <AbstractCheckboxInput59 x={336} />;
1436 - }
1437 - },
1438 -});
1439 -
1440 -var InputLabel61 = React.createClass({
1441 - render: function() {
1442 - var props = this.props;
1443 - if (props.x === 147) {
1444 - return (
1445 - <div display={"block"} className={"uiInputLabel clearfix"}>
1446 - <XUICheckboxInput60 x={146} />
1447 - <label className={"uiInputLabelLabel"} htmlFor={"js_input_label_21"}>{"Always show new items"}</label>
1448 - </div>
1449 - );
1450 - }
1451 - },
1452 -});
1453 -
1454 -var AdsPopoverLink62 = React.createClass({
1455 - render: function() {
1456 - var props = this.props;
1457 - if (props.x === 154) {
1458 - return (
1459 - <span>
1460 - <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1461 - <span className={"_3o_j"}></span>
1462 - <ReactImage0 x={153} />
1463 - </span>
1464 - {null}
1465 - </span>
1466 - );
1467 - }
1468 - if (props.x === 238) {
1469 - return (
1470 - <span>
1471 - <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}} onMouseUp={undefined}>
1472 - <span className={"_3o_j"}></span>
1473 - <ReactImage0 x={237} />
1474 - </span>
1475 - {null}
1476 - </span>
1477 - );
1478 - }
1479 - },
1480 -});
1481 -
1482 -var AdsHelpLink63 = React.createClass({
1483 - render: function() {
1484 - var props = this.props;
1485 - if (props.x === 155) {
1486 - return <AdsPopoverLink62 x={154} />;
1487 - }
1488 - if (props.x === 239) {
1489 - return <AdsPopoverLink62 x={238} />;
1490 - }
1491 - },
1492 -});
1493 -
1494 -var BUIFilterTokenInput64 = React.createClass({
1495 - render: function() {
1496 - var props = this.props;
1497 - if (props.x === 158) {
1498 - return (
1499 - <div className={"_5b5o _3yz3 _4cld"}>
1500 - <div className={"_5b5t _2d2k"}>
1501 - <ReactImage0 x={152} />
1502 - <div className={"_5b5r"}>
1503 - {"Campaigns: (1)"}
1504 - <AdsHelpLink63 x={155} />
1505 - </div>
1506 - </div>
1507 - <XUIButton4 x={157} />
1508 - </div>
1509 - );
1510 - }
1511 - },
1512 -});
1513 -
1514 -var BUIFilterToken65 = React.createClass({
1515 - render: function() {
1516 - var props = this.props;
1517 - if (props.x === 159) {
1518 - return (
1519 - <div className={"_3yz1 _3yz2 _3dad"}>
1520 - <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
1521 - <div onClick={function() {}} className={"_3yz5"}>
1522 - <ReactImage0 x={148} />
1523 - <div className={"_3yz7"}>{"Campaigns:"}</div>
1524 - <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
1525 - </div>
1526 - {null}
1527 - <XUICloseButton28 x={151} />
1528 - </div>
1529 - <BUIFilterTokenInput64 x={158} ref={"filterTokenInput"} />
1530 - </div>
1531 - );
1532 - }
1533 - },
1534 -});
1535 -
1536 -var BUIFilterTokenCreateButton66 = React.createClass({
1537 - render: function() {
1538 - var props = this.props;
1539 - if (props.x === 163) {
1540 - return (
1541 - <div className={"_1tc"}>
1542 - <XUIButton4 x={162} />
1543 - </div>
1544 - );
1545 - }
1546 - },
1547 -});
1548 -
1549 -var BUIFilterTokenizer67 = React.createClass({
1550 - render: function() {
1551 - var props = this.props;
1552 - if (props.x === 164) {
1553 - return (
1554 - <div className={"_5b-m clearfix"}>
1555 - {undefined}
1556 - {[]}
1557 - <BUIFilterToken65 x={159} key={"token0"} />
1558 - <BUIFilterTokenCreateButton66 x={163} />
1559 - {null}
1560 - <div className={"_49u3"}></div>
1561 - </div>
1562 - );
1563 - }
1564 - },
1565 -});
1566 -
1567 -var XUIAmbientNUX68 = React.createClass({
1568 - render: function() {
1569 - var props = this.props;
1570 - if (props.x === 165) {
1571 - return null;
1572 - }
1573 - if (props.x === 189) {
1574 - return null;
1575 - }
1576 - if (props.x === 200) {
1577 - return null;
1578 - }
1579 - },
1580 -});
1581 -
1582 -var XUIAmbientNUX69 = React.createClass({
1583 - render: function() {
1584 - var props = this.props;
1585 - if (props.x === 166) {
1586 - return <XUIAmbientNUX68 x={165} />;
1587 - }
1588 - if (props.x === 190) {
1589 - return <XUIAmbientNUX68 x={189} />;
1590 - }
1591 - if (props.x === 201) {
1592 - return <XUIAmbientNUX68 x={200} />;
1593 - }
1594 - },
1595 -});
1596 -
1597 -var AdsPEAmbientNUXMegaphone70 = React.createClass({
1598 - render: function() {
1599 - var props = this.props;
1600 - if (props.x === 167) {
1601 - return (
1602 - <span>
1603 - <span ref={"mainChild"}></span>
1604 - <XUIAmbientNUX69 x={166} key={"nux"} />
1605 - </span>
1606 - );
1607 - }
1608 - },
1609 -});
1610 -
1611 -var AdsPEFilters71 = React.createClass({
1612 - render: function() {
1613 - var props = this.props;
1614 - if (props.x === 168) {
1615 - return (
1616 - <div className={"_4rw_"}>
1617 - <AdsPEFiltersPopover58 x={144} />
1618 - <div className={"_1eo"}>
1619 - <InputLabel61 x={147} />
1620 - </div>
1621 - <BUIFilterTokenizer67 x={164} />
1622 - {""}
1623 - <AdsPEAmbientNUXMegaphone70 x={167} />
1624 - </div>
1625 - );
1626 - }
1627 - },
1628 -});
1629 -
1630 -var AdsPEFilterContainer72 = React.createClass({
1631 - render: function() {
1632 - var props = this.props;
1633 - if (props.x === 169) {
1634 - return <AdsPEFilters71 x={168} />;
1635 - }
1636 - },
1637 -});
1638 -
1639 -var AdsPETablePager73 = React.createClass({
1640 - render: function() {
1641 - var props = this.props;
1642 - if (props.x === 172) {
1643 - return null;
1644 - }
1645 - },
1646 -});
1647 -
1648 -var AdsPECampaignGroupTablePagerContainer74 = React.createClass({
1649 - render: function() {
1650 - var props = this.props;
1651 - if (props.x === 173) {
1652 - return <AdsPETablePager73 x={172} />;
1653 - }
1654 - },
1655 -});
1656 -
1657 -var AdsPETablePagerContainer75 = React.createClass({
1658 - render: function() {
1659 - var props = this.props;
1660 - if (props.x === 174) {
1661 - return <AdsPECampaignGroupTablePagerContainer74 x={173} />;
1662 - }
1663 - },
1664 -});
1665 -
1666 -var ReactXUIError76 = React.createClass({
1667 - render: function() {
1668 - var props = this.props;
1669 - if (props.x === 181) {
1670 - return <AbstractButton3 x={180} />;
1671 - }
1672 - if (props.x === 216) {
1673 - return (
1674 - <div className={"_40bf _2vl4 _1h18"}>
1675 - {null}
1676 - {null}
1677 - <div className={"_2vl9 _1h1f"} style={{"backgroundColor":"#fff"}}>
1678 - <div className={"_2vla _1h1g"}>
1679 - <div>
1680 - {null}
1681 - <textarea ref={"input"} className={"_2vli _2vlj _1h26 _1h27"} dir={"auto"} disabled={undefined} id={undefined} maxLength={null} value={"Test Campaign"} onBlur={function() {}} onChange={function() {}} onFocus={function() {}} onKeyDown={function() {}}></textarea>
1682 - {null}
1683 - </div>
1684 - <div ref={"shadowText"} aria-hidden={"true"} className={"_2vlk"}></div>
1685 - </div>
1686 - </div>
1687 - {null}
1688 - </div>
1689 - );
1690 - }
1691 - if (props.x === 221) {
1692 - return <XUICard94 x={220} />;
1693 - }
1694 - if (props.x === 250) {
1695 - return <XUICard94 x={249} />;
1696 - }
1697 - if (props.x === 280) {
1698 - return <XUICard94 x={279} />;
1699 - }
1700 - },
1701 -});
1702 -
1703 -var BUIPopoverButton77 = React.createClass({
1704 - render: function() {
1705 - var props = this.props;
1706 - if (props.x === 182) {
1707 - return <ReactXUIError76 x={181} />;
1708 - }
1709 - },
1710 -});
1711 -
1712 -var BUIDateRangePicker78 = React.createClass({
1713 - render: function() {
1714 - var props = this.props;
1715 - if (props.x === 184) {
1716 - return (
1717 - <span>
1718 - <BUIPopoverButton77 x={182} ref={function() {}} />
1719 - {[
1720 - <Constructor49 x={183} key={"layer/.0"} />,
1721 - ]}
1722 - </span>
1723 - );
1724 - }
1725 - },
1726 -});
1727 -
1728 -var AdsPEStatsRangePicker79 = React.createClass({
1729 - render: function() {
1730 - var props = this.props;
1731 - if (props.x === 185) {
1732 - return <BUIDateRangePicker78 x={184} />;
1733 - }
1734 - },
1735 -});
1736 -
1737 -var AdsPEStatRange80 = React.createClass({
1738 - render: function() {
1739 - var props = this.props;
1740 - if (props.x === 191) {
1741 - return (
1742 - <div className={"_3c5k"}>
1743 - <span className={"_3c5j"}>{"Stats:"}</span>
1744 - <span className={"_3c5l"}>
1745 - <AdsPEStatsRangePicker79 x={185} />
1746 - <XUIButton4 x={188} key={"settings"} ref={"PE_TABLE_LIST_SETTING"} />
1747 - </span>
1748 - {[
1749 - <XUIAmbientNUX69 x={190} key={"roasNUX/.0"} />,
1750 - ]}
1751 - </div>
1752 - );
1753 - }
1754 - },
1755 -});
1756 -
1757 -var AdsPEStatRangeContainer81 = React.createClass({
1758 - render: function() {
1759 - var props = this.props;
1760 - if (props.x === 192) {
1761 - return <AdsPEStatRange80 x={191} />;
1762 - }
1763 - },
1764 -});
1765 -
1766 -var AdsPESideTrayTabButton82 = React.createClass({
1767 - render: function() {
1768 - var props = this.props;
1769 - if (props.x === 196) {
1770 - return (
1771 - <div className={"_1-ly _59j9 _d9a"} onClick={function() {}}>
1772 - <ReactImage0 x={195} />
1773 - <div className={"_vf7"}></div>
1774 - <div className={"_vf8"}></div>
1775 - </div>
1776 - );
1777 - }
1778 - if (props.x === 199) {
1779 - return (
1780 - <div className={" _1-lz _d9a"} onClick={function() {}}>
1781 - <ReactImage0 x={198} />
1782 - <div className={"_vf7"}></div>
1783 - <div className={"_vf8"}></div>
1784 - </div>
1785 - );
1786 - }
1787 - if (props.x === 203) {
1788 - return null;
1789 - }
1790 - },
1791 -});
1792 -
1793 -var AdsPEEditorTrayTabButton83 = React.createClass({
1794 - render: function() {
1795 - var props = this.props;
1796 - if (props.x === 197) {
1797 - return <AdsPESideTrayTabButton82 x={196} />;
1798 - }
1799 - },
1800 -});
1801 -
1802 -var AdsPEInsightsTrayTabButton84 = React.createClass({
1803 - render: function() {
1804 - var props = this.props;
1805 - if (props.x === 202) {
1806 - return (
1807 - <span>
1808 - <AdsPESideTrayTabButton82 x={199} ref={"PE_INSIGHTS_TAB_ICON"} />
1809 - <XUIAmbientNUX69 x={201} key={"roasNUX"} />
1810 - </span>
1811 - );
1812 - }
1813 - },
1814 -});
1815 -
1816 -var AdsPENekoDebuggerTrayTabButton85 = React.createClass({
1817 - render: function() {
1818 - var props = this.props;
1819 - if (props.x === 204) {
1820 - return <AdsPESideTrayTabButton82 x={203} />;
1821 - }
1822 - },
1823 -});
1824 -
1825 -var AdsPEEditorChildLink86 = React.createClass({
1826 - render: function() {
1827 - var props = this.props;
1828 - if (props.x === 211) {
1829 - return (
1830 - <div className={"_3ywr"}>
1831 - <Link2 x={208} />
1832 - <span className={"_3ywq"}>{"|"}</span>
1833 - <Link2 x={210} />
1834 - </div>
1835 - );
1836 - }
1837 - },
1838 -});
1839 -
1840 -var AdsPEEditorChildLinkContainer87 = React.createClass({
1841 - render: function() {
1842 - var props = this.props;
1843 - if (props.x === 212) {
1844 - return <AdsPEEditorChildLink86 x={211} />;
1845 - }
1846 - },
1847 -});
1848 -
1849 -var AdsPEHeaderSection88 = React.createClass({
1850 - render: function() {
1851 - var props = this.props;
1852 - if (props.x === 213) {
1853 - return (
1854 - <div className={"_yke"}>
1855 - <div className={"_2x9d _pr-"}></div>
1856 - <XUIText29 x={205} />
1857 - <div className={"_3a-a"}>
1858 - <div className={"_3a-b"}>
1859 - <XUIText29 x={206} />
1860 - </div>
1861 - </div>
1862 - <AdsPEEditorChildLinkContainer87 x={212} />
1863 - </div>
1864 - );
1865 - }
1866 - },
1867 -});
1868 -
1869 -var AdsPECampaignGroupHeaderSectionContainer89 = React.createClass({
1870 - render: function() {
1871 - var props = this.props;
1872 - if (props.x === 214) {
1873 - return <AdsPEHeaderSection88 x={213} />;
1874 - }
1875 - },
1876 -});
1877 -
1878 -var AdsEditorLoadingErrors90 = React.createClass({
1879 - render: function() {
1880 - var props = this.props;
1881 - if (props.x === 215) {
1882 - return null;
1883 - }
1884 - },
1885 -});
1886 -
1887 -var AdsTextInput91 = React.createClass({
1888 - render: function() {
1889 - var props = this.props;
1890 - if (props.x === 217) {
1891 - return <ReactXUIError76 x={216} />;
1892 - }
1893 - },
1894 -});
1895 -
1896 -var BUIFormElement92 = React.createClass({
1897 - render: function() {
1898 - var props = this.props;
1899 - if (props.x === 218) {
1900 - return (
1901 - <div className={"_5521 clearfix"}>
1902 - <div className={"_5522 _3w5q"}>
1903 - <label onClick={undefined} htmlFor={"1467872040612:1961945894"} className={"_5523 _3w5r"}>
1904 - {"Campaign Name"}
1905 - {null}
1906 - </label>
1907 - </div>
1908 - <div className={"_5527"}>
1909 - <div className={"_5528"}>
1910 - <span key={".0"} className={"_40bg"} density={"snug"} labelPosition={"left"} id={"1467872040612:1961945894"}>
1911 - <AdsTextInput91 x={217} key={"nameEditor98010048849317"} ref={"nameTextInput"} />
1912 - {null}
1913 - </span>
1914 - </div>
1915 - {null}
1916 - </div>
1917 - </div>
1918 - );
1919 - }
1920 - },
1921 -});
1922 -
1923 -var BUIForm93 = React.createClass({
1924 - render: function() {
1925 - var props = this.props;
1926 - if (props.x === 219) {
1927 - return (
1928 - <div className={"_5ks1 _550r _550t _550y _3w5n"}>
1929 - <BUIFormElement92 x={218} key={".0"} />
1930 - </div>
1931 - );
1932 - }
1933 - },
1934 -});
1935 -
1936 -var XUICard94 = React.createClass({
1937 - render: function() {
1938 - var props = this.props;
1939 - if (props.x === 220) {
1940 - return (
1941 - <div className={"_40bc _12k2 _4-u2 _4-u8"} xuiErrorPosition={"above"} background={"white"}>
1942 - <BUIForm93 x={219} />
1943 - </div>
1944 - );
1945 - }
1946 - if (props.x === 249) {
1947 - return (
1948 - <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1949 - <AdsCardHeader103 x={230} />
1950 - <AdsCardSection108 x={248} />
1951 - </div>
1952 - );
1953 - }
1954 - if (props.x === 279) {
1955 - return (
1956 - <div xuiErrorPosition={"above"} className={"_12k2 _4-u2 _4-u8"} background={"white"}>
1957 - <AdsCardLeftRightHeader122 x={278} />
1958 - </div>
1959 - );
1960 - }
1961 - },
1962 -});
1963 -
1964 -var AdsCard95 = React.createClass({
1965 - render: function() {
1966 - var props = this.props;
1967 - if (props.x === 222) {
1968 - return <ReactXUIError76 x={221} />;
1969 - }
1970 - if (props.x === 251) {
1971 - return <ReactXUIError76 x={250} />;
1972 - }
1973 - if (props.x === 281) {
1974 - return <ReactXUIError76 x={280} />;
1975 - }
1976 - },
1977 -});
1978 -
1979 -var AdsEditorNameSection96 = React.createClass({
1980 - render: function() {
1981 - var props = this.props;
1982 - if (props.x === 223) {
1983 - return <AdsCard95 x={222} />;
1984 - }
1985 - },
1986 -});
1987 -
1988 -var AdsCampaignGroupNameSectionContainer97 = React.createClass({
1989 - render: function() {
1990 - var props = this.props;
1991 - if (props.x === 224) {
1992 - return <AdsEditorNameSection96 x={223} key={"nameSection98010048849317"} />;
1993 - }
1994 - },
1995 -});
1996 -
1997 -var _render98 = React.createClass({
1998 - render: function() {
1999 - var props = this.props;
2000 - if (props.x === 225) {
2001 - return <AdsCampaignGroupNameSectionContainer97 x={224} />;
2002 - }
2003 - },
2004 -});
2005 -
2006 -var AdsPluginWrapper99 = React.createClass({
2007 - render: function() {
2008 - var props = this.props;
2009 - if (props.x === 226) {
2010 - return <_render98 x={225} />;
2011 - }
2012 - if (props.x === 255) {
2013 - return <_render111 x={254} />;
2014 - }
2015 - if (props.x === 258) {
2016 - return <_render113 x={257} />;
2017 - }
2018 - if (props.x === 287) {
2019 - return <_render127 x={286} />;
2020 - }
2021 - if (props.x === 291) {
2022 - return <_render130 x={290} />;
2023 - }
2024 - },
2025 -});
2026 -
2027 -var XUICardHeaderTitle100 = React.createClass({
2028 - render: function() {
2029 - var props = this.props;
2030 - if (props.x === 227) {
2031 - return (
2032 - <span itemComponent={"span"} className={"_38my"}>
2033 - {"Campaign Details"}
2034 - {null}
2035 - <span className={"_c1c"}></span>
2036 - </span>
2037 - );
2038 - }
2039 - if (props.x === 265) {
2040 - return (
2041 - <span itemComponent={"span"} className={"_38my"}>
2042 - {[
2043 - <span>
2044 - {"Campaign ID"}
2045 - {": "}
2046 - {"98010048849317"}
2047 - </span>,
2048 - <div className={"_5lh9"}>
2049 - <FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 x={264} />
2050 - </div>,
2051 - ]}
2052 - {null}
2053 - <span className={"_c1c"}></span>
2054 - </span>
2055 - );
2056 - }
2057 - },
2058 -});
2059 -
2060 -var XUICardSection101 = React.createClass({
2061 - render: function() {
2062 - var props = this.props;
2063 - if (props.x === 228) {
2064 - return (
2065 - <div className={"_5dw9 _5dwa _4-u3"} background={"transparent"}>
2066 - {[
2067 - <XUICardHeaderTitle100 x={227} key={".0"} />,
2068 - ]}
2069 - {undefined}
2070 - {undefined}
2071 - <div className={"_3s3-"}></div>
2072 - </div>
2073 - );
2074 - }
2075 - if (props.x === 247) {
2076 - return (
2077 - <div className={"_12jy _4-u3"} background={"transparent"}>
2078 - <div className={"_3-8j"}>
2079 - <FlexibleBlock105 x={233} />
2080 - <FlexibleBlock105 x={236} />
2081 - <FlexibleBlock105 x={246} />
2082 - {null}
2083 - {null}
2084 - </div>
2085 - </div>
2086 - );
2087 - }
2088 - },
2089 -});
2090 -
2091 -var XUICardHeader102 = React.createClass({
2092 - render: function() {
2093 - var props = this.props;
2094 - if (props.x === 229) {
2095 - return <XUICardSection101 x={228} />;
2096 - }
2097 - },
2098 -});
2099 -
2100 -var AdsCardHeader103 = React.createClass({
2101 - render: function() {
2102 - var props = this.props;
2103 - if (props.x === 230) {
2104 - return <XUICardHeader102 x={229} />;
2105 - }
2106 - },
2107 -});
2108 -
2109 -var AdsLabeledField104 = React.createClass({
2110 - render: function() {
2111 - var props = this.props;
2112 - if (props.x === 231) {
2113 - return (
2114 - <div className={"_2oc6 _3bvz"} label={"Objective"} labelSize={"small"} optionalText={"(optional)"}>
2115 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Objective "}</label>
2116 - {null}
2117 - <div className={"_3bv-"}></div>
2118 - </div>
2119 - );
2120 - }
2121 - if (props.x === 234) {
2122 - return (
2123 - <div className={"_2oc6 _3bvz"} label={"Buying Type"} labelSize={"small"} optionalText={"(optional)"}>
2124 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Buying Type "}</label>
2125 - {null}
2126 - <div className={"_3bv-"}></div>
2127 - </div>
2128 - );
2129 - }
2130 - if (props.x === 240) {
2131 - return (
2132 - <div className={"_2oc6 _3bvz"} helpText={"Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit."} label={"Campaign Spending Limit"} labelSize={"small"} optionalText={"(optional)"}>
2133 - <label className={"_4el4 _3qwj _3hy-"} htmlFor={undefined}>{"Campaign Spending Limit "}</label>
2134 - <AdsHelpLink63 x={239} />
2135 - <div className={"_3bv-"}></div>
2136 - </div>
2137 - );
2138 - }
2139 - },
2140 -});
2141 -
2142 -var FlexibleBlock105 = React.createClass({
2143 - render: function() {
2144 - var props = this.props;
2145 - if (props.x === 233) {
2146 - return <LeftRight21 x={232} />;
2147 - }
2148 - if (props.x === 236) {
2149 - return <LeftRight21 x={235} />;
2150 - }
2151 - if (props.x === 246) {
2152 - return <LeftRight21 x={245} />;
2153 - }
2154 - },
2155 -});
2156 -
2157 -var AdsBulkCampaignSpendCapField106 = React.createClass({
2158 - render: function() {
2159 - var props = this.props;
2160 - if (props.x === 243) {
2161 - return (
2162 - <div className={"_33dv"}>
2163 - {""}
2164 - <Link2 x={242} />
2165 - {" (optional)"}
2166 - </div>
2167 - );
2168 - }
2169 - },
2170 -});
2171 -
2172 -var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = React.createClass({
2173 - render: function() {
2174 - var props = this.props;
2175 - if (props.x === 244) {
2176 - return <AdsBulkCampaignSpendCapField106 x={243} />;
2177 - }
2178 - },
2179 -});
2180 -
2181 -var AdsCardSection108 = React.createClass({
2182 - render: function() {
2183 - var props = this.props;
2184 - if (props.x === 248) {
2185 - return <XUICardSection101 x={247} />;
2186 - }
2187 - },
2188 -});
2189 -
2190 -var AdsEditorCampaignGroupDetailsSection109 = React.createClass({
2191 - render: function() {
2192 - var props = this.props;
2193 - if (props.x === 252) {
2194 - return <AdsCard95 x={251} />;
2195 - }
2196 - },
2197 -});
2198 -
2199 -var AdsEditorCampaignGroupDetailsSectionContainer110 = React.createClass({
2200 - render: function() {
2201 - var props = this.props;
2202 - if (props.x === 253) {
2203 - return <AdsEditorCampaignGroupDetailsSection109 x={252} key={"campaignGroupDetailsSection98010048849317"} />;
2204 - }
2205 - },
2206 -});
2207 -
2208 -var _render111 = React.createClass({
2209 - render: function() {
2210 - var props = this.props;
2211 - if (props.x === 254) {
2212 - return <AdsEditorCampaignGroupDetailsSectionContainer110 x={253} />;
2213 - }
2214 - },
2215 -});
2216 -
2217 -var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = React.createClass({
2218 - render: function() {
2219 - var props = this.props;
2220 - if (props.x === 256) {
2221 - return null;
2222 - }
2223 - },
2224 -});
2225 -
2226 -var _render113 = React.createClass({
2227 - render: function() {
2228 - var props = this.props;
2229 - if (props.x === 257) {
2230 - return <FluxContainer_AdsEditorToplineDetailsSectionContainer_112 x={256} />;
2231 - }
2232 - },
2233 -});
2234 -
2235 -var AdsStickyArea114 = React.createClass({
2236 - render: function() {
2237 - var props = this.props;
2238 - if (props.x === 259) {
2239 - return (
2240 - <div inContainingBlock={true}>
2241 - <div ref={"sticky"} onWheel={function() {}}></div>
2242 - </div>
2243 - );
2244 - }
2245 - if (props.x === 292) {
2246 - return (
2247 - <div inContainingBlock={true}>
2248 - <div ref={"sticky"} onWheel={function() {}}>
2249 - {[
2250 - <div key={"campaign_group_errors_section98010048849317"}>
2251 - <AdsPluginWrapper99 x={291} />
2252 - </div>,
2253 - ]}
2254 - </div>
2255 - </div>
2256 - );
2257 - }
2258 - },
2259 -});
2260 -
2261 -var FluxContainer_AdsEditorColumnContainer_115 = React.createClass({
2262 - render: function() {
2263 - var props = this.props;
2264 - if (props.x === 260) {
2265 - return (
2266 - <div>
2267 - {[
2268 - <div key={"campaign_group_name_section98010048849317"}>
2269 - <AdsPluginWrapper99 x={226} />
2270 - </div>,
2271 - <div key={"campaign_group_basic_section98010048849317"}>
2272 - <AdsPluginWrapper99 x={255} />
2273 - </div>,
2274 - <div key={"campaign_group_topline_section98010048849317"}>
2275 - <AdsPluginWrapper99 x={258} />
2276 - </div>,
2277 - ]}
2278 - <AdsStickyArea114 x={259} />
2279 - </div>
2280 - );
2281 - }
2282 - if (props.x === 293) {
2283 - return (
2284 - <div>
2285 - {[
2286 - <div key={"campaign_group_navigation_section98010048849317"}>
2287 - <AdsPluginWrapper99 x={287} />
2288 - </div>,
2289 - ]}
2290 - <AdsStickyArea114 x={292} />
2291 - </div>
2292 - );
2293 - }
2294 - },
2295 -});
2296 -
2297 -var BUISwitch116 = React.createClass({
2298 - render: function() {
2299 - var props = this.props;
2300 - if (props.x === 261) {
2301 - return (
2302 - <div data-hover={"tooltip"} data-tooltip-content={"Currently active. Click this switch to deactivate it."} data-tooltip-position={"below"} disabled={false} value={true} onToggle={function() {}} animate={true} className={"_128j _128k _128n"} role={"checkbox"} aria-checked={"true"}>
2303 - <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"0"}>
2304 - <div className={"_128p"}></div>
2305 - </div>
2306 - {null}
2307 - </div>
2308 - );
2309 - }
2310 - },
2311 -});
2312 -
2313 -var AdsStatusSwitchInternal117 = React.createClass({
2314 - render: function() {
2315 - var props = this.props;
2316 - if (props.x === 262) {
2317 - return <BUISwitch116 x={261} />;
2318 - }
2319 - },
2320 -});
2321 -
2322 -var AdsStatusSwitch118 = React.createClass({
2323 - render: function() {
2324 - var props = this.props;
2325 - if (props.x === 263) {
2326 - return <AdsStatusSwitchInternal117 x={262} />;
2327 - }
2328 - },
2329 -});
2330 -
2331 -var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = React.createClass({
2332 - render: function() {
2333 - var props = this.props;
2334 - if (props.x === 264) {
2335 - return <AdsStatusSwitch118 x={263} key={"status98010048849317"} />;
2336 - }
2337 - },
2338 -});
2339 -
2340 -var AdsLinksMenu120 = React.createClass({
2341 - render: function() {
2342 - var props = this.props;
2343 - if (props.x === 275) {
2344 - return <ReactPopoverMenu20 x={274} />;
2345 - }
2346 - },
2347 -});
2348 -
2349 -var FluxContainer_AdsPluginizedLinksMenuContainer_121 = React.createClass({
2350 - render: function() {
2351 - var props = this.props;
2352 - if (props.x === 276) {
2353 - return (
2354 - <div>
2355 - {null}
2356 - <AdsLinksMenu120 x={275} />
2357 - </div>
2358 - );
2359 - }
2360 - },
2361 -});
2362 -
2363 -var AdsCardLeftRightHeader122 = React.createClass({
2364 - render: function() {
2365 - var props = this.props;
2366 - if (props.x === 278) {
2367 - return <LeftRight21 x={277} />;
2368 - }
2369 - },
2370 -});
2371 -
2372 -var AdsPEIDSection123 = React.createClass({
2373 - render: function() {
2374 - var props = this.props;
2375 - if (props.x === 282) {
2376 - return <AdsCard95 x={281} />;
2377 - }
2378 - },
2379 -});
2380 -
2381 -var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = React.createClass({
2382 - render: function() {
2383 - var props = this.props;
2384 - if (props.x === 283) {
2385 - return <AdsPEIDSection123 x={282} />;
2386 - }
2387 - },
2388 -});
2389 -
2390 -var DeferredComponent125 = React.createClass({
2391 - render: function() {
2392 - var props = this.props;
2393 - if (props.x === 284) {
2394 - return <FluxContainer_AdsPECampaignGroupIDSectionContainer_124 x={283} />;
2395 - }
2396 - },
2397 -});
2398 -
2399 -var BootloadedComponent126 = React.createClass({
2400 - render: function() {
2401 - var props = this.props;
2402 - if (props.x === 285) {
2403 - return <DeferredComponent125 x={284} />;
2404 - }
2405 - },
2406 -});
2407 -
2408 -var _render127 = React.createClass({
2409 - render: function() {
2410 - var props = this.props;
2411 - if (props.x === 286) {
2412 - return <BootloadedComponent126 x={285} />;
2413 - }
2414 - },
2415 -});
2416 -
2417 -var AdsEditorErrorsCard128 = React.createClass({
2418 - render: function() {
2419 - var props = this.props;
2420 - if (props.x === 288) {
2421 - return null;
2422 - }
2423 - },
2424 -});
2425 -
2426 -var FluxContainer_FunctionalContainer_129 = React.createClass({
2427 - render: function() {
2428 - var props = this.props;
2429 - if (props.x === 289) {
2430 - return <AdsEditorErrorsCard128 x={288} />;
2431 - }
2432 - },
2433 -});
2434 -
2435 -var _render130 = React.createClass({
2436 - render: function() {
2437 - var props = this.props;
2438 - if (props.x === 290) {
2439 - return <FluxContainer_FunctionalContainer_129 x={289} />;
2440 - }
2441 - },
2442 -});
2443 -
2444 -var AdsEditorMultiColumnLayout131 = React.createClass({
2445 - render: function() {
2446 - var props = this.props;
2447 - if (props.x === 294) {
2448 - return (
2449 - <div className={"_psh"}>
2450 - <div className={"_3cc0"}>
2451 - <div>
2452 - <AdsEditorLoadingErrors90 x={215} key={".0"} />
2453 - <div className={"_3ms3"}>
2454 - <div className={"_3ms4"}>
2455 - <FluxContainer_AdsEditorColumnContainer_115 x={260} key={".1"} />
2456 - </div>
2457 - <div className={"_3pvg"}>
2458 - <FluxContainer_AdsEditorColumnContainer_115 x={293} key={".2"} />
2459 - </div>
2460 - </div>
2461 - </div>
2462 - </div>
2463 - </div>
2464 - );
2465 - }
2466 - },
2467 -});
2468 -
2469 -var AdsPECampaignGroupEditor132 = React.createClass({
2470 - render: function() {
2471 - var props = this.props;
2472 - if (props.x === 295) {
2473 - return (
2474 - <div>
2475 - <AdsPECampaignGroupHeaderSectionContainer89 x={214} />
2476 - <AdsEditorMultiColumnLayout131 x={294} />
2477 - </div>
2478 - );
2479 - }
2480 - },
2481 -});
2482 -
2483 -var AdsPECampaignGroupEditorContainer133 = React.createClass({
2484 - render: function() {
2485 - var props = this.props;
2486 - if (props.x === 296) {
2487 - return <AdsPECampaignGroupEditor132 x={295} />;
2488 - }
2489 - },
2490 -});
2491 -
2492 -var AdsPESideTrayTabContent134 = React.createClass({
2493 - render: function() {
2494 - var props = this.props;
2495 - if (props.x === 297) {
2496 - return (
2497 - <div className={"_1o_8 _44ra _5cyn"}>
2498 - <AdsPECampaignGroupEditorContainer133 x={296} />
2499 - </div>
2500 - );
2501 - }
2502 - },
2503 -});
2504 -
2505 -var AdsPEEditorTrayTabContentContainer135 = React.createClass({
2506 - render: function() {
2507 - var props = this.props;
2508 - if (props.x === 298) {
2509 - return <AdsPESideTrayTabContent134 x={297} />;
2510 - }
2511 - },
2512 -});
2513 -
2514 -var AdsPEMultiTabDrawer136 = React.createClass({
2515 - render: function() {
2516 - var props = this.props;
2517 - if (props.x === 299) {
2518 - return (
2519 - <div className={"_2kev _2kex"}>
2520 - <div className={"_5yno"}>
2521 - <AdsPEEditorTrayTabButton83 x={197} key={"editor_tray_button"} />
2522 - <AdsPEInsightsTrayTabButton84 x={202} key={"insights_tray_button"} />
2523 - <AdsPENekoDebuggerTrayTabButton85 x={204} key={"neko_debugger_tray_button"} />
2524 - </div>
2525 - <div className={"_5ynn"}>
2526 - <AdsPEEditorTrayTabContentContainer135 x={298} key={"EDITOR_DRAWER"} />
2527 - {null}
2528 - </div>
2529 - </div>
2530 - );
2531 - }
2532 - },
2533 -});
2534 -
2535 -var FluxContainer_AdsPEMultiTabDrawerContainer_137 = React.createClass({
2536 - render: function() {
2537 - var props = this.props;
2538 - if (props.x === 300) {
2539 - return <AdsPEMultiTabDrawer136 x={299} />;
2540 - }
2541 - },
2542 -});
2543 -
2544 -var AdsPESimpleOrganizer138 = React.createClass({
2545 - render: function() {
2546 - var props = this.props;
2547 - if (props.x === 309) {
2548 - return (
2549 - <div className={"_tm2"}>
2550 - <XUIButton4 x={304} />
2551 - <XUIButton4 x={306} />
2552 - <XUIButton4 x={308} />
2553 - </div>
2554 - );
2555 - }
2556 - },
2557 -});
2558 -
2559 -var AdsPEOrganizerContainer139 = React.createClass({
2560 - render: function() {
2561 - var props = this.props;
2562 - if (props.x === 310) {
2563 - return (
2564 - <div>
2565 - <AdsPESimpleOrganizer138 x={309} />
2566 - </div>
2567 - );
2568 - }
2569 - },
2570 -});
2571 -
2572 -var FixedDataTableColumnResizeHandle140 = React.createClass({
2573 - render: function() {
2574 - var props = this.props;
2575 - if (props.x === 313) {
2576 - return (
2577 - <div className={"_3487 _3488 _3489"} style={{"width":0,"height":25,"left":0}}>
2578 - <div className={"_348a"} style={{"height":25}}></div>
2579 - </div>
2580 - );
2581 - }
2582 - },
2583 -});
2584 -
2585 -var AdsPETableHeader141 = React.createClass({
2586 - render: function() {
2587 - var props = this.props;
2588 - if (props.x === 315) {
2589 - return (
2590 - <div className={"_1cig _1ksv _1vd7 _4h2r"} id={undefined}>
2591 - <ReactImage0 x={314} />
2592 - <span className={"_1cid"}>{"Campaigns"}</span>
2593 - </div>
2594 - );
2595 - }
2596 - if (props.x === 320) {
2597 - return (
2598 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2599 - {null}
2600 - <span className={"_1cid"}>{"Performance"}</span>
2601 - </div>
2602 - );
2603 - }
2604 - if (props.x === 323) {
2605 - return (
2606 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2607 - {null}
2608 - <span className={"_1cid"}>{"Overview"}</span>
2609 - </div>
2610 - );
2611 - }
2612 - if (props.x === 326) {
2613 - return (
2614 - <div className={"_1cig _1vd7 _4h2r"} id={undefined}>
2615 - {null}
2616 - <span className={"_1cid"}>{"Toplines"}</span>
2617 - </div>
2618 - );
2619 - }
2620 - if (props.x === 329) {
2621 - return <div className={"_1cig _1vd7 _4h2r"} id={undefined}></div>;
2622 - }
2623 - if (props.x === 340) {
2624 - return (
2625 - <div className={"_1cig _25fg"} id={undefined}>
2626 - {null}
2627 - <span className={"_1cid"}>{"Campaign Name"}</span>
2628 - </div>
2629 - );
2630 - }
2631 - if (props.x === 346) {
2632 - return (
2633 - <div className={"_1cig _25fg"} id={undefined} data-tooltip-content={"Changed"} data-hover={"tooltip"}>
2634 - <ReactImage0 x={345} />
2635 - {null}
2636 - </div>
2637 - );
2638 - }
2639 - if (props.x === 352) {
2640 - return (
2641 - <div className={"_1cig _25fg"} id={"ads_pe_table_error_header"} data-tooltip-content={"Errors"} data-hover={"tooltip"}>
2642 - <ReactImage0 x={351} />
2643 - {null}
2644 - </div>
2645 - );
2646 - }
2647 - if (props.x === 357) {
2648 - return (
2649 - <div className={"_1cig _25fg"} id={undefined}>
2650 - {null}
2651 - <span className={"_1cid"}>{"Status"}</span>
2652 - </div>
2653 - );
2654 - }
2655 - if (props.x === 362) {
2656 - return (
2657 - <div className={"_1cig _25fg"} id={undefined}>
2658 - {null}
2659 - <span className={"_1cid"}>{"Delivery"}</span>
2660 - </div>
2661 - );
2662 - }
2663 - if (props.x === 369) {
2664 - return (
2665 - <div className={"_1cig _25fg"} id={undefined}>
2666 - {null}
2667 - <span className={"_1cid"}>{"Results"}</span>
2668 - </div>
2669 - );
2670 - }
2671 - if (props.x === 374) {
2672 - return (
2673 - <div className={"_1cig _25fg"} id={undefined}>
2674 - {null}
2675 - <span className={"_1cid"}>{"Cost"}</span>
2676 - </div>
2677 - );
2678 - }
2679 - if (props.x === 379) {
2680 - return (
2681 - <div className={"_1cig _25fg"} id={undefined}>
2682 - {null}
2683 - <span className={"_1cid"}>{"Reach"}</span>
2684 - </div>
2685 - );
2686 - }
2687 - if (props.x === 384) {
2688 - return (
2689 - <div className={"_1cig _25fg"} id={undefined}>
2690 - {null}
2691 - <span className={"_1cid"}>{"Impressions"}</span>
2692 - </div>
2693 - );
2694 - }
2695 - if (props.x === 389) {
2696 - return (
2697 - <div className={"_1cig _25fg"} id={undefined}>
2698 - {null}
2699 - <span className={"_1cid"}>{"Clicks"}</span>
2700 - </div>
2701 - );
2702 - }
2703 - if (props.x === 394) {
2704 - return (
2705 - <div className={"_1cig _25fg"} id={undefined}>
2706 - {null}
2707 - <span className={"_1cid"}>{"Avg. CPM"}</span>
2708 - </div>
2709 - );
2710 - }
2711 - if (props.x === 399) {
2712 - return (
2713 - <div className={"_1cig _25fg"} id={undefined}>
2714 - {null}
2715 - <span className={"_1cid"}>{"Avg. CPC"}</span>
2716 - </div>
2717 - );
2718 - }
2719 - if (props.x === 404) {
2720 - return (
2721 - <div className={"_1cig _25fg"} id={undefined}>
2722 - {null}
2723 - <span className={"_1cid"}>{"CTR %"}</span>
2724 - </div>
2725 - );
2726 - }
2727 - if (props.x === 409) {
2728 - return (
2729 - <div className={"_1cig _25fg"} id={undefined}>
2730 - {null}
2731 - <span className={"_1cid"}>{"Spent"}</span>
2732 - </div>
2733 - );
2734 - }
2735 - if (props.x === 414) {
2736 - return (
2737 - <div className={"_1cig _25fg"} id={undefined}>
2738 - {null}
2739 - <span className={"_1cid"}>{"Objective"}</span>
2740 - </div>
2741 - );
2742 - }
2743 - if (props.x === 419) {
2744 - return (
2745 - <div className={"_1cig _25fg"} id={undefined}>
2746 - {null}
2747 - <span className={"_1cid"}>{"Buying Type"}</span>
2748 - </div>
2749 - );
2750 - }
2751 - if (props.x === 424) {
2752 - return (
2753 - <div className={"_1cig _25fg"} id={undefined}>
2754 - {null}
2755 - <span className={"_1cid"}>{"Campaign ID"}</span>
2756 - </div>
2757 - );
2758 - }
2759 - if (props.x === 429) {
2760 - return (
2761 - <div className={"_1cig _25fg"} id={undefined}>
2762 - {null}
2763 - <span className={"_1cid"}>{"Start"}</span>
2764 - </div>
2765 - );
2766 - }
2767 - if (props.x === 434) {
2768 - return (
2769 - <div className={"_1cig _25fg"} id={undefined}>
2770 - {null}
2771 - <span className={"_1cid"}>{"End"}</span>
2772 - </div>
2773 - );
2774 - }
2775 - if (props.x === 439) {
2776 - return (
2777 - <div className={"_1cig _25fg"} id={undefined}>
2778 - {null}
2779 - <span className={"_1cid"}>{"Date created"}</span>
2780 - </div>
2781 - );
2782 - }
2783 - if (props.x === 444) {
2784 - return (
2785 - <div className={"_1cig _25fg"} id={undefined}>
2786 - {null}
2787 - <span className={"_1cid"}>{"Date last edited"}</span>
2788 - </div>
2789 - );
2790 - }
2791 - if (props.x === 449) {
2792 - return (
2793 - <div className={"_1cig _25fg _4h2r"} id={undefined}>
2794 - {null}
2795 - <span className={"_1cid"}>{"Tags"}</span>
2796 - </div>
2797 - );
2798 - }
2799 - if (props.x === 452) {
2800 - return <div className={"_1cig _25fg _4h2r"} id={undefined}></div>;
2801 - }
2802 - },
2803 -});
2804 -
2805 -var TransitionCell142 = React.createClass({
2806 - render: function() {
2807 - var props = this.props;
2808 - if (props.x === 316) {
2809 - return (
2810 - <div isHeaderCell={true} label={"Campaigns"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={721} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":721}}>
2811 - <div className={"_4lgd _4h2w"}>
2812 - <div className={"_4lge _4h2x"}>
2813 - <AdsPETableHeader141 x={315} />
2814 - </div>
2815 - </div>
2816 - </div>
2817 - );
2818 - }
2819 - if (props.x === 321) {
2820 - return (
2821 - <div isHeaderCell={true} label={"Performance"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={798} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":798}}>
2822 - <div className={"_4lgd _4h2w"}>
2823 - <div className={"_4lge _4h2x"}>
2824 - <AdsPETableHeader141 x={320} />
2825 - </div>
2826 - </div>
2827 - </div>
2828 - );
2829 - }
2830 - if (props.x === 324) {
2831 - return (
2832 - <div isHeaderCell={true} label={"Overview"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={1022} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":1022}}>
2833 - <div className={"_4lgd _4h2w"}>
2834 - <div className={"_4lge _4h2x"}>
2835 - <AdsPETableHeader141 x={323} />
2836 - </div>
2837 - </div>
2838 - </div>
2839 - );
2840 - }
2841 - if (props.x === 327) {
2842 - return (
2843 - <div isHeaderCell={true} label={"Toplines"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
2844 - <div className={"_4lgd _4h2w"}>
2845 - <div className={"_4lge _4h2x"}>
2846 - <AdsPETableHeader141 x={326} />
2847 - </div>
2848 - </div>
2849 - </div>
2850 - );
2851 - }
2852 - if (props.x === 330) {
2853 - return (
2854 - <div isHeaderCell={true} label={""} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
2855 - <div className={"_4lgd _4h2w"}>
2856 - <div className={"_4lge _4h2x"}>
2857 - <AdsPETableHeader141 x={329} />
2858 - </div>
2859 - </div>
2860 - </div>
2861 - );
2862 - }
2863 - if (props.x === 338) {
2864 - return (
2865 - <div isHeaderCell={true} label={undefined} width={42} dataKey={"common.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"common.id"} height={25} style={{"height":25,"width":42}}>
2866 - <div className={"_4lgd _4h2w"}>
2867 - <div className={"_4lge _4h2x"}>
2868 - <XUICheckboxInput60 x={337} />
2869 - </div>
2870 - </div>
2871 - </div>
2872 - );
2873 - }
2874 - if (props.x === 343) {
2875 - return (
2876 - <div isHeaderCell={true} label={"Campaign Name"} width={400} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":400}}>
2877 - <div className={"_4lgd _4h2w"}>
2878 - <div className={"_4lge _4h2x"}>
2879 - <FixedDataTableSortableHeader149 x={342} />
2880 - </div>
2881 - </div>
2882 - </div>
2883 - );
2884 - }
2885 - if (props.x === 349) {
2886 - return (
2887 - <div isHeaderCell={true} label={undefined} width={33} dataKey={"edit_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"edit_status"} height={25} style={{"height":25,"width":33}}>
2888 - <div className={"_4lgd _4h2w"}>
2889 - <div className={"_4lge _4h2x"}>
2890 - <FixedDataTableSortableHeader149 x={348} />
2891 - </div>
2892 - </div>
2893 - </div>
2894 - );
2895 - }
2896 - if (props.x === 355) {
2897 - return (
2898 - <div isHeaderCell={true} label={undefined} width={36} dataKey={"errors"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"errors"} height={25} style={{"height":25,"width":36}}>
2899 - <div className={"_4lgd _4h2w"}>
2900 - <div className={"_4lge _4h2x"}>
2901 - <FixedDataTableSortableHeader149 x={354} />
2902 - </div>
2903 - </div>
2904 - </div>
2905 - );
2906 - }
2907 - if (props.x === 360) {
2908 - return (
2909 - <div isHeaderCell={true} label={"Status"} width={60} dataKey={"campaignGroup.status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.status"} height={25} style={{"height":25,"width":60}}>
2910 - <div className={"_4lgd _4h2w"}>
2911 - <div className={"_4lge _4h2x"}>
2912 - <FixedDataTableSortableHeader149 x={359} />
2913 - </div>
2914 - </div>
2915 - </div>
2916 - );
2917 - }
2918 - if (props.x === 365) {
2919 - return (
2920 - <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"derivedCampaignGroup.activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.activity_status"} height={25} style={{"height":25,"width":150}}>
2921 - <div className={"_4lgd _4h2w"}>
2922 - <div className={"_4lge _4h2x"}>
2923 - <FixedDataTableSortableHeader149 x={364} />
2924 - </div>
2925 - </div>
2926 - </div>
2927 - );
2928 - }
2929 - if (props.x === 372) {
2930 - return (
2931 - <div isHeaderCell={true} label={"Results"} width={140} dataKey={"stats.actions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.actions"} height={25} style={{"height":25,"width":140}}>
2932 - <div className={"_4lgd _4h2w"}>
2933 - <div className={"_4lge _4h2x"}>
2934 - <FixedDataTableSortableHeader149 x={371} />
2935 - </div>
2936 - </div>
2937 - </div>
2938 - );
2939 - }
2940 - if (props.x === 377) {
2941 - return (
2942 - <div isHeaderCell={true} label={"Cost"} width={140} dataKey={"stats.cpa"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.cpa"} height={25} style={{"height":25,"width":140}}>
2943 - <div className={"_4lgd _4h2w"}>
2944 - <div className={"_4lge _4h2x"}>
2945 - <FixedDataTableSortableHeader149 x={376} />
2946 - </div>
2947 - </div>
2948 - </div>
2949 - );
2950 - }
2951 - if (props.x === 382) {
2952 - return (
2953 - <div isHeaderCell={true} label={"Reach"} width={80} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":80}}>
2954 - <div className={"_4lgd _4h2w"}>
2955 - <div className={"_4lge _4h2x"}>
2956 - <FixedDataTableSortableHeader149 x={381} />
2957 - </div>
2958 - </div>
2959 - </div>
2960 - );
2961 - }
2962 - if (props.x === 387) {
2963 - return (
2964 - <div isHeaderCell={true} label={"Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
2965 - <div className={"_4lgd _4h2w"}>
2966 - <div className={"_4lge _4h2x"}>
2967 - <FixedDataTableSortableHeader149 x={386} />
2968 - </div>
2969 - </div>
2970 - </div>
2971 - );
2972 - }
2973 - if (props.x === 392) {
2974 - return (
2975 - <div isHeaderCell={true} label={"Clicks"} width={60} dataKey={"stats.clicks"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.clicks"} height={25} style={{"height":25,"width":60}}>
2976 - <div className={"_4lgd _4h2w"}>
2977 - <div className={"_4lge _4h2x"}>
2978 - <FixedDataTableSortableHeader149 x={391} />
2979 - </div>
2980 - </div>
2981 - </div>
2982 - );
2983 - }
2984 - if (props.x === 397) {
2985 - return (
2986 - <div isHeaderCell={true} label={"Avg. CPM"} width={80} dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpm"} height={25} style={{"height":25,"width":80}}>
2987 - <div className={"_4lgd _4h2w"}>
2988 - <div className={"_4lge _4h2x"}>
2989 - <FixedDataTableSortableHeader149 x={396} />
2990 - </div>
2991 - </div>
2992 - </div>
2993 - );
2994 - }
2995 - if (props.x === 402) {
2996 - return (
2997 - <div isHeaderCell={true} label={"Avg. CPC"} width={78} dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.avg_cpc"} height={25} style={{"height":25,"width":78}}>
2998 - <div className={"_4lgd _4h2w"}>
2999 - <div className={"_4lge _4h2x"}>
3000 - <FixedDataTableSortableHeader149 x={401} />
3001 - </div>
3002 - </div>
3003 - </div>
3004 - );
3005 - }
3006 - if (props.x === 407) {
3007 - return (
3008 - <div isHeaderCell={true} label={"CTR %"} width={70} dataKey={"stats.ctr"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.ctr"} height={25} style={{"height":25,"width":70}}>
3009 - <div className={"_4lgd _4h2w"}>
3010 - <div className={"_4lge _4h2x"}>
3011 - <FixedDataTableSortableHeader149 x={406} />
3012 - </div>
3013 - </div>
3014 - </div>
3015 - );
3016 - }
3017 - if (props.x === 412) {
3018 - return (
3019 - <div isHeaderCell={true} label={"Spent"} width={70} dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.spent_100"} height={25} style={{"height":25,"width":70}}>
3020 - <div className={"_4lgd _4h2w"}>
3021 - <div className={"_4lge _4h2x"}>
3022 - <FixedDataTableSortableHeader149 x={411} />
3023 - </div>
3024 - </div>
3025 - </div>
3026 - );
3027 - }
3028 - if (props.x === 417) {
3029 - return (
3030 - <div isHeaderCell={true} label={"Objective"} width={200} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":200}}>
3031 - <div className={"_4lgd _4h2w"}>
3032 - <div className={"_4lge _4h2x"}>
3033 - <FixedDataTableSortableHeader149 x={416} />
3034 - </div>
3035 - </div>
3036 - </div>
3037 - );
3038 - }
3039 - if (props.x === 422) {
3040 - return (
3041 - <div isHeaderCell={true} label={"Buying Type"} width={100} dataKey={"campaignGroup.buying_type"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.buying_type"} height={25} style={{"height":25,"width":100}}>
3042 - <div className={"_4lgd _4h2w"}>
3043 - <div className={"_4lge _4h2x"}>
3044 - <FixedDataTableSortableHeader149 x={421} />
3045 - </div>
3046 - </div>
3047 - </div>
3048 - );
3049 - }
3050 - if (props.x === 427) {
3051 - return (
3052 - <div isHeaderCell={true} label={"Campaign ID"} width={120} dataKey={"campaignGroup.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.id"} height={25} style={{"height":25,"width":120}}>
3053 - <div className={"_4lgd _4h2w"}>
3054 - <div className={"_4lge _4h2x"}>
3055 - <FixedDataTableSortableHeader149 x={426} />
3056 - </div>
3057 - </div>
3058 - </div>
3059 - );
3060 - }
3061 - if (props.x === 432) {
3062 - return (
3063 - <div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaignGroup.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.startDate"} height={25} style={{"height":25,"width":113}}>
3064 - <div className={"_4lgd _4h2w"}>
3065 - <div className={"_4lge _4h2x"}>
3066 - <FixedDataTableSortableHeader149 x={431} />
3067 - </div>
3068 - </div>
3069 - </div>
3070 - );
3071 - }
3072 - if (props.x === 437) {
3073 - return (
3074 - <div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaignGroup.stopDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.stopDate"} height={25} style={{"height":25,"width":113}}>
3075 - <div className={"_4lgd _4h2w"}>
3076 - <div className={"_4lge _4h2x"}>
3077 - <FixedDataTableSortableHeader149 x={436} />
3078 - </div>
3079 - </div>
3080 - </div>
3081 - );
3082 - }
3083 - if (props.x === 442) {
3084 - return (
3085 - <div isHeaderCell={true} label={"Date created"} width={113} dataKey={"derivedCampaignGroup.createdDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.createdDate"} height={25} style={{"height":25,"width":113}}>
3086 - <div className={"_4lgd _4h2w"}>
3087 - <div className={"_4lge _4h2x"}>
3088 - <FixedDataTableSortableHeader149 x={441} />
3089 - </div>
3090 - </div>
3091 - </div>
3092 - );
3093 - }
3094 - if (props.x === 447) {
3095 - return (
3096 - <div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"derivedCampaignGroup.updatedDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaignGroup.updatedDate"} height={25} style={{"height":25,"width":113}}>
3097 - <div className={"_4lgd _4h2w"}>
3098 - <div className={"_4lge _4h2x"}>
3099 - <FixedDataTableSortableHeader149 x={446} />
3100 - </div>
3101 - </div>
3102 - </div>
3103 - );
3104 - }
3105 - if (props.x === 450) {
3106 - return (
3107 - <div isHeaderCell={true} label={"Tags"} width={150} dataKey={"labels"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"labels"} height={25} style={{"height":25,"width":150}}>
3108 - <div className={"_4lgd _4h2w"}>
3109 - <div className={"_4lge _4h2x"}>
3110 - <AdsPETableHeader141 x={449} />
3111 - </div>
3112 - </div>
3113 - </div>
3114 - );
3115 - }
3116 - if (props.x === 453) {
3117 - return (
3118 - <div isHeaderCell={true} label={""} width={25} dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"scrollbar_spacer"} height={25} style={{"height":25,"width":25}}>
3119 - <div className={"_4lgd _4h2w"}>
3120 - <div className={"_4lge _4h2x"}>
3121 - <AdsPETableHeader141 x={452} />
3122 - </div>
3123 - </div>
3124 - </div>
3125 - );
3126 - }
3127 - },
3128 -});
3129 -
3130 -var FixedDataTableCell143 = React.createClass({
3131 - render: function() {
3132 - var props = this.props;
3133 - if (props.x === 317) {
3134 - return (
3135 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":721,"left":0}}>
3136 - {undefined}
3137 - <TransitionCell142 x={316} />
3138 - </div>
3139 - );
3140 - }
3141 - if (props.x === 322) {
3142 - return (
3143 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":798,"left":0}}>
3144 - {undefined}
3145 - <TransitionCell142 x={321} />
3146 - </div>
3147 - );
3148 - }
3149 - if (props.x === 325) {
3150 - return (
3151 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":1022,"left":798}}>
3152 - {undefined}
3153 - <TransitionCell142 x={324} />
3154 - </div>
3155 - );
3156 - }
3157 - if (props.x === 328) {
3158 - return (
3159 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":1820}}>
3160 - {undefined}
3161 - <TransitionCell142 x={327} />
3162 - </div>
3163 - );
3164 - }
3165 - if (props.x === 331) {
3166 - return (
3167 - <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":1820}}>
3168 - {undefined}
3169 - <TransitionCell142 x={330} />
3170 - </div>
3171 - );
3172 - }
3173 - if (props.x === 339) {
3174 - return (
3175 - <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
3176 - {undefined}
3177 - <TransitionCell142 x={338} />
3178 - </div>
3179 - );
3180 - }
3181 - if (props.x === 344) {
3182 - return (
3183 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":400,"left":42}}>
3184 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3185 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3186 - </div>
3187 - <TransitionCell142 x={343} />
3188 - </div>
3189 - );
3190 - }
3191 - if (props.x === 350) {
3192 - return (
3193 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":442}}>
3194 - {undefined}
3195 - <TransitionCell142 x={349} />
3196 - </div>
3197 - );
3198 - }
3199 - if (props.x === 356) {
3200 - return (
3201 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":475}}>
3202 - {undefined}
3203 - <TransitionCell142 x={355} />
3204 - </div>
3205 - );
3206 - }
3207 - if (props.x === 361) {
3208 - return (
3209 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":511}}>
3210 - {undefined}
3211 - <TransitionCell142 x={360} />
3212 - </div>
3213 - );
3214 - }
3215 - if (props.x === 366) {
3216 - return (
3217 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":571}}>
3218 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3219 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3220 - </div>
3221 - <TransitionCell142 x={365} />
3222 - </div>
3223 - );
3224 - }
3225 - if (props.x === 373) {
3226 - return (
3227 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":0}}>
3228 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3229 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3230 - </div>
3231 - <TransitionCell142 x={372} />
3232 - </div>
3233 - );
3234 - }
3235 - if (props.x === 378) {
3236 - return (
3237 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":140}}>
3238 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3239 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3240 - </div>
3241 - <TransitionCell142 x={377} />
3242 - </div>
3243 - );
3244 - }
3245 - if (props.x === 383) {
3246 - return (
3247 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":280}}>
3248 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3249 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3250 - </div>
3251 - <TransitionCell142 x={382} />
3252 - </div>
3253 - );
3254 - }
3255 - if (props.x === 388) {
3256 - return (
3257 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":360}}>
3258 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3259 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3260 - </div>
3261 - <TransitionCell142 x={387} />
3262 - </div>
3263 - );
3264 - }
3265 - if (props.x === 393) {
3266 - return (
3267 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":440}}>
3268 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3269 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3270 - </div>
3271 - <TransitionCell142 x={392} />
3272 - </div>
3273 - );
3274 - }
3275 - if (props.x === 398) {
3276 - return (
3277 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":500}}>
3278 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3279 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3280 - </div>
3281 - <TransitionCell142 x={397} />
3282 - </div>
3283 - );
3284 - }
3285 - if (props.x === 403) {
3286 - return (
3287 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":580}}>
3288 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3289 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3290 - </div>
3291 - <TransitionCell142 x={402} />
3292 - </div>
3293 - );
3294 - }
3295 - if (props.x === 408) {
3296 - return (
3297 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":658}}>
3298 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3299 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3300 - </div>
3301 - <TransitionCell142 x={407} />
3302 - </div>
3303 - );
3304 - }
3305 - if (props.x === 413) {
3306 - return (
3307 - <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":728}}>
3308 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3309 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3310 - </div>
3311 - <TransitionCell142 x={412} />
3312 - </div>
3313 - );
3314 - }
3315 - if (props.x === 418) {
3316 - return (
3317 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":798}}>
3318 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3319 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3320 - </div>
3321 - <TransitionCell142 x={417} />
3322 - </div>
3323 - );
3324 - }
3325 - if (props.x === 423) {
3326 - return (
3327 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":998}}>
3328 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3329 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3330 - </div>
3331 - <TransitionCell142 x={422} />
3332 - </div>
3333 - );
3334 - }
3335 - if (props.x === 428) {
3336 - return (
3337 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1098}}>
3338 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3339 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3340 - </div>
3341 - <TransitionCell142 x={427} />
3342 - </div>
3343 - );
3344 - }
3345 - if (props.x === 433) {
3346 - return (
3347 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1218}}>
3348 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3349 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3350 - </div>
3351 - <TransitionCell142 x={432} />
3352 - </div>
3353 - );
3354 - }
3355 - if (props.x === 438) {
3356 - return (
3357 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1331}}>
3358 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3359 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3360 - </div>
3361 - <TransitionCell142 x={437} />
3362 - </div>
3363 - );
3364 - }
3365 - if (props.x === 443) {
3366 - return (
3367 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1444}}>
3368 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3369 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3370 - </div>
3371 - <TransitionCell142 x={442} />
3372 - </div>
3373 - );
3374 - }
3375 - if (props.x === 448) {
3376 - return (
3377 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1557}}>
3378 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3379 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3380 - </div>
3381 - <TransitionCell142 x={447} />
3382 - </div>
3383 - );
3384 - }
3385 - if (props.x === 451) {
3386 - return (
3387 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":1670}}>
3388 - <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3389 - <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3390 - </div>
3391 - <TransitionCell142 x={450} />
3392 - </div>
3393 - );
3394 - }
3395 - if (props.x === 454) {
3396 - return (
3397 - <div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":1820}}>
3398 - {undefined}
3399 - <TransitionCell142 x={453} />
3400 - </div>
3401 - );
3402 - }
3403 - },
3404 -});
3405 -
3406 -var FixedDataTableCellGroupImpl144 = React.createClass({
3407 - render: function() {
3408 - var props = this.props;
3409 - if (props.x === 318) {
3410 - return (
3411 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3412 - <FixedDataTableCell143 x={317} key={"cell_0"} />
3413 - </div>
3414 - );
3415 - }
3416 - if (props.x === 332) {
3417 - return (
3418 - <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3419 - <FixedDataTableCell143 x={322} key={"cell_0"} />
3420 - <FixedDataTableCell143 x={325} key={"cell_1"} />
3421 - <FixedDataTableCell143 x={328} key={"cell_2"} />
3422 - <FixedDataTableCell143 x={331} key={"cell_3"} />
3423 - </div>
3424 - );
3425 - }
3426 - if (props.x === 367) {
3427 - return (
3428 - <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":721,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3429 - <FixedDataTableCell143 x={339} key={"cell_0"} />
3430 - <FixedDataTableCell143 x={344} key={"cell_1"} />
3431 - <FixedDataTableCell143 x={350} key={"cell_2"} />
3432 - <FixedDataTableCell143 x={356} key={"cell_3"} />
3433 - <FixedDataTableCell143 x={361} key={"cell_4"} />
3434 - <FixedDataTableCell143 x={366} key={"cell_5"} />
3435 - </div>
3436 - );
3437 - }
3438 - if (props.x === 455) {
3439 - return (
3440 - <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":1845,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3441 - <FixedDataTableCell143 x={373} key={"cell_0"} />
3442 - <FixedDataTableCell143 x={378} key={"cell_1"} />
3443 - <FixedDataTableCell143 x={383} key={"cell_2"} />
3444 - <FixedDataTableCell143 x={388} key={"cell_3"} />
3445 - <FixedDataTableCell143 x={393} key={"cell_4"} />
3446 - <FixedDataTableCell143 x={398} key={"cell_5"} />
3447 - <FixedDataTableCell143 x={403} key={"cell_6"} />
3448 - <FixedDataTableCell143 x={408} key={"cell_7"} />
3449 - <FixedDataTableCell143 x={413} key={"cell_8"} />
3450 - <FixedDataTableCell143 x={418} key={"cell_9"} />
3451 - <FixedDataTableCell143 x={423} key={"cell_10"} />
3452 - <FixedDataTableCell143 x={428} key={"cell_11"} />
3453 - <FixedDataTableCell143 x={433} key={"cell_12"} />
3454 - <FixedDataTableCell143 x={438} key={"cell_13"} />
3455 - <FixedDataTableCell143 x={443} key={"cell_14"} />
3456 - <FixedDataTableCell143 x={448} key={"cell_15"} />
3457 - <FixedDataTableCell143 x={451} key={"cell_16"} />
3458 - <FixedDataTableCell143 x={454} key={"cell_17"} />
3459 - </div>
3460 - );
3461 - }
3462 - },
3463 -});
3464 -
3465 -var FixedDataTableCellGroup145 = React.createClass({
3466 - render: function() {
3467 - var props = this.props;
3468 - if (props.x === 319) {
3469 - return (
3470 - <div style={{"height":40,"left":0}} className={"_3pzk"}>
3471 - <FixedDataTableCellGroupImpl144 x={318} />
3472 - </div>
3473 - );
3474 - }
3475 - if (props.x === 333) {
3476 - return (
3477 - <div style={{"height":40,"left":721}} className={"_3pzk"}>
3478 - <FixedDataTableCellGroupImpl144 x={332} />
3479 - </div>
3480 - );
3481 - }
3482 - if (props.x === 368) {
3483 - return (
3484 - <div style={{"height":25,"left":0}} className={"_3pzk"}>
3485 - <FixedDataTableCellGroupImpl144 x={367} />
3486 - </div>
3487 - );
3488 - }
3489 - if (props.x === 456) {
3490 - return (
3491 - <div style={{"height":25,"left":721}} className={"_3pzk"}>
3492 - <FixedDataTableCellGroupImpl144 x={455} />
3493 - </div>
3494 - );
3495 - }
3496 - },
3497 -});
3498 -
3499 -var FixedDataTableRowImpl146 = React.createClass({
3500 - render: function() {
3501 - var props = this.props;
3502 - if (props.x === 334) {
3503 - return (
3504 - <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":40}}>
3505 - <div className={"_1gd5"}>
3506 - <FixedDataTableCellGroup145 x={319} key={"fixed_cells"} />
3507 - <FixedDataTableCellGroup145 x={333} key={"scrollable_cells"} />
3508 - <div className={"_1gd6 _1gd8"} style={{"left":721,"height":40}}></div>
3509 - </div>
3510 - </div>
3511 - );
3512 - }
3513 - if (props.x === 457) {
3514 - return (
3515 - <div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1209,"height":25}}>
3516 - <div className={"_1gd5"}>
3517 - <FixedDataTableCellGroup145 x={368} key={"fixed_cells"} />
3518 - <FixedDataTableCellGroup145 x={456} key={"scrollable_cells"} />
3519 - <div className={"_1gd6 _1gd8"} style={{"left":721,"height":25}}></div>
3520 - </div>
3521 - </div>
3522 - );
3523 - }
3524 - },
3525 -});
3526 -
3527 -var FixedDataTableRow147 = React.createClass({
3528 - render: function() {
3529 - var props = this.props;
3530 - if (props.x === 335) {
3531 - return (
3532 - <div style={{"width":1209,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3533 - <FixedDataTableRowImpl146 x={334} />
3534 - </div>
3535 - );
3536 - }
3537 - if (props.x === 458) {
3538 - return (
3539 - <div style={{"width":1209,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3540 - <FixedDataTableRowImpl146 x={457} />
3541 - </div>
3542 - );
3543 - }
3544 - },
3545 -});
3546 -
3547 -var FixedDataTableAbstractSortableHeader148 = React.createClass({
3548 - render: function() {
3549 - var props = this.props;
3550 - if (props.x === 341) {
3551 - return (
3552 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3553 - <div className={"_2eq6"}>
3554 - {null}
3555 - <AdsPETableHeader141 x={340} />
3556 - </div>
3557 - </div>
3558 - );
3559 - }
3560 - if (props.x === 347) {
3561 - return (
3562 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3563 - <div className={"_2eq6"}>
3564 - {null}
3565 - <AdsPETableHeader141 x={346} />
3566 - </div>
3567 - </div>
3568 - );
3569 - }
3570 - if (props.x === 353) {
3571 - return (
3572 - <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
3573 - <div className={"_2eq6"}>
3574 - {null}
3575 - <AdsPETableHeader141 x={352} />
3576 - </div>
3577 - </div>
3578 - );
3579 - }
3580 - if (props.x === 358) {
3581 - return (
3582 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3583 - <div className={"_2eq6"}>
3584 - {null}
3585 - <AdsPETableHeader141 x={357} />
3586 - </div>
3587 - </div>
3588 - );
3589 - }
3590 - if (props.x === 363) {
3591 - return (
3592 - <div onClick={function() {}} className={"_54_8 _54_9 _4h2r _2wzx"}>
3593 - <div className={"_2eq6"}>
3594 - {null}
3595 - <AdsPETableHeader141 x={362} />
3596 - </div>
3597 - </div>
3598 - );
3599 - }
3600 - if (props.x === 370) {
3601 - return (
3602 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3603 - <div className={"_2eq6"}>
3604 - {null}
3605 - <AdsPETableHeader141 x={369} />
3606 - </div>
3607 - </div>
3608 - );
3609 - }
3610 - if (props.x === 375) {
3611 - return (
3612 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3613 - <div className={"_2eq6"}>
3614 - {null}
3615 - <AdsPETableHeader141 x={374} />
3616 - </div>
3617 - </div>
3618 - );
3619 - }
3620 - if (props.x === 380) {
3621 - return (
3622 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3623 - <div className={"_2eq6"}>
3624 - {null}
3625 - <AdsPETableHeader141 x={379} />
3626 - </div>
3627 - </div>
3628 - );
3629 - }
3630 - if (props.x === 385) {
3631 - return (
3632 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3633 - <div className={"_2eq6"}>
3634 - {null}
3635 - <AdsPETableHeader141 x={384} />
3636 - </div>
3637 - </div>
3638 - );
3639 - }
3640 - if (props.x === 390) {
3641 - return (
3642 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3643 - <div className={"_2eq6"}>
3644 - {null}
3645 - <AdsPETableHeader141 x={389} />
3646 - </div>
3647 - </div>
3648 - );
3649 - }
3650 - if (props.x === 395) {
3651 - return (
3652 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3653 - <div className={"_2eq6"}>
3654 - {null}
3655 - <AdsPETableHeader141 x={394} />
3656 - </div>
3657 - </div>
3658 - );
3659 - }
3660 - if (props.x === 400) {
3661 - return (
3662 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3663 - <div className={"_2eq6"}>
3664 - {null}
3665 - <AdsPETableHeader141 x={399} />
3666 - </div>
3667 - </div>
3668 - );
3669 - }
3670 - if (props.x === 405) {
3671 - return (
3672 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3673 - <div className={"_2eq6"}>
3674 - {null}
3675 - <AdsPETableHeader141 x={404} />
3676 - </div>
3677 - </div>
3678 - );
3679 - }
3680 - if (props.x === 410) {
3681 - return (
3682 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3683 - <div className={"_2eq6"}>
3684 - {null}
3685 - <AdsPETableHeader141 x={409} />
3686 - </div>
3687 - </div>
3688 - );
3689 - }
3690 - if (props.x === 415) {
3691 - return (
3692 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3693 - <div className={"_2eq6"}>
3694 - {null}
3695 - <AdsPETableHeader141 x={414} />
3696 - </div>
3697 - </div>
3698 - );
3699 - }
3700 - if (props.x === 420) {
3701 - return (
3702 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3703 - <div className={"_2eq6"}>
3704 - {null}
3705 - <AdsPETableHeader141 x={419} />
3706 - </div>
3707 - </div>
3708 - );
3709 - }
3710 - if (props.x === 425) {
3711 - return (
3712 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3713 - <div className={"_2eq6"}>
3714 - {null}
3715 - <AdsPETableHeader141 x={424} />
3716 - </div>
3717 - </div>
3718 - );
3719 - }
3720 - if (props.x === 430) {
3721 - return (
3722 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3723 - <div className={"_2eq6"}>
3724 - {null}
3725 - <AdsPETableHeader141 x={429} />
3726 - </div>
3727 - </div>
3728 - );
3729 - }
3730 - if (props.x === 435) {
3731 - return (
3732 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3733 - <div className={"_2eq6"}>
3734 - {null}
3735 - <AdsPETableHeader141 x={434} />
3736 - </div>
3737 - </div>
3738 - );
3739 - }
3740 - if (props.x === 440) {
3741 - return (
3742 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3743 - <div className={"_2eq6"}>
3744 - {null}
3745 - <AdsPETableHeader141 x={439} />
3746 - </div>
3747 - </div>
3748 - );
3749 - }
3750 - if (props.x === 445) {
3751 - return (
3752 - <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3753 - <div className={"_2eq6"}>
3754 - {null}
3755 - <AdsPETableHeader141 x={444} />
3756 - </div>
3757 - </div>
3758 - );
3759 - }
3760 - },
3761 -});
3762 -
3763 -var FixedDataTableSortableHeader149 = React.createClass({
3764 - render: function() {
3765 - var props = this.props;
3766 - if (props.x === 342) {
3767 - return <FixedDataTableAbstractSortableHeader148 x={341} />;
3768 - }
3769 - if (props.x === 348) {
3770 - return <FixedDataTableAbstractSortableHeader148 x={347} />;
3771 - }
3772 - if (props.x === 354) {
3773 - return <FixedDataTableAbstractSortableHeader148 x={353} />;
3774 - }
3775 - if (props.x === 359) {
3776 - return <FixedDataTableAbstractSortableHeader148 x={358} />;
3777 - }
3778 - if (props.x === 364) {
3779 - return <FixedDataTableAbstractSortableHeader148 x={363} />;
3780 - }
3781 - if (props.x === 371) {
3782 - return <FixedDataTableAbstractSortableHeader148 x={370} />;
3783 - }
3784 - if (props.x === 376) {
3785 - return <FixedDataTableAbstractSortableHeader148 x={375} />;
3786 - }
3787 - if (props.x === 381) {
3788 - return <FixedDataTableAbstractSortableHeader148 x={380} />;
3789 - }
3790 - if (props.x === 386) {
3791 - return <FixedDataTableAbstractSortableHeader148 x={385} />;
3792 - }
3793 - if (props.x === 391) {
3794 - return <FixedDataTableAbstractSortableHeader148 x={390} />;
3795 - }
3796 - if (props.x === 396) {
3797 - return <FixedDataTableAbstractSortableHeader148 x={395} />;
3798 - }
3799 - if (props.x === 401) {
3800 - return <FixedDataTableAbstractSortableHeader148 x={400} />;
3801 - }
3802 - if (props.x === 406) {
3803 - return <FixedDataTableAbstractSortableHeader148 x={405} />;
3804 - }
3805 - if (props.x === 411) {
3806 - return <FixedDataTableAbstractSortableHeader148 x={410} />;
3807 - }
3808 - if (props.x === 416) {
3809 - return <FixedDataTableAbstractSortableHeader148 x={415} />;
3810 - }
3811 - if (props.x === 421) {
3812 - return <FixedDataTableAbstractSortableHeader148 x={420} />;
3813 - }
3814 - if (props.x === 426) {
3815 - return <FixedDataTableAbstractSortableHeader148 x={425} />;
3816 - }
3817 - if (props.x === 431) {
3818 - return <FixedDataTableAbstractSortableHeader148 x={430} />;
3819 - }
3820 - if (props.x === 436) {
3821 - return <FixedDataTableAbstractSortableHeader148 x={435} />;
3822 - }
3823 - if (props.x === 441) {
3824 - return <FixedDataTableAbstractSortableHeader148 x={440} />;
3825 - }
3826 - if (props.x === 446) {
3827 - return <FixedDataTableAbstractSortableHeader148 x={445} />;
3828 - }
3829 - },
3830 -});
3831 -
3832 -var FixedDataTableBufferedRows150 = React.createClass({
3833 - render: function() {
3834 - var props = this.props;
3835 - if (props.x === 459) {
3836 - return <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}></div>;
3837 - }
3838 - },
3839 -});
3840 -
3841 -var Scrollbar151 = React.createClass({
3842 - render: function() {
3843 - var props = this.props;
3844 - if (props.x === 460) {
3845 - return null;
3846 - }
3847 - if (props.x === 461) {
3848 - return (
3849 - <div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1209,"zIndex":99}} tabIndex={0}>
3850 - <div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":561.6340607950117,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
3851 - </div>
3852 - );
3853 - }
3854 - },
3855 -});
3856 -
3857 -var HorizontalScrollbar152 = React.createClass({
3858 - render: function() {
3859 - var props = this.props;
3860 - if (props.x === 462) {
3861 - return (
3862 - <div className={"_3h1k _3h1m"} style={{"height":15,"width":1209}}>
3863 - <div style={{"height":15,"position":"absolute","overflow":"hidden","width":1209,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3864 - <Scrollbar151 x={461} />
3865 - </div>
3866 - </div>
3867 - );
3868 - }
3869 - },
3870 -});
3871 -
3872 -var FixedDataTable153 = React.createClass({
3873 - render: function() {
3874 - var props = this.props;
3875 - if (props.x === 463) {
3876 - return (
3877 - <div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":25,"width":1209}}>
3878 - <div className={"_3h1j"} style={{"height":8,"width":1209}}>
3879 - <FixedDataTableColumnResizeHandle140 x={313} />
3880 - <FixedDataTableRow147 x={335} key={"group_header"} />
3881 - <FixedDataTableRow147 x={458} key={"header"} />
3882 - <FixedDataTableBufferedRows150 x={459} />
3883 - {null}
3884 - {undefined}
3885 - <div className={"_3h1e _3h1h"} style={{"top":8}}></div>
3886 - </div>
3887 - <Scrollbar151 x={460} />
3888 - <HorizontalScrollbar152 x={462} />
3889 - </div>
3890 - );
3891 - }
3892 - },
3893 -});
3894 -
3895 -var TransitionTable154 = React.createClass({
3896 - render: function() {
3897 - var props = this.props;
3898 - if (props.x === 464) {
3899 - return <FixedDataTable153 x={463} ref={"fixedDataTable"} />;
3900 - }
3901 - },
3902 -});
3903 -
3904 -var AdsSelectableFixedDataTable155 = React.createClass({
3905 - render: function() {
3906 - var props = this.props;
3907 - if (props.x === 465) {
3908 - return (
3909 - <div className={"_5hht"}>
3910 - <TransitionTable154 x={464} />
3911 - </div>
3912 - );
3913 - }
3914 - },
3915 -});
3916 -
3917 -var AdsDataTableKeyboardSupportDecorator156 = React.createClass({
3918 - render: function() {
3919 - var props = this.props;
3920 - if (props.x === 466) {
3921 - return (
3922 - <div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
3923 - <AdsSelectableFixedDataTable155 x={465} />
3924 - </div>
3925 - );
3926 - }
3927 - },
3928 -});
3929 -
3930 -var AdsEditableDataTableDecorator157 = React.createClass({
3931 - render: function() {
3932 - var props = this.props;
3933 - if (props.x === 467) {
3934 - return (
3935 - <div onCopy={function() {}}>
3936 - <AdsDataTableKeyboardSupportDecorator156 x={466} ref={"decoratedTable"} />
3937 - </div>
3938 - );
3939 - }
3940 - },
3941 -});
3942 -
3943 -var AdsPEDataTableContainer158 = React.createClass({
3944 - render: function() {
3945 - var props = this.props;
3946 - if (props.x === 468) {
3947 - return (
3948 - <div className={"_35l_ _1hr clearfix"}>
3949 - {null}
3950 - {null}
3951 - {null}
3952 - <AdsEditableDataTableDecorator157 x={467} />
3953 - </div>
3954 - );
3955 - }
3956 - },
3957 -});
3958 -
3959 -var AdsPECampaignGroupTableContainer159 = React.createClass({
3960 - render: function() {
3961 - var props = this.props;
3962 - if (props.x === 470) {
3963 - return <ResponsiveBlock37 x={469} />;
3964 - }
3965 - },
3966 -});
3967 -
3968 -var AdsPEManageAdsPaneContainer160 = React.createClass({
3969 - render: function() {
3970 - var props = this.props;
3971 - if (props.x === 473) {
3972 - return (
3973 - <div>
3974 - <AdsErrorBoundary10 x={65} />
3975 - <div className={"_2uty"}>
3976 - <AdsErrorBoundary10 x={125} />
3977 - </div>
3978 - <div className={"_2utx _21oc"}>
3979 - <AdsErrorBoundary10 x={171} />
3980 - <div className={"_41tu"}>
3981 - <AdsErrorBoundary10 x={176} />
3982 - <AdsErrorBoundary10 x={194} />
3983 - </div>
3984 - </div>
3985 - <div className={"_2utz"} style={{"height":25}}>
3986 - <AdsErrorBoundary10 x={302} />
3987 - <div className={"_2ut-"}>
3988 - <AdsErrorBoundary10 x={312} />
3989 - </div>
3990 - <div className={"_2ut_"}>
3991 - <AdsErrorBoundary10 x={472} />
3992 - </div>
3993 - </div>
3994 - </div>
3995 - );
3996 - }
3997 - },
3998 -});
3999 -
4000 -var AdsPEContentContainer161 = React.createClass({
4001 - render: function() {
4002 - var props = this.props;
4003 - if (props.x === 474) {
4004 - return <AdsPEManageAdsPaneContainer160 x={473} />;
4005 - }
4006 - },
4007 -});
4008 -
4009 -var FluxContainer_AdsPEWorkspaceContainer_162 = React.createClass({
4010 - render: function() {
4011 - var props = this.props;
4012 - if (props.x === 477) {
4013 - return (
4014 - <div className={"_49wu"} style={{"height":177,"top":43,"width":1306}}>
4015 - <ResponsiveBlock37 x={62} />
4016 - <AdsErrorBoundary10 x={476} />
4017 - {null}
4018 - </div>
4019 - );
4020 - }
4021 - },
4022 -});
4023 -
4024 -var FluxContainer_AdsSessionExpiredDialogContainer_163 = React.createClass({
4025 - render: function() {
4026 - var props = this.props;
4027 - if (props.x === 478) {
4028 - return null;
4029 - }
4030 - },
4031 -});
4032 -
4033 -var FluxContainer_AdsPEUploadDialogLazyContainer_164 = React.createClass({
4034 - render: function() {
4035 - var props = this.props;
4036 - if (props.x === 479) {
4037 - return null;
4038 - }
4039 - },
4040 -});
4041 -
4042 -var FluxContainer_DialogContainer_165 = React.createClass({
4043 - render: function() {
4044 - var props = this.props;
4045 - if (props.x === 480) {
4046 - return null;
4047 - }
4048 - },
4049 -});
4050 -
4051 -var AdsBugReportContainer166 = React.createClass({
4052 - render: function() {
4053 - var props = this.props;
4054 - if (props.x === 481) {
4055 - return <span></span>;
4056 - }
4057 - },
4058 -});
4059 -
4060 -var AdsPEAudienceSplittingDialog167 = React.createClass({
4061 - render: function() {
4062 - var props = this.props;
4063 - if (props.x === 482) {
4064 - return null;
4065 - }
4066 - },
4067 -});
4068 -
4069 -var AdsPEAudienceSplittingDialogContainer168 = React.createClass({
4070 - render: function() {
4071 - var props = this.props;
4072 - if (props.x === 483) {
4073 - return (
4074 - <div>
4075 - <AdsPEAudienceSplittingDialog167 x={482} />
4076 - </div>
4077 - );
4078 - }
4079 - },
4080 -});
4081 -
4082 -var FluxContainer_AdsRuleDialogBootloadContainer_169 = React.createClass({
4083 - render: function() {
4084 - var props = this.props;
4085 - if (props.x === 484) {
4086 - return null;
4087 - }
4088 - },
4089 -});
4090 -
4091 -var FluxContainer_AdsPECFTrayContainer_170 = React.createClass({
4092 - render: function() {
4093 - var props = this.props;
4094 - if (props.x === 485) {
4095 - return null;
4096 - }
4097 - },
4098 -});
4099 -
4100 -var FluxContainer_AdsPEDeleteDraftContainer_171 = React.createClass({
4101 - render: function() {
4102 - var props = this.props;
4103 - if (props.x === 486) {
4104 - return null;
4105 - }
4106 - },
4107 -});
4108 -
4109 -var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = React.createClass({
4110 - render: function() {
4111 - var props = this.props;
4112 - if (props.x === 487) {
4113 - return null;
4114 - }
4115 - },
4116 -});
4117 -
4118 -var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = React.createClass({
4119 - render: function() {
4120 - var props = this.props;
4121 - if (props.x === 488) {
4122 - return null;
4123 - }
4124 - },
4125 -});
4126 -
4127 -var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = React.createClass({
4128 - render: function() {
4129 - var props = this.props;
4130 - if (props.x === 489) {
4131 - return null;
4132 - }
4133 - },
4134 -});
4135 -
4136 -var AdsPECreateDialogContainer175 = React.createClass({
4137 - render: function() {
4138 - var props = this.props;
4139 - if (props.x === 490) {
4140 - return <span></span>;
4141 - }
4142 - },
4143 -});
4144 -
4145 -var FluxContainer_AdsPEModalStatusContainer_176 = React.createClass({
4146 - render: function() {
4147 - var props = this.props;
4148 - if (props.x === 491) {
4149 - return null;
4150 - }
4151 - },
4152 -});
4153 -
4154 -var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = React.createClass({
4155 - render: function() {
4156 - var props = this.props;
4157 - if (props.x === 492) {
4158 - return null;
4159 - }
4160 - },
4161 -});
4162 -
4163 -var FluxContainer_AdsPESortByErrorTipContainer_178 = React.createClass({
4164 - render: function() {
4165 - var props = this.props;
4166 - if (props.x === 493) {
4167 - return null;
4168 - }
4169 - },
4170 -});
4171 -
4172 -var LeadDownloadDialogSelector179 = React.createClass({
4173 - render: function() {
4174 - var props = this.props;
4175 - if (props.x === 494) {
4176 - return null;
4177 - }
4178 - },
4179 -});
4180 -
4181 -var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = React.createClass({
4182 - render: function() {
4183 - var props = this.props;
4184 - if (props.x === 495) {
4185 - return <LeadDownloadDialogSelector179 x={494} />;
4186 - }
4187 - },
4188 -});
4189 -
4190 -var AdsPEContainer181 = React.createClass({
4191 - render: function() {
4192 - var props = this.props;
4193 - if (props.x === 496) {
4194 - return (
4195 - <div id={"ads_pe_container"}>
4196 - <FluxContainer_AdsPETopNavContainer_26 x={41} />
4197 - {null}
4198 - <FluxContainer_AdsPEWorkspaceContainer_162 x={477} />
4199 - <FluxContainer_AdsSessionExpiredDialogContainer_163 x={478} />
4200 - <FluxContainer_AdsPEUploadDialogLazyContainer_164 x={479} />
4201 - <FluxContainer_DialogContainer_165 x={480} />
4202 - <AdsBugReportContainer166 x={481} />
4203 - <AdsPEAudienceSplittingDialogContainer168 x={483} />
4204 - <FluxContainer_AdsRuleDialogBootloadContainer_169 x={484} />
4205 - <FluxContainer_AdsPECFTrayContainer_170 x={485} />
4206 - <span>
4207 - <FluxContainer_AdsPEDeleteDraftContainer_171 x={486} />
4208 - <FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 x={487} />
4209 - <FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 x={488} />
4210 - </span>
4211 - <FluxContainer_AdsPEPurgeArchiveDialogContainer_174 x={489} />
4212 - <AdsPECreateDialogContainer175 x={490} />
4213 - <FluxContainer_AdsPEModalStatusContainer_176 x={491} />
4214 - <FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 x={492} />
4215 - <FluxContainer_AdsPESortByErrorTipContainer_178 x={493} />
4216 - <FluxContainer_AdsPELeadDownloadDialogContainerClass_180 x={495} />
4217 - <div id={"web_ads_guidance_tips"}></div>
4218 - </div>
4219 - );
4220 - }
4221 - },
4222 -});
4223 -
4224 -var Benchmark = React.createClass({
4225 - render: function() {
4226 - var props = this.props;
4227 - if (props.x === undefined) {
4228 - return <AdsPEContainer181 x={496} />;
4229 - }
4230 - },
4231 -});
4232 -
4233 -this.Benchmark = Benchmark;
4234 -
4235 -})(this);
scripts/bench/benchmark.js new
+131
@@ -0,0 +1,131 @@
1 +'use strict';
2 +
3 +const Lighthouse = require('lighthouse');
4 +const ChromeLauncher = require('lighthouse/lighthouse-cli/chrome-launcher.js').ChromeLauncher;
5 +const stats = require('stats-analysis');
6 +const config = require('lighthouse/lighthouse-core/config/perf.json');
7 +const spawn = require('child_process').spawn;
8 +const os = require('os');
9 +
10 +const timesToRun = 10;
11 +
12 +function wait(val) {
13 + return new Promise(resolve => setTimeout(resolve, val));
14 +}
15 +
16 +async function runScenario(benchmark, launcher) {
17 + const results = await Lighthouse(`http://localhost:8080/${benchmark}/`, {
18 + output: 'json',
19 + disableCpuThrottling: false,
20 + disableNetworkThrottling: false,
21 + }, config);
22 + const perfMarkings = results.audits['user-timings'].extendedInfo.value;
23 + const entries = perfMarkings
24 + .filter(marker => !marker.isMark)
25 + .map(({ duration, name }) => ({
26 + entry: name,
27 + time: duration,
28 + }));
29 + entries.push({
30 + entry: 'First Meaningful Paint',
31 + time: results.audits['first-meaningful-paint'].rawValue,
32 + });
33 + return entries;
34 +}
35 +
36 +function bootstrap(data) {
37 + const len = data.length;
38 + const arr = Array(len);
39 + for (let j = 0; j < len; j++) {
40 + arr[j] = data[(Math.random() * len) | 0];
41 + }
42 + return arr;
43 +}
44 +
45 +function calculateStandardErrorOfMean(data) {
46 + const means = [];
47 + for (let i = 0; i < 10000; i++) {
48 + means.push(stats.mean(bootstrap(data)));
49 + }
50 + return stats.stdev(means);
51 +}
52 +
53 +function calculateAverages(runs) {
54 + const data = [];
55 + const averages = [];
56 +
57 + runs.forEach((entries, x) => {
58 + entries.forEach(({ entry, time }, i) => {
59 + if (i >= averages.length) {
60 + data.push([time]);
61 + averages.push({
62 + entry,
63 + mean: 0,
64 + sem: 0,
65 + });
66 + } else {
67 + data[i].push(time);
68 + if (x === runs.length - 1) {
69 + const dataWithoutOutliers = stats.filterMADoutliers(data[i]);
70 + averages[i].mean = stats.mean(dataWithoutOutliers);
71 + averages[i].sem = calculateStandardErrorOfMean(data[i]);
72 + }
73 + }
74 + });
75 + });
76 +
77 + return averages;
78 +}
79 +
80 +async function initChrome() {
81 + const platform = os.platform();
82 +
83 + if (platform === 'linux') {
84 + process.env.XVFBARGS = '-screen 0, 1024x768x16';
85 + process.env.LIGHTHOUSE_CHROMIUM_PATH = 'chromium-browser';
86 + const child = spawn('xvfb start', [{ detached: true, stdio: ['ignore'] }]);
87 + child.unref();
88 + // wait for chrome to load then continue
89 + await wait(3000);
90 + return child;
91 + }
92 +}
93 +
94 +async function launchChrome(headless) {
95 + let launcher;
96 + try {
97 + launcher = new ChromeLauncher({
98 + additionalFlags: [headless ? '--headless' : ''],
99 + });
100 + await launcher.isDebuggerReady();
101 + } catch (e) {
102 + return launcher.run();
103 + }
104 + return launcher;
105 +}
106 +
107 +async function runBenchmark(benchmark, headless) {
108 + const results = {
109 + runs: [],
110 + averages: [],
111 + };
112 +
113 + await initChrome();
114 +
115 + for (let i = 0; i < timesToRun; i++) {
116 + let launcher = await launchChrome(headless);
117 +
118 + results.runs.push(await runScenario(benchmark, launcher));
119 + // add a delay or sometimes it confuses lighthouse and it hangs
120 + await wait(500);
121 + try {
122 + await launcher.kill();
123 + } catch (e) {}
124 + }
125 +
126 + results.averages = calculateAverages(results.runs);
127 + return results;
128 +}
129 +
130 +module.exports = runBenchmark;
131 +
scripts/bench/benchmarks/hacker-news/benchmark.js new
+229
@@ -0,0 +1,229 @@
1 +(function() {
2 + 'use strict';
3 +
4 + const e = React.createElement;
5 +
6 + function timeAge(time) {
7 + const now = new Date().getTime() / 1000;
8 + const minutes = (now - time) / 60;
9 +
10 + if (minutes < 60) {
11 + return Math.round(minutes) + ' minutes ago';
12 + }
13 + return Math.round(minutes / 60) + ' hours ago';
14 + }
15 +
16 + function getHostUrl(url) {
17 + return (url + '')
18 + .replace('https://', '')
19 + .replace('http://', '')
20 + .split('/')[0]
21 + }
22 +
23 + function HeaderBar() {
24 + return e('tr', {
25 + style: {
26 + backgroundColor: '#222',
27 + },
28 + }, e('table', {
29 + style: {
30 + padding: 4,
31 + },
32 + width: '100%',
33 + cellSpacing: 0,
34 + cellPadding: 0,
35 + }, e('tbody', null,
36 + e('tr', null,
37 + e('td', {
38 + style: {
39 + width: 18,
40 + paddingRight: 4,
41 + },
42 + },
43 + e('a', {
44 + href: '#',
45 + },
46 + e('img', {
47 + src: 'logo.png',
48 + width: 16,
49 + height: 16,
50 + style: {
51 + border: '1px solid #00d8ff',
52 + },
53 + })
54 + )
55 + ),
56 + e('td', {
57 + style: {
58 + lineHeight: '12pt',
59 + },
60 + height: 10,
61 + },
62 + e('span', {
63 + className: 'pagetop',
64 + },
65 + e('b', { className: 'hnname' }, 'React HN Benchmark'),
66 + e('a', { href: '#' }, 'new'),
67 + ' | ',
68 + e('a', { href: '#' }, 'comments'),
69 + ' | ',
70 + e('a', { href: '#' }, 'show'),
71 + ' | ',
72 + e('a', { href: '#' }, 'ask'),
73 + ' | ',
74 + e('a', { href: '#' }, 'jobs'),
75 + ' | ',
76 + e('a', { href: '#' }, 'submit')
77 + )
78 + )
79 + )
80 + )
81 + ));
82 + }
83 +
84 + function Story({ story, rank }) {
85 + return [
86 + e('tr', {
87 + className: 'athing',
88 + },
89 + e('td', {
90 + style: {
91 + verticalAlign: 'top',
92 + textAlign: 'right',
93 + },
94 + className: 'title',
95 + },
96 + e('span', {
97 + className: 'rank',
98 + }, `${rank}.`)
99 + ),
100 + e('td', {
101 + className: 'votelinks',
102 + style: {
103 + verticalAlign: 'top',
104 + },
105 + },
106 + e('center', null,
107 + e('a', {
108 + href: '#',
109 + },
110 + e('div', {
111 + className: 'votearrow',
112 + title: 'upvote',
113 + })
114 + )
115 + )
116 + ),
117 + e('td', {
118 + className: 'title',
119 + },
120 + e('a', {
121 + href: '#',
122 + className: 'storylink',
123 + },
124 + story.title
125 + ),
126 + story.url ? (
127 + e('span', {
128 + className: 'sitebit comhead',
129 + },
130 + ' (',
131 + e('a', {
132 + href: '#',
133 + },
134 + getHostUrl(story.url)
135 + ),
136 + ')'
137 + )
138 + ) : null
139 + )
140 + ),
141 + e('tr', null,
142 + e('td', {
143 + colSpan: 2,
144 + }),
145 + e('td', {
146 + className: 'subtext',
147 + },
148 + e('span', {
149 + className: 'score',
150 + }, `${story.score} points`),
151 + ' by ',
152 + e('a', {
153 + href: '#',
154 + className: 'hnuser',
155 + }, story.by),
156 + ' ',
157 + e('span', {
158 + className: 'age',
159 + },
160 + e('a', {
161 + href: '#',
162 + }, timeAge(story.time))
163 + ),
164 + ' | ',
165 + e('a', {
166 + href: '#',
167 + }, 'hide'),
168 + ' | ',
169 + e('a', {
170 + href: '#',
171 + }, `${ story.descendants || 0 } comments`)
172 + )
173 + ),
174 + e('tr', {
175 + style: {
176 + height: 5,
177 + },
178 + className: 'spacer',
179 + })
180 + ];
181 + }
182 +
183 + function StoryList({ stories }) {
184 + return e('tr', null,
185 + e('td', null,
186 + e('table', {
187 + cellPadding: 0,
188 + cellSpacing: 0,
189 + classList: 'itemlist',
190 + },
191 + e('tbody', null,
192 + stories.map((story, i) =>
193 + e(Story, { story, rank: ++i, key: story.id })
194 + )
195 + )
196 + )
197 + )
198 + );
199 + }
200 +
201 + function App({ stories }) {
202 + return e('center', null,
203 + e('table', {
204 + id: 'hnmain',
205 + border: 0,
206 + cellPadding: 0,
207 + cellSpacing: 0,
208 + width: '85%',
209 + style: {
210 + 'background-color': '#f6f6ef',
211 + },
212 + }, e('tbody', null,
213 + e(HeaderBar, null),
214 + e('tr', { height: 10 }),
215 + e(StoryList, {
216 + stories,
217 + })
218 + ))
219 + );
220 + }
221 +
222 + const app = document.getElementById('app');
223 +
224 + window.render = function render() {
225 + ReactDOM.render(React.createElement(App, {
226 + stories: window.stories
227 + }), app);
228 + }
229 +})();
\ No newline at end of file
scripts/bench/benchmarks/hacker-news/build.js new
+19
@@ -0,0 +1,19 @@
1 +'use strict';
2 +
3 +const {
4 + join,
5 +} = require('path');
6 +
7 +async function build(reactPath, asyncCopyTo) {
8 + // copy the UMD bundles
9 + await asyncCopyTo(
10 + join(reactPath, 'build', 'dist', 'react.production.min.js'),
11 + join(__dirname, 'react.production.min.js')
12 + );
13 + await asyncCopyTo(
14 + join(reactPath, 'build', 'dist', 'react-dom.production.min.js'),
15 + join(__dirname, 'react-dom.production.min.js')
16 + );
17 +}
18 +
19 +module.exports = build;
scripts/bench/benchmarks/hacker-news/generate.js new
+26
@@ -0,0 +1,26 @@
1 +'use strict';
2 +
3 +const fetch = require('node-fetch');
4 +const { writeFileSync } = require('fs');
5 +const stories = 50;
6 +
7 +async function getStory(id) {
8 + const storyRes = await fetch(`https://hacker-news.firebaseio.com/v0/item/${id}.json`);
9 + return await storyRes.json();
10 +}
11 +
12 +async function getTopStories() {
13 + const topStoriesRes = await fetch('https://hacker-news.firebaseio.com/v0/topstories.js');
14 + const topStoriesIds = await topStoriesRes.json();
15 +
16 + const topStories = [];
17 + for (let i = 0; i < stories; i++) {
18 + const topStoriesId = topStoriesIds[i];
19 +
20 + topStories.push(await getStory(topStoriesId));
21 + }
22 +
23 + writeFileSync('top-stories.json', `window.stories = ${JSON.stringify(topStories)}`);
24 +}
25 +
26 +getTopStories();
\ No newline at end of file
scripts/bench/benchmarks/hacker-news/grayarrow.gif
Binary files /dev/null and b/scripts/bench/benchmarks/hacker-news/grayarrow.gif differ
scripts/bench/benchmarks/hacker-news/index.html new
+37
@@ -0,0 +1,37 @@
1 +<html>
2 + <head>
3 + <title>React Hacker News Benchmark</title>
4 + <link rel="stylesheet" type="text/css" href="style.css" />
5 + </head>
6 + <body>
7 + <div id="app"></div>
8 + <script>
9 + performance.mark('Load React');
10 + performance.mark('Load React+ReactDOM');
11 + </script>
12 + <script src="react.production.min.js"></script>
13 + <script>
14 + performance.measure('Load React', 'Load React');
15 + </script>
16 + <script>
17 + performance.mark('Load ReactDOM');
18 + </script>
19 + <script src="react-dom.production.min.js"></script>
20 + <script>
21 + performance.measure('Load ReactDOM', 'Load ReactDOM');
22 + performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');
23 + </script>
24 + <script src="top-stories.js"></script>
25 + <script src="benchmark.js"></script>
26 + <script>
27 + performance.mark('Inital Render');
28 + render();
29 + performance.measure('Inital Render', 'Inital Render');
30 + requestAnimationFrame(() => {
31 + performance.mark('Update Render');
32 + render();
33 + performance.measure('Update Render', 'Update Render');
34 + });
35 + </script>
36 + </body>
37 +</html>
\ No newline at end of file
scripts/bench/benchmarks/hacker-news/logo.png
Binary files /dev/null and b/scripts/bench/benchmarks/hacker-news/logo.png differ
scripts/bench/benchmarks/hacker-news/style.css new
+57
@@ -0,0 +1,57 @@
1 +body {
2 + font-family: Verdana, Geneva, sans-serif
3 +}
4 +
5 +.pagetop {
6 + font-family: Verdana, Geneva, sans-serif;
7 + font-size: 10pt;
8 + color: #00d8ff;
9 +}
10 +
11 +.hnname {
12 + margin-right: 10px;
13 + color: #fff;
14 +}
15 +
16 +.pagetop a, .pagetop a:visited {
17 + color: #00d8ff;
18 + text-decoration: none;
19 +}
20 +
21 +.title {
22 + font-family: Verdana, Geneva, sans-serif;
23 + font-size: 10pt;
24 + color: #828282;
25 +}
26 +
27 +.subtext {
28 + font-family: Verdana, Geneva, sans-serif;
29 + font-size: 7pt;
30 + color: #828282;
31 +}
32 +
33 +.comhead a:link, .subtext a, .subtext a:visited {
34 + color: #828282;
35 + text-decoration: none;
36 +}
37 +
38 +.votearrow {
39 + width: 10px;
40 + height: 10px;
41 + border: 0px;
42 + margin: 3px 2px 6px;
43 + background: url(grayarrow.gif) no-repeat;
44 +}
45 +
46 +.title, .title a {
47 + font-family: Verdana, Geneva, sans-serif;
48 + font-size: 10pt;
49 + color: #000;
50 + text-decoration: none;
51 +}
52 +
53 +.comhead, .comhead a {
54 + font-family: Verdana, Geneva, sans-serif;
55 + font-size: 8pt;
56 + color: #828282;
57 +}
\ No newline at end of file
scripts/bench/benchmarks/hacker-news/top-stories.js new
+1
@@ -0,0 +1 @@
1 +window.stories = [{"by":"rendx","descendants":49,"id":14201562,"kids":[14201704,14202297,14202233,14201771,14201765,14201897,14201750,14201913,14201854,14201667,14201759,14202073],"score":186,"time":1493197629,"title":"Postal: Open source mail delivery platform, alternative to Mailgun or Sendgrid","type":"story","url":"https://github.com/atech/postal"},{"by":"rabyss","descendants":4,"id":14202124,"kids":[14202293,14202249],"score":16,"time":1493205989,"title":"Show HN: BreakLock – A hybrid of Mastermind and the Android pattern lock","type":"story","url":"https://maxwellito.github.io/breaklock/"},{"by":"morid1n","descendants":137,"id":14200563,"kids":[14201274,14200711,14201147,14201365,14201499,14200618,14201169,14200911,14200734,14201083,14200706,14200785,14201032],"score":178,"time":1493183234,"title":"My Hackintosh Hardware Spec – clean, based on a 2013 iMac","type":"story","url":"https://infinitediaries.net/my-exact-hackintosh-spec/"},{"by":"robertwiblin","descendants":203,"id":14196731,"kids":[14201298,14201838,14201381,14197574,14201398,14199764,14198491,14197000,14198224,14200614,14201983,14200697,14199252,14201214,14198923,14200224,14197509,14200859,14200064,14200114,14197256,14197220,14200653,14197186,14199258,14197155,14197344,14198361,14197969,14199813,14197259,14197503],"score":562,"time":1493145853,"title":"Evidence-based advice we've found on how to be successful in a job","type":"story","url":"https://80000hours.org/career-guide/how-to-be-successful/"},{"by":"ryan_j_naughton","descendants":565,"id":14196812,"kids":[14198306,14197339,14200899,14198165,14198750,14202199,14201432,14197619,14197471,14201113,14202214,14202043,14197313,14197751,14197332,14198050,14201616,14197404,14199730,14198007,14197358,14197283,14200959,14197891,14198203,14197312,14200796,14201528,14197249,14198271,14197989,14198842,14197205,14199148,14197458,14200457,14197330,14199993,14197855,14200102,14197378,14199315,14198240,14198397,14199326,14200159,14198798,14201296,14198173,14197323,14197383,14197459,14197275,14198305,14198005,14198015,14199380,14199079,14198413,14197334,14197327,14197234],"score":385,"time":1493146342,"title":"Is Every Speed Limit Too Low?","type":"story","url":"https://priceonomics.com/is-every-speed-limit-too-low/"},{"by":"monort","descendants":63,"id":14196322,"kids":[14197628,14200026,14197457,14197486,14202126,14201266,14197227,14199404,14199338,14196382,14200598,14197377,14199689,14198538,14196905,14200404,14198781,14197278,14197888,14197742,14197764],"score":316,"time":1493143464,"title":"Experimental Nighttime Photography with Nexus and Pixel","type":"story","url":"https://research.googleblog.com/2017/04/experimental-nighttime-photography-with.html"},{"by":"networked","descendants":9,"id":14199028,"kids":[14201588,14200361,14200314,14200338],"score":121,"time":1493161601,"title":"JPEG Huffman Coding Tutorial","type":"story","url":"http://www.impulseadventure.com/photo/jpeg-huffman-coding.html"},{"by":"jasontan","id":14202227,"score":1,"time":1493207865,"title":"Are you adept at understanding concurrency problems? Sift Science is hiring","type":"job","url":"https://boards.greenhouse.io/siftscience/jobs/550699#.WPUZhlMrLfY"},{"by":"pouwerkerk","descendants":80,"id":14196077,"kids":[14199434,14196279,14196604,14197440,14201734,14200922,14200452,14197115,14199837,14199894,14196596,14198243,14196565,14197400,14197049,14197686,14198545,14198475],"score":717,"time":1493142008,"title":"Painting with Code: Introducing our new open source library React Sketch.app","type":"story","url":"http://airbnb.design/painting-with-code/"},{"by":"mromnia","descendants":16,"id":14201670,"kids":[14201835,14202115,14202176,14201890,14202325,14201859,14202158,14201763,14201902],"score":62,"time":1493198949,"title":"How to mod a Porsche 911 to run Doom [video]","type":"story","url":"https://www.youtube.com/watch?v=NRMpNA86e8Q"},{"by":"rbanffy","descendants":16,"id":14192383,"kids":[14197494,14201805,14197484],"score":194,"time":1493118160,"title":"Go programming language secure coding practices guide","type":"story","url":"https://github.com/Checkmarx/Go-SCP"},{"by":"intous","descendants":0,"id":14200446,"score":39,"time":1493181245,"title":"Building Functional Chatbot for Messenger with Ruby on Rails","type":"story","url":"https://tutorials.botsfloor.com/chatbot-development-tutorial-how-to-build-a-fully-functional-weather-bot-on-facebook-messenger-c94ac7c59185"},{"by":"nanospeck","descendants":23,"id":14201207,"kids":[14202252,14201646,14201620,14202076,14201511,14201324,14201940,14201425,14201505,14201304,14201435,14201287,14201739,14202031,14202018],"score":57,"text":"This question was asked on both 2015 &amp; 2016 in HN. I would like to ask it again today to know what are the newest options for this.<p>Q: What would you recommend as a reasonably priced (sub 150$) quad-copter&#x2F;drone, that has a camera, the ability to be programmed (so that I can process video&#x2F;write my own stability algorithms for it), good range, and reasonable flying time?\nIn the event nothing fits that price point, any pointers on what the state of the art is?<p>Thanks!","time":1493192641,"title":"Ask HN (again): What is the best affordable programmable drone?","type":"story"},{"by":"geuis","descendants":57,"id":14196708,"kids":[14197480,14198523,14198705,14200969,14200079,14197605,14198979,14202203,14197679,14198461,14200389,14198065,14197883,14197908],"score":123,"time":1493145655,"title":"Hackpad shutting down","type":"story","url":"https://hackpad.com/"},{"by":"jfoutz","descendants":55,"id":14195956,"kids":[14199594,14196972,14202101,14198197,14196771,14197326,14196956,14200842,14201529,14198581,14196777,14200177,14200422,14198571],"score":167,"time":1493141367,"title":"Linkerd 1.0","type":"story","url":"https://blog.buoyant.io/2017/04/25/announcing-linkerd-1.0/index.html"},{"by":"DavidBuchanan","descendants":19,"id":14199364,"kids":[14199735,14200889,14202245,14200205,14200104,14201697,14200061,14199996,14199867],"score":66,"time":1493164755,"title":"Show HN: TARDIS – Warp a process's perspective of time by hooking syscalls","type":"story","url":"https://github.com/DavidBuchanan314/TARDIS"},{"by":"rchen8","descendants":121,"id":14195664,"kids":[14196654,14196206,14196677,14197035,14196041,14196399,14196200,14196140,14196216,14196421,14196370,14196146,14197601,14197107,14196866,14196691,14197704,14196772,14200089,14198588,14196937,14198530,14197119,14197247,14198632,14196137,14200323,14196346],"score":486,"time":1493139957,"title":"How to Become Well-Connected","type":"story","url":"http://firstround.com/review/how-to-become-insanely-well-connected/"},{"by":"dbrgn","descendants":89,"id":14191186,"kids":[14200855,14200035,14200110,14201408,14202159,14197876,14200348,14198720,14198183,14199824,14198281,14201643,14201591,14199541,14198423,14201738,14200037,14201349,14200028,14201206,14197995,14197830,14199603],"score":135,"time":1493100791,"title":"How to Say (Almost) Everything in a Hundred-Word Language (2015)","type":"story","url":"https://www.theatlantic.com/technology/archive/2015/07/toki-pona-smallest-language/398363/?single_page=true"},{"by":"runesoerensen","descendants":62,"id":14198866,"kids":[14199494,14199495,14200288,14201118,14199599],"score":155,"time":1493160263,"title":"Nginx 1.13 released with TLS 1.3 support","type":"story","url":"http://mailman.nginx.org/pipermail/nginx-announce/2017/000195.html"},{"by":"bcherny","descendants":20,"id":14199299,"kids":[14200694,14201832,14200517,14201760,14200966,14200558,14201815,14201231,14201073,14201124],"score":54,"time":1493163960,"title":"Show HN: JSONSchema to TypeScript compiler","type":"story","url":"https://github.com/bcherny/json-schema-to-typescript"},{"by":"tormeh","descendants":37,"id":14198557,"kids":[14201027,14199082,14201023,14201160,14200367,14200647],"score":70,"time":1493158034,"title":"A practitioner’s guide to hedonism (2007)","type":"story","url":"https://www.1843magazine.com/story/a-practitioners-guide-to-hedonism"},{"by":"nickreiner","descendants":33,"id":14199125,"kids":[14202332,14201634,14201200,14201215,14201157,14201898,14201969,14201125],"score":52,"time":1493162517,"title":"Best Linux Distros for Gaming in 2017","type":"story","url":"https://thishosting.rocks/best-linux-distros-for-gaming/"},{"by":"BinaryIdiot","descendants":170,"id":14200486,"kids":[14200680,14200677,14201515,14200793,14200534,14200908,14200649,14200633,14200701,14202295,14200578,14200709,14200580,14201107,14201779,14200773,14200804,14200720,14202060,14200948,14200903,14200748,14200875,14200750,14200821,14200756,14201707,14201689,14200669,14200997,14200818,14201586,14200603,14201054,14201457,14200616,14201095,14200915,14200878,14200629,14201523,14200620,14202099],"score":316,"time":1493181945,"title":"Suicide of an Uber engineer: Widow blames job stress","type":"story","url":"http://www.sfchronicle.com/business/article/Suicide-of-an-Uber-engineer-widow-blames-job-11095807.php?t=7e40d1f554&cmpid=fb-premium&cmpid=twitter-premium"},{"by":"catc","descendants":34,"id":14195522,"kids":[14202316,14202278,14197167,14199152,14202077,14197239,14197721,14197632,14197219,14198296,14197245,14197201,14197403,14198051,14196747],"score":87,"time":1493139414,"title":"Show HN: React Timekeeper – Time picker based on the style of Google Keep","type":"story","url":"https://catc.github.io/react-timekeeper/"},{"by":"Integer","descendants":152,"id":14192353,"kids":[14197671,14197754,14199091,14198533,14201249,14198626,14198263,14198009,14195130,14199551,14197663,14198285,14199611,14199835,14197482,14198924,14198943],"score":273,"time":1493117771,"title":"Windows Is Bloated, Thanks to Adobe’s Extensible Metadata Platform","type":"story","url":"https://www.thurrott.com/windows/109962/windows-bloated-thanks-adobes-extensible-metadata-platform"},{"by":"craigcannon","descendants":23,"id":14197852,"kids":[14200024,14199986,14202106,14198011,14199228,14202138,14198917,14198607],"score":58,"time":1493153342,"title":"New England Lost Ski Areas Project","type":"story","url":"http://www.nelsap.org/"},{"by":"golfer","descendants":105,"id":14198229,"kids":[14200202,14198948,14199770,14198634,14200263,14198797,14198919,14200447,14198645,14199267,14199124,14198833,14199059],"score":282,"time":1493155745,"title":"Uber must turn over information about its acquisition of Otto to Waymo","type":"story","url":"https://techcrunch.com/2017/04/25/uber-must-turn-over-information-about-its-acquisition-of-otto-to-waymo-court-rules/"},{"by":"JoshTriplett","descendants":116,"id":14198403,"kids":[14199771,14199980,14198664,14198764,14201086,14200307,14199294,14198860,14198817],"score":139,"time":1493156882,"title":"Shutting down public FTP services","type":"story","url":"https://lists.debian.org/debian-announce/2017/msg00001.html"},{"by":"mabynogy","descendants":50,"id":14191577,"kids":[14194021,14195402,14193886,14193792,14194355,14197136,14200386,14194151,14193989,14193798,14194042,14197100,14198984,14193925,14194170],"score":365,"time":1493107104,"title":"A Primer on Bézier Curves","type":"story","url":"https://pomax.github.io/bezierinfo#preface"},{"by":"robertothais","descendants":29,"id":14192946,"kids":[14202311,14202299,14201900,14200029,14198260,14198605,14201850,14199858,14198223,14198610],"score":61,"time":1493124627,"title":"Consciousness as a State of Matter (2014)","type":"story","url":"https://arxiv.org/abs/1401.1219"},{"by":"leephillips","descendants":2,"id":14202078,"kids":[14202122],"score":5,"time":1493205152,"title":"The Republican Lawmaker Who Secretly Created Reddit’s Women-Hating ‘Red Pill’","type":"story","url":"http://www.thedailybeast.com/articles/2017/04/25/the-republican-lawmaker-who-secretly-created-reddit-s-women-hating-red-pill.html"},{"by":"anguswithgusto","descendants":55,"id":14196325,"kids":[14197131,14196789,14197299,14197466,14196737,14199929,14197550,14197511,14196888,14200109,14197101],"score":80,"time":1493143475,"title":"Gett in advanced talks to buy Juno for $250M as Uber rivals consolidate","type":"story","url":"https://techcrunch.com/2017/04/25/gett-in-advanced-talks-to-buy-juno-for-250m-as-uber-rivals-consolidate/"},{"by":"fabuzaid","descendants":2,"id":14196339,"kids":[14201557,14201170],"score":46,"time":1493143560,"title":"Implementing a Fast Research Compiler in Rust","type":"story","url":"http://dawn.cs.stanford.edu/blog/weld.html"},{"by":"bluesilver07","descendants":61,"id":14196154,"kids":[14197614,14196853,14197074,14197050,14200090,14197731,14196352,14197442],"score":72,"time":1493142448,"title":"Xenko Game Engine 2.0 released","type":"story","url":"http://xenko.com/blog/release-xenko-2-0-0/"},{"by":"molecule","descendants":254,"id":14189392,"kids":[14190198,14190800,14193591,14190274,14189796,14190118,14190405,14190006,14189430,14190244,14189877,14190064,14190211,14189918,14190071,14191312,14195969,14190542,14194775,14189900,14190032,14189847,14192128,14191737,14191047,14190992,14192759,14191405,14190815,14194136,14190737,14190552,14191385,14189816,14191316,14193780,14193979,14190768,14192973,14191217,14190879,14190780,14189914,14190925,14192906,14190528,14189893,14190007,14189929,14190049,14191859,14191304,14190177,14193355,14193352,14190324,14190846,14189803],"score":630,"time":1493076480,"title":"Robert M. Pirsig has died","type":"story","url":"http://www.npr.org/sections/thetwo-way/2017/04/24/525443040/-zen-and-the-art-of-motorcycle-maintenance-author-robert-m-pirsig-dies-at-88"},{"by":"artsandsci","descendants":67,"id":14194422,"kids":[14199418,14196266,14197226,14196647,14196324,14201761,14196265,14195599,14199054,14196057],"score":127,"time":1493134376,"title":"An extra-uterine system to physiologically support the extreme premature lamb","type":"story","url":"https://www.nature.com/articles/ncomms15112"},{"by":"miobrien","descendants":9,"id":14198261,"kids":[14199610,14199447,14199862,14201753,14199068],"score":30,"time":1493155969,"title":"Prior Indigenous Technological Species","type":"story","url":"https://arxiv.org/abs/1704.07263"},{"by":"zdw","descendants":2,"id":14199197,"kids":[14200610],"score":12,"time":1493163087,"title":"Should Curve25519 keys be validated?","type":"story","url":"https://research.kudelskisecurity.com/2017/04/25/should-ecdh-keys-be-validated/"},{"by":"spearo77","descendants":213,"id":14189688,"kids":[14191654,14192373,14190683,14192095,14191856,14190771,14190570,14190599,14190721,14192049,14189694,14191430,14193610,14190543,14190372,14191818,14192171,14192177,14192135,14191483,14190560,14190341,14190362,14190452,14192563,14190458,14195245,14190809,14192706,14192959,14190636,14190634,14190368,14191163,14191379,14190668,14191673,14190884,14192565,14190480,14190442],"score":447,"time":1493079289,"title":"WikiTribune – Evidence-based journalism","type":"story","url":"https://www.wikitribune.com"},{"by":"adbrebs","descendants":294,"id":14182262,"kids":[14183335,14183715,14182725,14183897,14185812,14184510,14182468,14183231,14182580,14183996,14182449,14185671,14182428,14182666,14186599,14182519,14185571,14185159,14182636,14185864,14188340,14183433,14183146,14184034,14184363,14183368,14183098,14182495,14182753,14184720,14188085,14187692,14183633,14188137,14182606,14186796,14196166,14185084,14185899,14188219,14186885,14183406,14185561,14183388,14191457,14183281,14183399,14183674,14183236,14183990,14183760,14183248,14184114,14183318,14183457,14186509,14186900,14186695,14188405,14184636,14184630,14188301,14184144,14183023,14184555,14185946,14184611,14184490,14183653,14183881,14182715,14184440,14182573,14183251,14184962,14187249,14182545,14192314],"score":1356,"time":1493014335,"title":"Lyrebird – An API to copy the voice of anyone","type":"story","url":"https://lyrebird.ai/demo"},{"by":"mathgenius","descendants":6,"id":14192442,"kids":[14197265,14195645],"score":43,"time":1493118936,"title":"Quantum – Open journal for quantum science","type":"story","url":"http://quantum-journal.org/papers/"},{"by":"tjalfi","descendants":5,"id":14190937,"kids":[14199744,14197114,14190946],"score":107,"time":1493097061,"title":"A Seven Dimensional Analysis of Hashing Methods [pdf]","type":"story","url":"http://www.vldb.org/pvldb/vol9/p96-richter.pdf"},{"by":"mxstbr","descendants":0,"id":14196935,"score":24,"time":1493147015,"title":"One GraphQL Client for JavaScript, iOS, and Android","type":"story","url":"https://dev-blog.apollodata.com/one-graphql-client-for-javascript-ios-and-android-64993c1b7991"},{"by":"uptown","descendants":166,"id":14192817,"kids":[14197690,14195597,14196750,14195237,14196320,14195150,14198816,14194916,14197746,14196332,14194695,14196726,14194947,14199715,14195059,14195778,14196204,14200435,14194780,14195030,14198452,14199023,14194852,14197577,14197778,14195361,14196368,14194948,14199024,14195060,14199498],"score":226,"time":1493123621,"title":"How Yahoo Killed Flickr (2012)","type":"story","url":"https://gizmodo.com/5910223/how-yahoo-killed-flickr-and-lost-the-internet"},{"by":"mattklein123","descendants":42,"id":14194026,"kids":[14194573,14195577,14194430,14195407,14194569,14195298,14200054,14194456,14198329,14199198],"score":167,"time":1493131921,"title":"Envoy: 7 months later","type":"story","url":"https://eng.lyft.com/envoy-7-months-later-41986c2fd443"},{"by":"misnamed","descendants":2,"id":14191333,"kids":[14197296],"score":29,"time":1493103250,"title":"Modern Hieroglyphs: Binary Logic Behind the Universal “Power Symbol”","type":"story","url":"http://99percentinvisible.org/article/modern-hieroglyphics-binary-logic-behind-universal-power-symbol/"},{"by":"LaFolle","descendants":92,"id":14191681,"kids":[14192477,14194490,14192316,14193364,14192065,14193499,14194324,14192622,14192020,14195866,14192496,14196391,14192138,14192714,14195151,14195094,14192110,14192155],"score":138,"time":1493108371,"title":"Feynman Algorithm (2014)","type":"story","url":"http://wiki.c2.com/?FeynmanAlgorithm"},{"by":"Thevet","descendants":18,"id":14190736,"kids":[14197744,14195753,14197880,14197735,14195874,14197023,14196660],"score":81,"time":1493093860,"title":"The legend of the Legion","type":"story","url":"https://aeon.co/essays/why-young-men-queue-up-to-die-in-the-french-foreign-legion"},{"by":"bufordsharkley","descendants":92,"id":14197013,"kids":[14197983,14197168,14197701,14198239,14197514,14198064,14197476,14198489,14197761,14197080,14198905,14198068,14198579],"score":69,"time":1493147532,"title":"Cracking the Mystery of Labor's Falling Share of GDP","type":"story","url":"https://www.bloomberg.com/view/articles/2017-04-24/cracking-the-mystery-of-labor-s-falling-share-of-gdp"},{"by":"rbanffy","descendants":27,"id":14198470,"kids":[14199443,14201987,14199461,14199729,14201519,14198762,14199524],"score":52,"time":1493157378,"title":"How the Internet Gave Mail-Order Brides the Power","type":"story","url":"https://backchannel.com/how-the-internet-gave-mail-order-brides-the-power-1af8c8a40562"}]
\ No newline at end of file
scripts/bench/benchmarks/pe-class-components/benchmark.js renamed
+1216 -1760
@@ -1,23 +1,21 @@
1 (function () {
2 + 'use strict';
3
3 - var ReactImage0 = React.createClass({
4 - displayName: "ReactImage0",
5 -
6 - render: function () {
7 - var props = this.props;
8 - if (props.x === 0) {
4 + class ReactImage0 extends React.Component {
5 + render() {
6 + if (this.props.x === 0) {
7 return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
8 }
11 - if (props.x === 15) {
9 + if (this.props.x === 15) {
10 return React.createElement("i", { className: "_3ut_ img sp_i534r85sjIn sx_e8ac93", src: null, alt: "" });
11 }
14 - if (props.x === 22) {
12 + if (this.props.x === 22) {
13 return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_7b15bc", src: null });
14 }
17 - if (props.x === 29) {
15 + if (this.props.x === 29) {
16 return React.createElement("i", { className: "_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c", src: null, alt: "" });
17 }
20 - if (props.x === 42) {
18 + if (this.props.x === 42) {
19 return React.createElement(
20 "i",
21 { alt: "Warning", className: "_585p img sp_i534r85sjIn sx_20273d", src: null },
@@ -28,99 +26,96 @@
26 )
27 );
28 }
31 - if (props.x === 67) {
29 + if (this.props.x === 67) {
30 return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_b5d079", src: null });
31 }
34 - if (props.x === 70) {
32 + if (this.props.x === 70) {
33 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f8c9" });
34 }
37 - if (props.x === 76) {
35 + if (this.props.x === 76) {
36 return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_ef6a9c", src: null });
37 }
40 - if (props.x === 79) {
38 + if (this.props.x === 79) {
39 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_6f8c43" });
40 }
43 - if (props.x === 88) {
41 + if (this.props.x === 88) {
42 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_e94a2d" });
43 }
46 - if (props.x === 91) {
44 + if (this.props.x === 91) {
45 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_7ed7d4" });
46 }
49 - if (props.x === 94) {
47 + if (this.props.x === 94) {
48 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_930440" });
49 }
52 - if (props.x === 98) {
50 + if (this.props.x === 98) {
51 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_750c83" });
52 }
55 - if (props.x === 108) {
53 + if (this.props.x === 108) {
54 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_73c1bb" });
55 }
58 - if (props.x === 111) {
56 + if (this.props.x === 111) {
57 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f28d" });
58 }
61 - if (props.x === 126) {
59 + if (this.props.x === 126) {
60 return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_91c59e" });
61 }
64 - if (props.x === 127) {
62 + if (this.props.x === 127) {
63 return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
64 }
67 - if (props.x === 134) {
65 + if (this.props.x === 134) {
66 return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_c8eb75" });
67 }
70 - if (props.x === 135) {
68 + if (this.props.x === 135) {
69 return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
70 }
73 - if (props.x === 148) {
71 + if (this.props.x === 148) {
72 return React.createElement("i", { className: "_3yz6 _5whs img sp_i534r85sjIn sx_896996", src: null, alt: "" });
73 }
76 - if (props.x === 152) {
74 + if (this.props.x === 152) {
75 return React.createElement("i", { className: "_5b5p _4gem img sp_i534r85sjIn sx_896996", src: null, alt: "" });
76 }
79 - if (props.x === 153) {
77 + if (this.props.x === 153) {
78 return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
79 }
82 - if (props.x === 160) {
80 + if (this.props.x === 160) {
81 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_31d9b0" });
82 }
85 - if (props.x === 177) {
83 + if (this.props.x === 177) {
84 return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_2c18b7", src: null });
85 }
88 - if (props.x === 186) {
86 + if (this.props.x === 186) {
87 return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_0a681f" });
88 }
91 - if (props.x === 195) {
89 + if (this.props.x === 195) {
90 return React.createElement("i", { className: "_1-lx img sp_OkER5ktbEyg sx_b369b4", src: null, alt: "" });
91 }
94 - if (props.x === 198) {
92 + if (this.props.x === 198) {
93 return React.createElement("i", { className: "_1-lx img sp_i534r85sjIn sx_96948e", src: null, alt: "" });
94 }
97 - if (props.x === 237) {
95 + if (this.props.x === 237) {
96 return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
97 }
100 - if (props.x === 266) {
98 + if (this.props.x === 266) {
99 return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
100 }
103 - if (props.x === 314) {
101 + if (this.props.x === 314) {
102 return React.createElement("i", { className: "_1cie _1cif img sp_i534r85sjIn sx_6e6820", src: null, alt: "" });
103 }
106 - if (props.x === 345) {
104 + if (this.props.x === 345) {
105 return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_e896cf", src: null, alt: "" });
106 }
109 - if (props.x === 351) {
107 + if (this.props.x === 351) {
108 return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_38fed8", src: null, alt: "" });
109 }
110 }
113 - });
114 -
115 - var AbstractLink1 = React.createClass({
116 - displayName: "AbstractLink1",
111 + }
112
118 - render: function () {
119 - var props = this.props;
120 - if (props.x === 1) {
113 + class AbstractLink1 extends React.Component {
114 + render() {
115 + if (this.props.x === 1) {
116 return React.createElement(
117 "a",
123 - { className: "_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "width": 250, "maxWidth": "250px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
118 + { className: "_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "width": 250, "maxWidth": "250px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () { } },
119 null,
120 React.createElement(
121 "span",
@@ -141,26 +136,26 @@
136 React.createElement(ReactImage0, { x: 0 })
137 );
138 }
144 - if (props.x === 43) {
139 + if (this.props.x === 43) {
140 return React.createElement(
141 "a",
147 - { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", shade: "dark", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
142 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () { } },
143 undefined,
144 "Remove",
145 undefined
146 );
147 }
153 - if (props.x === 49) {
148 + if (this.props.x === 49) {
149 return React.createElement(
150 "a",
156 - { target: "_blank", href: "/ads/manage/billing.php?act=10149999073643408", rel: undefined, onClick: function () {} },
151 + { target: "_blank", href: "/ads/manage/billing.php?act=10149999073643408", rel: undefined, onClick: function () { } },
152 React.createElement(XUIText29, { x: 48 })
153 );
154 }
160 - if (props.x === 128) {
155 + if (this.props.x === 128) {
156 return React.createElement(
157 "a",
163 - { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
158 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () { } },
159 null,
160 React.createElement(
161 "span",
@@ -171,10 +166,10 @@
166 React.createElement(ReactImage0, { x: 127 })
167 );
168 }
174 - if (props.x === 136) {
169 + if (this.props.x === 136) {
170 return React.createElement(
171 "a",
177 - { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
172 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () { } },
173 null,
174 React.createElement(
175 "span",
@@ -185,40 +180,40 @@
180 React.createElement(ReactImage0, { x: 135 })
181 );
182 }
188 - if (props.x === 178) {
183 + if (this.props.x === 178) {
184 return React.createElement(
185 "a",
191 - { className: "_1_-t _1_-v _42ft", disabled: null, height: "medium", role: "button", label: null, href: "#", rel: undefined, onClick: function () {} },
186 + { className: "_1_-t _1_-v _42ft", disabled: null, height: "medium", role: "button", label: null, href: "#", rel: undefined, onClick: function () { } },
187 undefined,
188 "Lifetime",
189 React.createElement(ReactImage0, { x: 177 })
190 );
191 }
197 - if (props.x === 207) {
192 + if (this.props.x === 207) {
193 return React.createElement(
194 "a",
200 - { href: "#", rel: undefined, onClick: function () {} },
195 + { href: "#", rel: undefined, onClick: function () { } },
196 "Create Ad Set"
197 );
198 }
204 - if (props.x === 209) {
199 + if (this.props.x === 209) {
200 return React.createElement(
201 "a",
207 - { href: "#", rel: undefined, onClick: function () {} },
202 + { href: "#", rel: undefined, onClick: function () { } },
203 "View Ad Set"
204 );
205 }
211 - if (props.x === 241) {
206 + if (this.props.x === 241) {
207 return React.createElement(
208 "a",
214 - { href: "#", rel: undefined, onClick: function () {} },
209 + { href: "#", rel: undefined, onClick: function () { } },
210 "Set a Limit"
211 );
212 }
218 - if (props.x === 267) {
213 + if (this.props.x === 267) {
214 return React.createElement(
215 "a",
221 - { className: "_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
216 + { className: "_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () { } },
217 null,
218 React.createElement(
219 "span",
@@ -230,85 +225,79 @@
225 );
226 }
227 }
233 - });
234 -
235 - var Link2 = React.createClass({
236 - displayName: "Link2",
228 + }
229
238 - render: function () {
239 - var props = this.props;
240 - if (props.x === 2) {
230 + class Link2 extends React.Component {
231 + render() {
232 + if (this.props.x === 2) {
233 return React.createElement(AbstractLink1, { x: 1 });
234 }
243 - if (props.x === 44) {
235 + if (this.props.x === 44) {
236 return React.createElement(AbstractLink1, { x: 43 });
237 }
246 - if (props.x === 50) {
238 + if (this.props.x === 50) {
239 return React.createElement(AbstractLink1, { x: 49 });
240 }
249 - if (props.x === 129) {
241 + if (this.props.x === 129) {
242 return React.createElement(AbstractLink1, { x: 128 });
243 }
252 - if (props.x === 137) {
244 + if (this.props.x === 137) {
245 return React.createElement(AbstractLink1, { x: 136 });
246 }
255 - if (props.x === 179) {
247 + if (this.props.x === 179) {
248 return React.createElement(AbstractLink1, { x: 178 });
249 }
258 - if (props.x === 208) {
250 + if (this.props.x === 208) {
251 return React.createElement(AbstractLink1, { x: 207 });
252 }
261 - if (props.x === 210) {
253 + if (this.props.x === 210) {
254 return React.createElement(AbstractLink1, { x: 209 });
255 }
264 - if (props.x === 242) {
256 + if (this.props.x === 242) {
257 return React.createElement(AbstractLink1, { x: 241 });
258 }
267 - if (props.x === 268) {
259 + if (this.props.x === 268) {
260 return React.createElement(AbstractLink1, { x: 267 });
261 }
262 }
271 - });
263 + }
264
273 - var AbstractButton3 = React.createClass({
274 - displayName: "AbstractButton3",
275 -
276 - render: function () {
277 - var props = this.props;
278 - if (props.x === 3) {
265 + class AbstractButton3 extends React.Component {
266 + render() {
267 + if (this.props.x === 3) {
268 return React.createElement(Link2, { x: 2 });
269 }
281 - if (props.x === 20) {
270 + if (this.props.x === 20) {
271 return React.createElement(
272 "button",
284 - { className: "_5n7z _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
273 + { className: "_5n7z _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () { }, label: null, type: "submit", value: "1" },
274 undefined,
275 "Discard Changes",
276 undefined
277 );
278 }
290 - if (props.x === 23) {
279 + if (this.props.x === 23) {
280 return React.createElement(
281 "button",
293 - { className: "_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr", disabled: true, onClick: function () {}, "data-tooltip-content": "You have no changes to publish", "data-hover": "tooltip", label: null, type: "submit", value: "1" },
282 + { className: "_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr", disabled: true, onClick: function () { }, "data-tooltip-content": "You have no changes to publish", "data-hover": "tooltip", label: null, type: "submit", value: "1" },
283 React.createElement(ReactImage0, { x: 22 }),
284 "Review Changes",
285 undefined
286 );
287 }
299 - if (props.x === 45) {
288 + if (this.props.x === 45) {
289 return React.createElement(Link2, { x: 44 });
290 }
302 - if (props.x === 68) {
291 + if (this.props.x === 68) {
292 return React.createElement(
293 "button",
305 - { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
294 + { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () { }, label: null, type: "submit", value: "1" },
295 React.createElement(ReactImage0, { x: 67 }),
296 "Create Campaign",
297 undefined
298 );
299 }
311 - if (props.x === 71) {
300 + if (this.props.x === 71) {
301 return React.createElement(
302 "button",
303 { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", label: null, type: "submit", value: "1" },
@@ -317,16 +306,16 @@
306 undefined
307 );
308 }
320 - if (props.x === 77) {
309 + if (this.props.x === 77) {
310 return React.createElement(
311 "button",
323 - { "aria-label": "Edit", "data-tooltip-content": "Edit Campaigns (Ctrl+U)", "data-hover": "tooltip", className: "_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
312 + { "aria-label": "Edit", "data-tooltip-content": "Edit Campaigns (Ctrl+U)", "data-hover": "tooltip", className: "_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, onClick: function () { }, label: null, type: "submit", value: "1" },
313 React.createElement(ReactImage0, { x: 76 }),
314 "Edit",
315 undefined
316 );
317 }
329 - if (props.x === 80) {
318 + if (this.props.x === 80) {
319 return React.createElement(
320 "button",
321 { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, label: null, type: "submit", value: "1" },
@@ -335,112 +324,112 @@
324 undefined
325 );
326 }
338 - if (props.x === 89) {
327 + if (this.props.x === 89) {
328 return React.createElement(
329 "button",
341 - { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", "data-tooltip-content": "Revert", disabled: true, onClick: function () {}, label: null, type: "submit", value: "1" },
330 + { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", "data-tooltip-content": "Revert", disabled: true, onClick: function () { }, label: null, type: "submit", value: "1" },
331 React.createElement(ReactImage0, { x: 88 }),
332 undefined,
333 undefined
334 );
335 }
347 - if (props.x === 92) {
336 + if (this.props.x === 92) {
337 return React.createElement(
338 "button",
350 - { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Delete", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
339 + { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Delete", disabled: false, onClick: function () { }, label: null, type: "submit", value: "1" },
340 React.createElement(ReactImage0, { x: 91 }),
341 undefined,
342 undefined
343 );
344 }
356 - if (props.x === 95) {
345 + if (this.props.x === 95) {
346 return React.createElement(
347 "button",
359 - { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Duplicate", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
348 + { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Duplicate", disabled: false, onClick: function () { }, label: null, type: "submit", value: "1" },
349 React.createElement(ReactImage0, { x: 94 }),
350 undefined,
351 undefined
352 );
353 }
365 - if (props.x === 99) {
354 + if (this.props.x === 99) {
355 return React.createElement(
356 "button",
368 - { "aria-label": "Export & Import", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Export & Import", onClick: function () {}, label: null, type: "submit", value: "1" },
357 + { "aria-label": "Export & Import", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Export & Import", onClick: function () { }, label: null, type: "submit", value: "1" },
358 React.createElement(ReactImage0, { x: 98 }),
359 undefined,
360 undefined
361 );
362 }
374 - if (props.x === 109) {
363 + if (this.props.x === 109) {
364 return React.createElement(
365 "button",
377 - { "aria-label": "Create Report", className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Create Report", disabled: false, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, onClick: function () {}, label: null, type: "submit", value: "1" },
366 + { "aria-label": "Create Report", className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Create Report", disabled: false, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, onClick: function () { }, label: null, type: "submit", value: "1" },
367 React.createElement(ReactImage0, { x: 108 }),
368 undefined,
369 undefined
370 );
371 }
383 - if (props.x === 112) {
372 + if (this.props.x === 112) {
373 return React.createElement(
374 "button",
386 - { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, haschevron: false, onClick: function () {}, label: null, type: "submit", value: "1" },
375 + { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, onClick: function () { }, label: null, type: "submit", value: "1" },
376 React.createElement(ReactImage0, { x: 111 }),
377 undefined,
378 undefined
379 );
380 }
392 - if (props.x === 130) {
381 + if (this.props.x === 130) {
382 return React.createElement(Link2, { x: 129 });
383 }
395 - if (props.x === 138) {
384 + if (this.props.x === 138) {
385 return React.createElement(Link2, { x: 137 });
386 }
398 - if (props.x === 149) {
387 + if (this.props.x === 149) {
388 return React.createElement(
389 "button",
401 - { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
390 + { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () { }, type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
391 undefined,
392 "Remove",
393 undefined
394 );
395 }
407 - if (props.x === 156) {
396 + if (this.props.x === 156) {
397 return React.createElement(
398 "button",
410 - { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
399 + { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", onClick: function () { }, label: null, type: "submit", value: "1" },
400 undefined,
401 "Apply",
402 undefined
403 );
404 }
416 - if (props.x === 161) {
405 + if (this.props.x === 161) {
406 return React.createElement(
407 "button",
419 - { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
408 + { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", onClick: function () { }, label: null, type: "submit", value: "1" },
409 React.createElement(ReactImage0, { x: 160 }),
410 undefined,
411 undefined
412 );
413 }
425 - if (props.x === 180) {
414 + if (this.props.x === 180) {
415 return React.createElement(Link2, { x: 179 });
416 }
428 - if (props.x === 187) {
417 + if (this.props.x === 187) {
418 return React.createElement(
419 "button",
431 - { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "List Settings", onClick: function () {}, label: null, type: "submit", value: "1" },
420 + { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "List Settings", onClick: function () { }, label: null, type: "submit", value: "1" },
421 React.createElement(ReactImage0, { x: 186 }),
422 undefined,
423 undefined
424 );
425 }
437 - if (props.x === 269) {
426 + if (this.props.x === 269) {
427 return React.createElement(Link2, { x: 268 });
428 }
440 - if (props.x === 303) {
429 + if (this.props.x === 303) {
430 return React.createElement(
431 "button",
443 - { className: "_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Campaigns", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
432 + { className: "_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Campaigns", "data-hover": "tooltip", onClick: function () { }, label: null, type: "submit", value: "1" },
433 undefined,
434 React.createElement(
435 "div",
@@ -456,10 +445,10 @@
445 undefined
446 );
447 }
459 - if (props.x === 305) {
448 + if (this.props.x === 305) {
449 return React.createElement(
450 "button",
462 - { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
451 + { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ad Sets", "data-hover": "tooltip", onClick: function () { }, label: null, type: "submit", value: "1" },
452 undefined,
453 React.createElement(
454 "div",
@@ -475,10 +464,10 @@
464 undefined
465 );
466 }
478 - if (props.x === 307) {
467 + if (this.props.x === 307) {
468 return React.createElement(
469 "button",
481 - { className: "_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ads", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
470 + { className: "_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ads", "data-hover": "tooltip", onClick: function () { }, label: null, type: "submit", value: "1" },
471 undefined,
472 React.createElement(
473 "div",
@@ -495,292 +484,262 @@
484 );
485 }
486 }
498 - });
499 -
500 - var XUIButton4 = React.createClass({
501 - displayName: "XUIButton4",
487 + }
488
503 - render: function () {
504 - var props = this.props;
505 - if (props.x === 4) {
489 + class XUIButton4 extends React.Component {
490 + render() {
491 + if (this.props.x === 4) {
492 return React.createElement(AbstractButton3, { x: 3 });
493 }
508 - if (props.x === 21) {
494 + if (this.props.x === 21) {
495 return React.createElement(AbstractButton3, { x: 20 });
496 }
511 - if (props.x === 24) {
497 + if (this.props.x === 24) {
498 return React.createElement(AbstractButton3, { x: 23 });
499 }
514 - if (props.x === 69) {
500 + if (this.props.x === 69) {
501 return React.createElement(AbstractButton3, { x: 68 });
502 }
517 - if (props.x === 72) {
503 + if (this.props.x === 72) {
504 return React.createElement(AbstractButton3, { x: 71 });
505 }
520 - if (props.x === 78) {
506 + if (this.props.x === 78) {
507 return React.createElement(AbstractButton3, { x: 77 });
508 }
523 - if (props.x === 81) {
509 + if (this.props.x === 81) {
510 return React.createElement(AbstractButton3, { x: 80 });
511 }
526 - if (props.x === 90) {
512 + if (this.props.x === 90) {
513 return React.createElement(AbstractButton3, { x: 89 });
514 }
529 - if (props.x === 93) {
515 + if (this.props.x === 93) {
516 return React.createElement(AbstractButton3, { x: 92 });
517 }
532 - if (props.x === 96) {
518 + if (this.props.x === 96) {
519 return React.createElement(AbstractButton3, { x: 95 });
520 }
535 - if (props.x === 100) {
521 + if (this.props.x === 100) {
522 return React.createElement(AbstractButton3, { x: 99 });
523 }
538 - if (props.x === 110) {
524 + if (this.props.x === 110) {
525 return React.createElement(AbstractButton3, { x: 109 });
526 }
541 - if (props.x === 113) {
527 + if (this.props.x === 113) {
528 return React.createElement(AbstractButton3, { x: 112 });
529 }
544 - if (props.x === 131) {
530 + if (this.props.x === 131) {
531 return React.createElement(AbstractButton3, { x: 130 });
532 }
547 - if (props.x === 139) {
533 + if (this.props.x === 139) {
534 return React.createElement(AbstractButton3, { x: 138 });
535 }
550 - if (props.x === 157) {
536 + if (this.props.x === 157) {
537 return React.createElement(AbstractButton3, { x: 156 });
538 }
553 - if (props.x === 162) {
539 + if (this.props.x === 162) {
540 return React.createElement(AbstractButton3, { x: 161 });
541 }
556 - if (props.x === 188) {
542 + if (this.props.x === 188) {
543 return React.createElement(AbstractButton3, { x: 187 });
544 }
559 - if (props.x === 270) {
545 + if (this.props.x === 270) {
546 return React.createElement(AbstractButton3, { x: 269 });
547 }
562 - if (props.x === 304) {
548 + if (this.props.x === 304) {
549 return React.createElement(AbstractButton3, { x: 303 });
550 }
565 - if (props.x === 306) {
551 + if (this.props.x === 306) {
552 return React.createElement(AbstractButton3, { x: 305 });
553 }
568 - if (props.x === 308) {
554 + if (this.props.x === 308) {
555 return React.createElement(AbstractButton3, { x: 307 });
556 }
557 }
572 - });
573 -
574 - var AbstractPopoverButton5 = React.createClass({
575 - displayName: "AbstractPopoverButton5",
558 + }
559
577 - render: function () {
578 - var props = this.props;
579 - if (props.x === 5) {
560 + class AbstractPopoverButton5 extends React.Component {
561 + render() {
562 + if (this.props.x === 5) {
563 return React.createElement(XUIButton4, { x: 4 });
564 }
582 - if (props.x === 132) {
565 + if (this.props.x === 132) {
566 return React.createElement(XUIButton4, { x: 131 });
567 }
585 - if (props.x === 140) {
568 + if (this.props.x === 140) {
569 return React.createElement(XUIButton4, { x: 139 });
570 }
588 - if (props.x === 271) {
571 + if (this.props.x === 271) {
572 return React.createElement(XUIButton4, { x: 270 });
573 }
574 }
592 - });
575 + }
576
594 - var ReactXUIPopoverButton6 = React.createClass({
595 - displayName: "ReactXUIPopoverButton6",
596 -
597 - render: function () {
598 - var props = this.props;
599 - if (props.x === 6) {
577 + class ReactXUIPopoverButton6 extends React.Component {
578 + render() {
579 + if (this.props.x === 6) {
580 return React.createElement(AbstractPopoverButton5, { x: 5 });
581 }
602 - if (props.x === 133) {
582 + if (this.props.x === 133) {
583 return React.createElement(AbstractPopoverButton5, { x: 132 });
584 }
605 - if (props.x === 141) {
585 + if (this.props.x === 141) {
586 return React.createElement(AbstractPopoverButton5, { x: 140 });
587 }
608 - if (props.x === 272) {
588 + if (this.props.x === 272) {
589 return React.createElement(AbstractPopoverButton5, { x: 271 });
590 }
591 }
612 - });
613 -
614 - var BIGAdAccountSelector7 = React.createClass({
615 - displayName: "BIGAdAccountSelector7",
592 + }
593
617 - render: function () {
618 - var props = this.props;
619 - if (props.x === 7) {
594 + class BIGAdAccountSelector7 extends React.Component {
595 + render() {
596 + if (this.props.x === 7) {
597 return React.createElement(
598 "div",
599 null,
623 - React.createElement(ReactXUIPopoverButton6, { x: 6, ref: "openMenuButton" }),
600 + React.createElement(ReactXUIPopoverButton6, { x: 6 }),
601 null
602 );
603 }
604 }
628 - });
629 -
630 - var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = React.createClass({
631 - displayName: "FluxContainer_AdsPEBIGAdAccountSelectorContainer_8",
605 + }
606
633 - render: function () {
634 - var props = this.props;
635 - if (props.x === 8) {
607 + class FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 extends React.Component {
608 + render() {
609 + if (this.props.x === 8) {
610 return React.createElement(BIGAdAccountSelector7, { x: 7 });
611 }
612 }
639 - });
613 + }
614
641 - var ErrorBoundary9 = React.createClass({
642 - displayName: "ErrorBoundary9",
643 -
644 - render: function () {
645 - var props = this.props;
646 - if (props.x === 9) {
615 + class ErrorBoundary9 extends React.Component {
616 + render() {
617 + if (this.props.x === 9) {
618 return React.createElement(FluxContainer_AdsPEBIGAdAccountSelectorContainer_8, { x: 8 });
619 }
649 - if (props.x === 13) {
620 + if (this.props.x === 13) {
621 return React.createElement(FluxContainer_AdsPENavigationBarContainer_12, { x: 12 });
622 }
652 - if (props.x === 27) {
623 + if (this.props.x === 27) {
624 return React.createElement(FluxContainer_AdsPEPublishButtonContainer_18, { x: 26 });
625 }
655 - if (props.x === 32) {
626 + if (this.props.x === 32) {
627 return React.createElement(ReactPopoverMenu20, { x: 31 });
628 }
658 - if (props.x === 38) {
629 + if (this.props.x === 38) {
630 return React.createElement(AdsPEResetDialog24, { x: 37 });
631 }
661 - if (props.x === 57) {
632 + if (this.props.x === 57) {
633 return React.createElement(FluxContainer_AdsPETopErrorContainer_35, { x: 56 });
634 }
664 - if (props.x === 60) {
635 + if (this.props.x === 60) {
636 return React.createElement(FluxContainer_AdsGuidanceChannel_36, { x: 59 });
637 }
667 - if (props.x === 64) {
638 + if (this.props.x === 64) {
639 return React.createElement(FluxContainer_AdsBulkEditDialogContainer_38, { x: 63 });
640 }
670 - if (props.x === 124) {
641 + if (this.props.x === 124) {
642 return React.createElement(AdsPECampaignGroupToolbarContainer57, { x: 123 });
643 }
673 - if (props.x === 170) {
644 + if (this.props.x === 170) {
645 return React.createElement(AdsPEFilterContainer72, { x: 169 });
646 }
676 - if (props.x === 175) {
647 + if (this.props.x === 175) {
648 return React.createElement(AdsPETablePagerContainer75, { x: 174 });
649 }
679 - if (props.x === 193) {
650 + if (this.props.x === 193) {
651 return React.createElement(AdsPEStatRangeContainer81, { x: 192 });
652 }
682 - if (props.x === 301) {
653 + if (this.props.x === 301) {
654 return React.createElement(FluxContainer_AdsPEMultiTabDrawerContainer_137, { x: 300 });
655 }
685 - if (props.x === 311) {
656 + if (this.props.x === 311) {
657 return React.createElement(AdsPEOrganizerContainer139, { x: 310 });
658 }
688 - if (props.x === 471) {
659 + if (this.props.x === 471) {
660 return React.createElement(AdsPECampaignGroupTableContainer159, { x: 470 });
661 }
691 - if (props.x === 475) {
662 + if (this.props.x === 475) {
663 return React.createElement(AdsPEContentContainer161, { x: 474 });
664 }
665 }
695 - });
696 -
697 - var AdsErrorBoundary10 = React.createClass({
698 - displayName: "AdsErrorBoundary10",
666 + }
667
700 - render: function () {
701 - var props = this.props;
702 - if (props.x === 10) {
668 + class AdsErrorBoundary10 extends React.Component {
669 + render() {
670 + if (this.props.x === 10) {
671 return React.createElement(ErrorBoundary9, { x: 9 });
672 }
705 - if (props.x === 14) {
673 + if (this.props.x === 14) {
674 return React.createElement(ErrorBoundary9, { x: 13 });
675 }
708 - if (props.x === 28) {
676 + if (this.props.x === 28) {
677 return React.createElement(ErrorBoundary9, { x: 27 });
678 }
711 - if (props.x === 33) {
679 + if (this.props.x === 33) {
680 return React.createElement(ErrorBoundary9, { x: 32 });
681 }
714 - if (props.x === 39) {
682 + if (this.props.x === 39) {
683 return React.createElement(ErrorBoundary9, { x: 38 });
684 }
717 - if (props.x === 58) {
685 + if (this.props.x === 58) {
686 return React.createElement(ErrorBoundary9, { x: 57 });
687 }
720 - if (props.x === 61) {
688 + if (this.props.x === 61) {
689 return React.createElement(ErrorBoundary9, { x: 60 });
690 }
723 - if (props.x === 65) {
691 + if (this.props.x === 65) {
692 return React.createElement(ErrorBoundary9, { x: 64 });
693 }
726 - if (props.x === 125) {
694 + if (this.props.x === 125) {
695 return React.createElement(ErrorBoundary9, { x: 124 });
696 }
729 - if (props.x === 171) {
697 + if (this.props.x === 171) {
698 return React.createElement(ErrorBoundary9, { x: 170 });
699 }
732 - if (props.x === 176) {
700 + if (this.props.x === 176) {
701 return React.createElement(ErrorBoundary9, { x: 175 });
702 }
735 - if (props.x === 194) {
703 + if (this.props.x === 194) {
704 return React.createElement(ErrorBoundary9, { x: 193 });
705 }
738 - if (props.x === 302) {
706 + if (this.props.x === 302) {
707 return React.createElement(ErrorBoundary9, { x: 301 });
708 }
741 - if (props.x === 312) {
709 + if (this.props.x === 312) {
710 return React.createElement(ErrorBoundary9, { x: 311 });
711 }
744 - if (props.x === 472) {
712 + if (this.props.x === 472) {
713 return React.createElement(ErrorBoundary9, { x: 471 });
714 }
747 - if (props.x === 476) {
715 + if (this.props.x === 476) {
716 return React.createElement(ErrorBoundary9, { x: 475 });
717 }
718 }
751 - });
752 -
753 - var AdsPENavigationBar11 = React.createClass({
754 - displayName: "AdsPENavigationBar11",
719 + }
720
756 - render: function () {
757 - var props = this.props;
758 - if (props.x === 11) {
721 + class AdsPENavigationBar11 extends React.Component {
722 + render() {
723 + if (this.props.x === 11) {
724 return React.createElement("div", { className: "_4t_9" });
725 }
726 }
762 - });
727 + }
728
764 - var FluxContainer_AdsPENavigationBarContainer_12 = React.createClass({
765 - displayName: "FluxContainer_AdsPENavigationBarContainer_12",
766 -
767 - render: function () {
768 - var props = this.props;
769 - if (props.x === 12) {
729 + class FluxContainer_AdsPENavigationBarContainer_12 extends React.Component {
730 + render() {
731 + if (this.props.x === 12) {
732 return React.createElement(AdsPENavigationBar11, { x: 11 });
733 }
734 }
773 - });
774 -
775 - var AdsPEDraftSyncStatus13 = React.createClass({
776 - displayName: "AdsPEDraftSyncStatus13",
735 + }
736
778 - render: function () {
779 - var props = this.props;
780 - if (props.x === 16) {
737 + class AdsPEDraftSyncStatus13 extends React.Component {
738 + render() {
739 + if (this.props.x === 16) {
740 return React.createElement(
741 "div",
783 - { className: "_3ut-", onClick: function () {} },
742 + { className: "_3ut-", onClick: function () { } },
743 React.createElement(
744 "span",
745 { className: "_3uu0" },
@@ -789,47 +748,35 @@
748 );
749 }
750 }
792 - });
793 -
794 - var FluxContainer_AdsPEDraftSyncStatusContainer_14 = React.createClass({
795 - displayName: "FluxContainer_AdsPEDraftSyncStatusContainer_14",
751 + }
752
797 - render: function () {
798 - var props = this.props;
799 - if (props.x === 17) {
753 + class FluxContainer_AdsPEDraftSyncStatusContainer_14 extends React.Component {
754 + render() {
755 + if (this.props.x === 17) {
756 return React.createElement(AdsPEDraftSyncStatus13, { x: 16 });
757 }
758 }
803 - });
759 + }
760
805 - var AdsPEDraftErrorsStatus15 = React.createClass({
806 - displayName: "AdsPEDraftErrorsStatus15",
807 -
808 - render: function () {
809 - var props = this.props;
810 - if (props.x === 18) {
761 + class AdsPEDraftErrorsStatus15 extends React.Component {
762 + render() {
763 + if (this.props.x === 18) {
764 return null;
765 }
766 }
814 - });
815 -
816 - var FluxContainer_viewFn_16 = React.createClass({
817 - displayName: "FluxContainer_viewFn_16",
767 + }
768
819 - render: function () {
820 - var props = this.props;
821 - if (props.x === 19) {
769 + class FluxContainer_viewFn_16 extends React.Component {
770 + render() {
771 + if (this.props.x === 19) {
772 return React.createElement(AdsPEDraftErrorsStatus15, { x: 18 });
773 }
774 }
825 - });
826 -
827 - var AdsPEPublishButton17 = React.createClass({
828 - displayName: "AdsPEPublishButton17",
775 + }
776
830 - render: function () {
831 - var props = this.props;
832 - if (props.x === 25) {
777 + class AdsPEPublishButton17 extends React.Component {
778 + render() {
779 + if (this.props.x === 25) {
780 return React.createElement(
781 "div",
782 { className: "_5533" },
@@ -837,57 +784,51 @@
784 React.createElement(FluxContainer_viewFn_16, { x: 19 }),
785 null,
786 React.createElement(XUIButton4, { x: 21, key: "discard" }),
840 - React.createElement(XUIButton4, { x: 24, ref: "reviewChangesButton" })
787 + React.createElement(XUIButton4, { x: 24 })
788 );
789 }
790 }
844 - });
791 + }
792
846 - var FluxContainer_AdsPEPublishButtonContainer_18 = React.createClass({
847 - displayName: "FluxContainer_AdsPEPublishButtonContainer_18",
848 -
849 - render: function () {
850 - var props = this.props;
851 - if (props.x === 26) {
793 + class FluxContainer_AdsPEPublishButtonContainer_18 extends React.Component {
794 + render() {
795 + if (this.props.x === 26) {
796 return React.createElement(AdsPEPublishButton17, { x: 25 });
797 }
798 }
855 - });
856 -
857 - var InlineBlock19 = React.createClass({
858 - displayName: "InlineBlock19",
799 + }
800
860 - render: function () {
861 - var props = this.props;
862 - if (props.x === 30) {
801 + class InlineBlock19 extends React.Component {
802 + render() {
803 + if (this.props.x === 30) {
804 return React.createElement(
805 "div",
806 { className: "uiPopover _6a _6b", disabled: null },
807 React.createElement(ReactImage0, { x: 29, key: ".0" })
808 );
809 }
869 - if (props.x === 73) {
810 + if (this.props.x === 73) {
811 return React.createElement(
812 "div",
813 { className: "uiPopover _6a _6b", disabled: null },
814 React.createElement(XUIButton4, { x: 72, key: ".0" })
815 );
816 }
876 - if (props.x === 82) {
817 + if (this.props.x === 82) {
818 return React.createElement(
819 "div",
820 { className: "_1nwm uiPopover _6a _6b", disabled: null },
821 React.createElement(XUIButton4, { x: 81, key: ".0" })
822 );
823 }
883 - if (props.x === 101) {
824 + if (this.props.x === 101) {
825 return React.createElement(
826 "div",
827 { size: "large", className: "uiPopover _6a _6b", disabled: null },
828 React.createElement(XUIButton4, { x: 100, key: ".0" })
829 );
830 }
890 - if (props.x === 273) {
831 + if (this.props.x === 273) {
832 return React.createElement(
833 "div",
834 { className: "_3-90 uiPopover _6a _6b", style: { "marginTop": 2 }, disabled: null },
@@ -895,37 +836,31 @@
836 );
837 }
838 }
898 - });
899 -
900 - var ReactPopoverMenu20 = React.createClass({
901 - displayName: "ReactPopoverMenu20",
839 + }
840
903 - render: function () {
904 - var props = this.props;
905 - if (props.x === 31) {
906 - return React.createElement(InlineBlock19, { x: 30, ref: "root" });
841 + class ReactPopoverMenu20 extends React.Component {
842 + render() {
843 + if (this.props.x === 31) {
844 + return React.createElement(InlineBlock19, { x: 30 });
845 }
908 - if (props.x === 74) {
909 - return React.createElement(InlineBlock19, { x: 73, ref: "root" });
846 + if (this.props.x === 74) {
847 + return React.createElement(InlineBlock19, { x: 73 });
848 }
911 - if (props.x === 83) {
912 - return React.createElement(InlineBlock19, { x: 82, ref: "root" });
849 + if (this.props.x === 83) {
850 + return React.createElement(InlineBlock19, { x: 82 });
851 }
914 - if (props.x === 102) {
915 - return React.createElement(InlineBlock19, { x: 101, ref: "root" });
852 + if (this.props.x === 102) {
853 + return React.createElement(InlineBlock19, { x: 101 });
854 }
917 - if (props.x === 274) {
918 - return React.createElement(InlineBlock19, { x: 273, ref: "root" });
855 + if (this.props.x === 274) {
856 + return React.createElement(InlineBlock19, { x: 273 });
857 }
858 }
921 - });
859 + }
860
923 - var LeftRight21 = React.createClass({
924 - displayName: "LeftRight21",
925 -
926 - render: function () {
927 - var props = this.props;
928 - if (props.x === 34) {
861 + class LeftRight21 extends React.Component {
862 + render() {
863 + if (this.props.x === 34) {
864 return React.createElement(
865 "div",
866 { className: "clearfix" },
@@ -967,10 +902,10 @@
902 )
903 );
904 }
970 - if (props.x === 232) {
905 + if (this.props.x === 232) {
906 return React.createElement(
907 "div",
973 - { flex: "right", direction: "left", className: "clearfix" },
908 + { direction: "left", className: "clearfix" },
909 React.createElement(
910 "div",
911 { key: "left", className: "_ohe lfloat" },
@@ -991,10 +926,10 @@
926 )
927 );
928 }
994 - if (props.x === 235) {
929 + if (this.props.x === 235) {
930 return React.createElement(
931 "div",
997 - { className: "_3-8x clearfix", flex: "right", direction: "left" },
932 + { className: "_3-8x clearfix", direction: "left" },
933 React.createElement(
934 "div",
935 { key: "left", className: "_ohe lfloat" },
@@ -1015,10 +950,10 @@
950 )
951 );
952 }
1018 - if (props.x === 245) {
953 + if (this.props.x === 245) {
954 return React.createElement(
955 "div",
1021 - { className: "_3-8y clearfix", flex: "right", direction: "left" },
956 + { className: "_3-8y clearfix", direction: "left" },
957 React.createElement(
958 "div",
959 { key: "left", className: "_ohe lfloat" },
@@ -1035,7 +970,7 @@
970 )
971 );
972 }
1038 - if (props.x === 277) {
973 + if (this.props.x === 277) {
974 return React.createElement(
975 "div",
976 { className: "_5dw9 _5dwa clearfix" },
@@ -1052,14 +987,11 @@
987 );
988 }
989 }
1055 - });
1056 -
1057 - var AdsUnifiedNavigationLocalNav22 = React.createClass({
1058 - displayName: "AdsUnifiedNavigationLocalNav22",
990 + }
991
1060 - render: function () {
1061 - var props = this.props;
1062 - if (props.x === 35) {
992 + class AdsUnifiedNavigationLocalNav22 extends React.Component {
993 + render() {
994 + if (this.props.x === 35) {
995 return React.createElement(
996 "div",
997 { className: "_34_i" },
@@ -1067,25 +999,19 @@
999 );
1000 }
1001 }
1070 - });
1071 -
1072 - var XUIDialog23 = React.createClass({
1073 - displayName: "XUIDialog23",
1002 + }
1003
1075 - render: function () {
1076 - var props = this.props;
1077 - if (props.x === 36) {
1004 + class XUIDialog23 extends React.Component {
1005 + render() {
1006 + if (this.props.x === 36) {
1007 return null;
1008 }
1009 }
1081 - });
1010 + }
1011
1083 - var AdsPEResetDialog24 = React.createClass({
1084 - displayName: "AdsPEResetDialog24",
1085 -
1086 - render: function () {
1087 - var props = this.props;
1088 - if (props.x === 37) {
1012 + class AdsPEResetDialog24 extends React.Component {
1013 + render() {
1014 + if (this.props.x === 37) {
1015 return React.createElement(
1016 "span",
1017 null,
@@ -1093,14 +1019,11 @@
1019 );
1020 }
1021 }
1096 - });
1097 -
1098 - var AdsPETopNav25 = React.createClass({
1099 - displayName: "AdsPETopNav25",
1022 + }
1023
1101 - render: function () {
1102 - var props = this.props;
1103 - if (props.x === 40) {
1024 + class AdsPETopNav25 extends React.Component {
1025 + render() {
1026 + if (this.props.x === 40) {
1027 return React.createElement(
1028 "div",
1029 { style: { "width": 1306 } },
@@ -1109,67 +1032,55 @@
1032 );
1033 }
1034 }
1112 - });
1113 -
1114 - var FluxContainer_AdsPETopNavContainer_26 = React.createClass({
1115 - displayName: "FluxContainer_AdsPETopNavContainer_26",
1035 + }
1036
1117 - render: function () {
1118 - var props = this.props;
1119 - if (props.x === 41) {
1037 + class FluxContainer_AdsPETopNavContainer_26 extends React.Component {
1038 + render() {
1039 + if (this.props.x === 41) {
1040 return React.createElement(AdsPETopNav25, { x: 40 });
1041 }
1042 }
1123 - });
1043 + }
1044
1125 - var XUIAbstractGlyphButton27 = React.createClass({
1126 - displayName: "XUIAbstractGlyphButton27",
1127 -
1128 - render: function () {
1129 - var props = this.props;
1130 - if (props.x === 46) {
1045 + class XUIAbstractGlyphButton27 extends React.Component {
1046 + render() {
1047 + if (this.props.x === 46) {
1048 return React.createElement(AbstractButton3, { x: 45 });
1049 }
1133 - if (props.x === 150) {
1050 + if (this.props.x === 150) {
1051 return React.createElement(AbstractButton3, { x: 149 });
1052 }
1053 }
1137 - });
1138 -
1139 - var XUICloseButton28 = React.createClass({
1140 - displayName: "XUICloseButton28",
1054 + }
1055
1142 - render: function () {
1143 - var props = this.props;
1144 - if (props.x === 47) {
1056 + class XUICloseButton28 extends React.Component {
1057 + render() {
1058 + if (this.props.x === 47) {
1059 return React.createElement(XUIAbstractGlyphButton27, { x: 46 });
1060 }
1147 - if (props.x === 151) {
1061 + if (this.props.x === 151) {
1062 return React.createElement(XUIAbstractGlyphButton27, { x: 150 });
1063 }
1064 }
1151 - });
1152 -
1153 - var XUIText29 = React.createClass({
1154 - displayName: "XUIText29",
1065 + }
1066
1156 - render: function () {
1157 - var props = this.props;
1158 - if (props.x === 48) {
1067 + class XUIText29 extends React.Component {
1068 + render() {
1069 + if (this.props.x === 48) {
1070 return React.createElement(
1071 "span",
1072 { display: "inline", className: " _50f7" },
1073 "Ads Manager"
1074 );
1075 }
1165 - if (props.x === 205) {
1076 + if (this.props.x === 205) {
1077 return React.createElement(
1078 "span",
1079 { className: "_2x9f _50f5 _50f7", display: "inline" },
1080 "Editing Campaign"
1081 );
1082 }
1172 - if (props.x === 206) {
1083 + if (this.props.x === 206) {
1084 return React.createElement(
1085 "span",
1086 { display: "inline", className: " _50f5 _50f7" },
@@ -1177,14 +1088,11 @@
1088 );
1089 }
1090 }
1180 - });
1091 + }
1092
1182 - var XUINotice30 = React.createClass({
1183 - displayName: "XUINotice30",
1184 -
1185 - render: function () {
1186 - var props = this.props;
1187 - if (props.x === 51) {
1093 + class XUINotice30 extends React.Component {
1094 + render() {
1095 + if (this.props.x === 51) {
1096 return React.createElement(
1097 "div",
1098 { size: "medium", className: "_585n _585o _2wdd" },
@@ -1200,51 +1108,39 @@
1108 );
1109 }
1110 }
1203 - });
1204 -
1205 - var ReactCSSTransitionGroupChild31 = React.createClass({
1206 - displayName: "ReactCSSTransitionGroupChild31",
1111 + }
1112
1208 - render: function () {
1209 - var props = this.props;
1210 - if (props.x === 52) {
1113 + class ReactCSSTransitionGroupChild31 extends React.Component {
1114 + render() {
1115 + if (this.props.x === 52) {
1116 return React.createElement(XUINotice30, { x: 51 });
1117 }
1118 }
1214 - });
1215 -
1216 - var ReactTransitionGroup32 = React.createClass({
1217 - displayName: "ReactTransitionGroup32",
1119 + }
1120
1219 - render: function () {
1220 - var props = this.props;
1221 - if (props.x === 53) {
1121 + class ReactTransitionGroup32 extends React.Component {
1122 + render() {
1123 + if (this.props.x === 53) {
1124 return React.createElement(
1125 "span",
1126 null,
1225 - React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0", ref: ".0" })
1127 + React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0" })
1128 );
1129 }
1130 }
1229 - });
1131 + }
1132
1231 - var ReactCSSTransitionGroup33 = React.createClass({
1232 - displayName: "ReactCSSTransitionGroup33",
1233 -
1234 - render: function () {
1235 - var props = this.props;
1236 - if (props.x === 54) {
1133 + class ReactCSSTransitionGroup33 extends React.Component {
1134 + render() {
1135 + if (this.props.x === 54) {
1136 return React.createElement(ReactTransitionGroup32, { x: 53 });
1137 }
1138 }
1240 - });
1241 -
1242 - var AdsPETopError34 = React.createClass({
1243 - displayName: "AdsPETopError34",
1139 + }
1140
1245 - render: function () {
1246 - var props = this.props;
1247 - if (props.x === 55) {
1141 + class AdsPETopError34 extends React.Component {
1142 + render() {
1143 + if (this.props.x === 55) {
1144 return React.createElement(
1145 "div",
1146 { className: "_2wdc" },
@@ -1252,79 +1148,64 @@
1148 );
1149 }
1150 }
1255 - });
1256 -
1257 - var FluxContainer_AdsPETopErrorContainer_35 = React.createClass({
1258 - displayName: "FluxContainer_AdsPETopErrorContainer_35",
1151 + }
1152
1260 - render: function () {
1261 - var props = this.props;
1262 - if (props.x === 56) {
1153 + class FluxContainer_AdsPETopErrorContainer_35 extends React.Component {
1154 + render() {
1155 + if (this.props.x === 56) {
1156 return React.createElement(AdsPETopError34, { x: 55 });
1157 }
1158 }
1266 - });
1159 + }
1160
1268 - var FluxContainer_AdsGuidanceChannel_36 = React.createClass({
1269 - displayName: "FluxContainer_AdsGuidanceChannel_36",
1270 -
1271 - render: function () {
1272 - var props = this.props;
1273 - if (props.x === 59) {
1161 + class FluxContainer_AdsGuidanceChannel_36 extends React.Component {
1162 + render() {
1163 + if (this.props.x === 59) {
1164 return null;
1165 }
1166 }
1277 - });
1278 -
1279 - var ResponsiveBlock37 = React.createClass({
1280 - displayName: "ResponsiveBlock37",
1167 + }
1168
1282 - render: function () {
1283 - var props = this.props;
1284 - if (props.x === 62) {
1169 + class ResponsiveBlock37 extends React.Component {
1170 + render() {
1171 + if (this.props.x === 62) {
1172 return React.createElement(
1173 "div",
1287 - { onResize: function () {}, className: "_4u-c" },
1288 - [React.createElement(AdsErrorBoundary10, { x: 58 }), React.createElement(AdsErrorBoundary10, { x: 61 })],
1174 + { className: "_4u-c" },
1175 + [React.createElement(AdsErrorBoundary10, { x: 58, key: 1 }), React.createElement(AdsErrorBoundary10, { x: 61, key: 2 })],
1176 React.createElement(
1177 "div",
1178 { key: "sensor", className: "_4u-f" },
1292 - React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1179 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1180 )
1181 );
1182 }
1296 - if (props.x === 469) {
1183 + if (this.props.x === 469) {
1184 return React.createElement(
1185 "div",
1299 - { onResize: function () {}, className: "_4u-c" },
1186 + { className: "_4u-c" },
1187 React.createElement(AdsPEDataTableContainer158, { x: 468 }),
1188 React.createElement(
1189 "div",
1190 { key: "sensor", className: "_4u-f" },
1304 - React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1191 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1192 )
1193 );
1194 }
1195 }
1309 - });
1310 -
1311 - var FluxContainer_AdsBulkEditDialogContainer_38 = React.createClass({
1312 - displayName: "FluxContainer_AdsBulkEditDialogContainer_38",
1196 + }
1197
1314 - render: function () {
1315 - var props = this.props;
1316 - if (props.x === 63) {
1198 + class FluxContainer_AdsBulkEditDialogContainer_38 extends React.Component {
1199 + render() {
1200 + if (this.props.x === 63) {
1201 return null;
1202 }
1203 }
1320 - });
1204 + }
1205
1322 - var Column39 = React.createClass({
1323 - displayName: "Column39",
1324 -
1325 - render: function () {
1326 - var props = this.props;
1327 - if (props.x === 66) {
1206 + class Column39 extends React.Component {
1207 + render() {
1208 + if (this.props.x === 66) {
1209 return React.createElement(
1210 "div",
1211 { className: "_4bl8 _4bl7" },
@@ -1339,14 +1220,11 @@
1220 );
1221 }
1222 }
1342 - });
1343 -
1344 - var XUIButtonGroup40 = React.createClass({
1345 - displayName: "XUIButtonGroup40",
1223 + }
1224
1347 - render: function () {
1348 - var props = this.props;
1349 - if (props.x === 75) {
1225 + class XUIButtonGroup40 extends React.Component {
1226 + render() {
1227 + if (this.props.x === 75) {
1228 return React.createElement(
1229 "div",
1230 { className: "_5n7z _51xa" },
@@ -1354,7 +1232,7 @@
1232 React.createElement(ReactPopoverMenu20, { x: 74 })
1233 );
1234 }
1357 - if (props.x === 84) {
1235 + if (this.props.x === 84) {
1236 return React.createElement(
1237 "div",
1238 { className: "_5n7z _51xa" },
@@ -1362,7 +1240,7 @@
1240 React.createElement(ReactPopoverMenu20, { x: 83, key: "editMenu" })
1241 );
1242 }
1365 - if (props.x === 97) {
1243 + if (this.props.x === 97) {
1244 return React.createElement(
1245 "div",
1246 { className: "_5n7z _51xa" },
@@ -1371,101 +1249,77 @@
1249 React.createElement(XUIButton4, { x: 96, key: "duplicate" })
1250 );
1251 }
1374 - if (props.x === 117) {
1252 + if (this.props.x === 117) {
1253 return React.createElement(
1254 "div",
1255 { className: "_5n7z _51xa" },
1256 React.createElement(AdsPEExportImportMenuContainer48, { x: 107 }),
1379 - React.createElement(XUIButton4, { x: 110, key: "createReport", ref: "ads_create_report_button" }),
1257 + React.createElement(XUIButton4, { x: 110, key: "createReport" }),
1258 React.createElement(AdsPECampaignGroupTagContainer51, { x: 116, key: "tags" })
1259 );
1260 }
1261 }
1384 - });
1385 -
1386 - var AdsPEEditToolbarButton41 = React.createClass({
1387 - displayName: "AdsPEEditToolbarButton41",
1262 + }
1263
1389 - render: function () {
1390 - var props = this.props;
1391 - if (props.x === 85) {
1264 + class AdsPEEditToolbarButton41 extends React.Component {
1265 + render() {
1266 + if (this.props.x === 85) {
1267 return React.createElement(XUIButtonGroup40, { x: 84 });
1268 }
1269 }
1395 - });
1270 + }
1271
1397 - var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = React.createClass({
1398 - displayName: "FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42",
1399 -
1400 - render: function () {
1401 - var props = this.props;
1402 - if (props.x === 86) {
1272 + class FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 extends React.Component {
1273 + render() {
1274 + if (this.props.x === 86) {
1275 return React.createElement(AdsPEEditToolbarButton41, { x: 85 });
1276 }
1277 }
1406 - });
1407 -
1408 - var FluxContainer_AdsPEEditToolbarButtonContainer_43 = React.createClass({
1409 - displayName: "FluxContainer_AdsPEEditToolbarButtonContainer_43",
1278 + }
1279
1411 - render: function () {
1412 - var props = this.props;
1413 - if (props.x === 87) {
1280 + class FluxContainer_AdsPEEditToolbarButtonContainer_43 extends React.Component {
1281 + render() {
1282 + if (this.props.x === 87) {
1283 return React.createElement(FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42, { x: 86 });
1284 }
1285 }
1417 - });
1418 -
1419 - var AdsPEExportImportMenu44 = React.createClass({
1420 - displayName: "AdsPEExportImportMenu44",
1286 + }
1287
1422 - render: function () {
1423 - var props = this.props;
1424 - if (props.x === 103) {
1288 + class AdsPEExportImportMenu44 extends React.Component {
1289 + render() {
1290 + if (this.props.x === 103) {
1291 return React.createElement(ReactPopoverMenu20, { x: 102, key: "export" });
1292 }
1293 }
1428 - });
1294 + }
1295
1430 - var FluxContainer_AdsPECustomizeExportContainer_45 = React.createClass({
1431 - displayName: "FluxContainer_AdsPECustomizeExportContainer_45",
1432 -
1433 - render: function () {
1434 - var props = this.props;
1435 - if (props.x === 104) {
1296 + class FluxContainer_AdsPECustomizeExportContainer_45 extends React.Component {
1297 + render() {
1298 + if (this.props.x === 104) {
1299 return null;
1300 }
1301 }
1439 - });
1440 -
1441 - var AdsPEExportAsTextDialog46 = React.createClass({
1442 - displayName: "AdsPEExportAsTextDialog46",
1302 + }
1303
1444 - render: function () {
1445 - var props = this.props;
1446 - if (props.x === 105) {
1304 + class AdsPEExportAsTextDialog46 extends React.Component {
1305 + render() {
1306 + if (this.props.x === 105) {
1307 return null;
1308 }
1309 }
1450 - });
1310 + }
1311
1452 - var FluxContainer_AdsPEExportAsTextDialogContainer_47 = React.createClass({
1453 - displayName: "FluxContainer_AdsPEExportAsTextDialogContainer_47",
1454 -
1455 - render: function () {
1456 - var props = this.props;
1457 - if (props.x === 106) {
1312 + class FluxContainer_AdsPEExportAsTextDialogContainer_47 extends React.Component {
1313 + render() {
1314 + if (this.props.x === 106) {
1315 return React.createElement(AdsPEExportAsTextDialog46, { x: 105 });
1316 }
1317 }
1461 - });
1462 -
1463 - var AdsPEExportImportMenuContainer48 = React.createClass({
1464 - displayName: "AdsPEExportImportMenuContainer48",
1318 + }
1319
1466 - render: function () {
1467 - var props = this.props;
1468 - if (props.x === 107) {
1320 + class AdsPEExportImportMenuContainer48 extends React.Component {
1321 + render() {
1322 + if (this.props.x === 107) {
1323 return React.createElement(
1324 "span",
1325 null,
@@ -1477,83 +1331,65 @@
1331 );
1332 }
1333 }
1480 - });
1481 -
1482 - var Constructor49 = React.createClass({
1483 - displayName: "Constructor49",
1334 + }
1335
1485 - render: function () {
1486 - var props = this.props;
1487 - if (props.x === 114) {
1336 + class Constructor49 extends React.Component {
1337 + render() {
1338 + if (this.props.x === 114) {
1339 return null;
1340 }
1490 - if (props.x === 142) {
1341 + if (this.props.x === 142) {
1342 return null;
1343 }
1493 - if (props.x === 143) {
1344 + if (this.props.x === 143) {
1345 return null;
1346 }
1496 - if (props.x === 183) {
1347 + if (this.props.x === 183) {
1348 return null;
1349 }
1350 }
1500 - });
1351 + }
1352
1502 - var TagSelectorPopover50 = React.createClass({
1503 - displayName: "TagSelectorPopover50",
1504 -
1505 - render: function () {
1506 - var props = this.props;
1507 - if (props.x === 115) {
1353 + class TagSelectorPopover50 extends React.Component {
1354 + render() {
1355 + if (this.props.x === 115) {
1356 return React.createElement(
1357 "span",
1358 { className: " _3d6e" },
1511 - React.createElement(XUIButton4, { x: 113, ref: "button" }),
1512 - React.createElement(Constructor49, { x: 114, key: "layer", ref: "layer" })
1359 + React.createElement(XUIButton4, { x: 113 }),
1360 + React.createElement(Constructor49, { x: 114, key: "layer" })
1361 );
1362 }
1363 }
1516 - });
1517 -
1518 - var AdsPECampaignGroupTagContainer51 = React.createClass({
1519 - displayName: "AdsPECampaignGroupTagContainer51",
1364 + }
1365
1521 - render: function () {
1522 - var props = this.props;
1523 - if (props.x === 116) {
1366 + class AdsPECampaignGroupTagContainer51 extends React.Component {
1367 + render() {
1368 + if (this.props.x === 116) {
1369 return React.createElement(TagSelectorPopover50, { x: 115, key: "98010048849317" });
1370 }
1371 }
1527 - });
1528 -
1529 - var AdsRuleToolbarMenu52 = React.createClass({
1530 - displayName: "AdsRuleToolbarMenu52",
1372 + }
1373
1532 - render: function () {
1533 - var props = this.props;
1534 - if (props.x === 118) {
1374 + class AdsRuleToolbarMenu52 extends React.Component {
1375 + render() {
1376 + if (this.props.x === 118) {
1377 return null;
1378 }
1379 }
1538 - });
1380 + }
1381
1540 - var FluxContainer_AdsPERuleToolbarMenuContainer_53 = React.createClass({
1541 - displayName: "FluxContainer_AdsPERuleToolbarMenuContainer_53",
1542 -
1543 - render: function () {
1544 - var props = this.props;
1545 - if (props.x === 119) {
1382 + class FluxContainer_AdsPERuleToolbarMenuContainer_53 extends React.Component {
1383 + render() {
1384 + if (this.props.x === 119) {
1385 return React.createElement(AdsRuleToolbarMenu52, { x: 118 });
1386 }
1387 }
1549 - });
1550 -
1551 - var FillColumn54 = React.createClass({
1552 - displayName: "FillColumn54",
1388 + }
1389
1554 - render: function () {
1555 - var props = this.props;
1556 - if (props.x === 120) {
1390 + class FillColumn54 extends React.Component {
1391 + render() {
1392 + if (this.props.x === 120) {
1393 return React.createElement(
1394 "div",
1395 { className: "_4bl9" },
@@ -1574,14 +1410,11 @@
1410 );
1411 }
1412 }
1577 - });
1578 -
1579 - var Layout55 = React.createClass({
1580 - displayName: "Layout55",
1413 + }
1414
1582 - render: function () {
1583 - var props = this.props;
1584 - if (props.x === 121) {
1415 + class Layout55 extends React.Component {
1416 + render() {
1417 + if (this.props.x === 121) {
1418 return React.createElement(
1419 "div",
1420 { className: "clearfix" },
@@ -1590,14 +1423,11 @@
1423 );
1424 }
1425 }
1593 - });
1426 + }
1427
1595 - var AdsPEMainPaneToolbar56 = React.createClass({
1596 - displayName: "AdsPEMainPaneToolbar56",
1597 -
1598 - render: function () {
1599 - var props = this.props;
1600 - if (props.x === 122) {
1428 + class AdsPEMainPaneToolbar56 extends React.Component {
1429 + render() {
1430 + if (this.props.x === 122) {
1431 return React.createElement(
1432 "div",
1433 { className: "_3c5b clearfix" },
@@ -1605,80 +1435,65 @@
1435 );
1436 }
1437 }
1608 - });
1609 -
1610 - var AdsPECampaignGroupToolbarContainer57 = React.createClass({
1611 - displayName: "AdsPECampaignGroupToolbarContainer57",
1438 + }
1439
1613 - render: function () {
1614 - var props = this.props;
1615 - if (props.x === 123) {
1440 + class AdsPECampaignGroupToolbarContainer57 extends React.Component {
1441 + render() {
1442 + if (this.props.x === 123) {
1443 return React.createElement(AdsPEMainPaneToolbar56, { x: 122 });
1444 }
1445 }
1619 - });
1620 -
1621 - var AdsPEFiltersPopover58 = React.createClass({
1622 - displayName: "AdsPEFiltersPopover58",
1446 + }
1447
1624 - render: function () {
1625 - var props = this.props;
1626 - if (props.x === 144) {
1448 + class AdsPEFiltersPopover58 extends React.Component {
1449 + render() {
1450 + if (this.props.x === 144) {
1451 return React.createElement(
1452 "span",
1453 { className: "_5b-l _5bbe" },
1630 - React.createElement(ReactXUIPopoverButton6, { x: 133, ref: "searchButton" }),
1631 - React.createElement(ReactXUIPopoverButton6, { x: 141, ref: "filterButton" }),
1454 + React.createElement(ReactXUIPopoverButton6, { x: 133 }),
1455 + React.createElement(ReactXUIPopoverButton6, { x: 141 }),
1456 [React.createElement(Constructor49, { x: 142, key: "filterMenu/.0" }), React.createElement(Constructor49, { x: 143, key: "searchMenu/.0" })]
1457 );
1458 }
1459 }
1636 - });
1460 + }
1461
1638 - var AbstractCheckboxInput59 = React.createClass({
1639 - displayName: "AbstractCheckboxInput59",
1640 -
1641 - render: function () {
1642 - var props = this.props;
1643 - if (props.x === 145) {
1462 + class AbstractCheckboxInput59 extends React.Component {
1463 + render() {
1464 + if (this.props.x === 145) {
1465 return React.createElement(
1466 "label",
1467 { className: "uiInputLabelInput _55sg _kv1" },
1647 - React.createElement("input", { checked: true, disabled: true, name: "filterUnpublished", value: "on", onClick: function () {}, className: null, id: "js_input_label_21", type: "checkbox" }),
1468 + React.createElement("input", { checked: true, disabled: true, name: "filterUnpublished", value: "on", onClick: function () { }, className: null, id: "js_input_label_21", type: "checkbox" }),
1469 React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1470 );
1471 }
1651 - if (props.x === 336) {
1472 + if (this.props.x === 336) {
1473 return React.createElement(
1474 "label",
1475 { className: "_4h2r _55sg _kv1" },
1655 - React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
1476 + React.createElement("input", { checked: undefined, onChange: function () { }, className: null, type: "checkbox" }),
1477 React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1478 );
1479 }
1480 }
1660 - });
1661 -
1662 - var XUICheckboxInput60 = React.createClass({
1663 - displayName: "XUICheckboxInput60",
1481 + }
1482
1665 - render: function () {
1666 - var props = this.props;
1667 - if (props.x === 146) {
1483 + class XUICheckboxInput60 extends React.Component {
1484 + render() {
1485 + if (this.props.x === 146) {
1486 return React.createElement(AbstractCheckboxInput59, { x: 145 });
1487 }
1670 - if (props.x === 337) {
1488 + if (this.props.x === 337) {
1489 return React.createElement(AbstractCheckboxInput59, { x: 336 });
1490 }
1491 }
1674 - });
1675 -
1676 - var InputLabel61 = React.createClass({
1677 - displayName: "InputLabel61",
1492 + }
1493
1679 - render: function () {
1680 - var props = this.props;
1681 - if (props.x === 147) {
1494 + class InputLabel61 extends React.Component {
1495 + render() {
1496 + if (this.props.x === 147) {
1497 return React.createElement(
1498 "div",
1499 { display: "block", className: "uiInputLabel clearfix" },
@@ -1691,33 +1506,30 @@
1506 );
1507 }
1508 }
1694 - });
1509 + }
1510
1696 - var AdsPopoverLink62 = React.createClass({
1697 - displayName: "AdsPopoverLink62",
1698 -
1699 - render: function () {
1700 - var props = this.props;
1701 - if (props.x === 154) {
1511 + class AdsPopoverLink62 extends React.Component {
1512 + render() {
1513 + if (this.props.x === 154) {
1514 return React.createElement(
1515 "span",
1516 null,
1517 React.createElement(
1518 "span",
1707 - { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1519 + { onMouseEnter: function () { }, onMouseLeave: function () { }, onMouseUp: undefined },
1520 React.createElement("span", { className: "_3o_j" }),
1521 React.createElement(ReactImage0, { x: 153 })
1522 ),
1523 null
1524 );
1525 }
1714 - if (props.x === 238) {
1526 + if (this.props.x === 238) {
1527 return React.createElement(
1528 "span",
1529 null,
1530 React.createElement(
1531 "span",
1720 - { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1532 + { onMouseEnter: function () { }, onMouseLeave: function () { }, onMouseUp: undefined },
1533 React.createElement("span", { className: "_3o_j" }),
1534 React.createElement(ReactImage0, { x: 237 })
1535 ),
@@ -1725,28 +1537,22 @@
1537 );
1538 }
1539 }
1728 - });
1729 -
1730 - var AdsHelpLink63 = React.createClass({
1731 - displayName: "AdsHelpLink63",
1540 + }
1541
1733 - render: function () {
1734 - var props = this.props;
1735 - if (props.x === 155) {
1542 + class AdsHelpLink63 extends React.Component {
1543 + render() {
1544 + if (this.props.x === 155) {
1545 return React.createElement(AdsPopoverLink62, { x: 154 });
1546 }
1738 - if (props.x === 239) {
1547 + if (this.props.x === 239) {
1548 return React.createElement(AdsPopoverLink62, { x: 238 });
1549 }
1550 }
1742 - });
1743 -
1744 - var BUIFilterTokenInput64 = React.createClass({
1745 - displayName: "BUIFilterTokenInput64",
1551 + }
1552
1747 - render: function () {
1748 - var props = this.props;
1749 - if (props.x === 158) {
1553 + class BUIFilterTokenInput64 extends React.Component {
1554 + render() {
1555 + if (this.props.x === 158) {
1556 return React.createElement(
1557 "div",
1558 { className: "_5b5o _3yz3 _4cld" },
@@ -1765,23 +1571,20 @@
1571 );
1572 }
1573 }
1768 - });
1574 + }
1575
1770 - var BUIFilterToken65 = React.createClass({
1771 - displayName: "BUIFilterToken65",
1772 -
1773 - render: function () {
1774 - var props = this.props;
1775 - if (props.x === 159) {
1576 + class BUIFilterToken65 extends React.Component {
1577 + render() {
1578 + if (this.props.x === 159) {
1579 return React.createElement(
1580 "div",
1581 { className: "_3yz1 _3yz2 _3dad" },
1582 React.createElement(
1583 "div",
1781 - { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
1584 + { className: "_3yz4", "aria-hidden": false },
1585 React.createElement(
1586 "div",
1784 - { onClick: function () {}, className: "_3yz5" },
1587 + { onClick: function () { }, className: "_3yz5" },
1588 React.createElement(ReactImage0, { x: 148 }),
1589 React.createElement(
1590 "div",
@@ -1797,18 +1600,15 @@
1600 null,
1601 React.createElement(XUICloseButton28, { x: 151 })
1602 ),
1800 - React.createElement(BUIFilterTokenInput64, { x: 158, ref: "filterTokenInput" })
1603 + React.createElement(BUIFilterTokenInput64, { x: 158 })
1604 );
1605 }
1606 }
1804 - });
1805 -
1806 - var BUIFilterTokenCreateButton66 = React.createClass({
1807 - displayName: "BUIFilterTokenCreateButton66",
1607 + }
1608
1809 - render: function () {
1810 - var props = this.props;
1811 - if (props.x === 163) {
1609 + class BUIFilterTokenCreateButton66 extends React.Component {
1610 + render() {
1611 + if (this.props.x === 163) {
1612 return React.createElement(
1613 "div",
1614 { className: "_1tc" },
@@ -1816,14 +1616,11 @@
1616 );
1617 }
1618 }
1819 - });
1820 -
1821 - var BUIFilterTokenizer67 = React.createClass({
1822 - displayName: "BUIFilterTokenizer67",
1619 + }
1620
1824 - render: function () {
1825 - var props = this.props;
1826 - if (props.x === 164) {
1621 + class BUIFilterTokenizer67 extends React.Component {
1622 + render() {
1623 + if (this.props.x === 164) {
1624 return React.createElement(
1625 "div",
1626 { className: "_5b-m clearfix" },
@@ -1836,64 +1633,52 @@
1633 );
1634 }
1635 }
1839 - });
1636 + }
1637
1841 - var XUIAmbientNUX68 = React.createClass({
1842 - displayName: "XUIAmbientNUX68",
1843 -
1844 - render: function () {
1845 - var props = this.props;
1846 - if (props.x === 165) {
1638 + class XUIAmbientNUX68 extends React.Component {
1639 + render() {
1640 + if (this.props.x === 165) {
1641 return null;
1642 }
1849 - if (props.x === 189) {
1643 + if (this.props.x === 189) {
1644 return null;
1645 }
1852 - if (props.x === 200) {
1646 + if (this.props.x === 200) {
1647 return null;
1648 }
1649 }
1856 - });
1857 -
1858 - var XUIAmbientNUX69 = React.createClass({
1859 - displayName: "XUIAmbientNUX69",
1650 + }
1651
1861 - render: function () {
1862 - var props = this.props;
1863 - if (props.x === 166) {
1652 + class XUIAmbientNUX69 extends React.Component {
1653 + render() {
1654 + if (this.props.x === 166) {
1655 return React.createElement(XUIAmbientNUX68, { x: 165 });
1656 }
1866 - if (props.x === 190) {
1657 + if (this.props.x === 190) {
1658 return React.createElement(XUIAmbientNUX68, { x: 189 });
1659 }
1869 - if (props.x === 201) {
1660 + if (this.props.x === 201) {
1661 return React.createElement(XUIAmbientNUX68, { x: 200 });
1662 }
1663 }
1873 - });
1664 + }
1665
1875 - var AdsPEAmbientNUXMegaphone70 = React.createClass({
1876 - displayName: "AdsPEAmbientNUXMegaphone70",
1877 -
1878 - render: function () {
1879 - var props = this.props;
1880 - if (props.x === 167) {
1666 + class AdsPEAmbientNUXMegaphone70 extends React.Component {
1667 + render() {
1668 + if (this.props.x === 167) {
1669 return React.createElement(
1670 "span",
1671 null,
1884 - React.createElement("span", { ref: "mainChild" }),
1672 + React.createElement("span", {}),
1673 React.createElement(XUIAmbientNUX69, { x: 166, key: "nux" })
1674 );
1675 }
1676 }
1889 - });
1890 -
1891 - var AdsPEFilters71 = React.createClass({
1892 - displayName: "AdsPEFilters71",
1677 + }
1678
1894 - render: function () {
1895 - var props = this.props;
1896 - if (props.x === 168) {
1679 + class AdsPEFilters71 extends React.Component {
1680 + render() {
1681 + if (this.props.x === 168) {
1682 return React.createElement(
1683 "div",
1684 { className: "_4rw_" },
@@ -1909,61 +1694,46 @@
1694 );
1695 }
1696 }
1912 - });
1913 -
1914 - var AdsPEFilterContainer72 = React.createClass({
1915 - displayName: "AdsPEFilterContainer72",
1697 + }
1698
1917 - render: function () {
1918 - var props = this.props;
1919 - if (props.x === 169) {
1699 + class AdsPEFilterContainer72 extends React.Component {
1700 + render() {
1701 + if (this.props.x === 169) {
1702 return React.createElement(AdsPEFilters71, { x: 168 });
1703 }
1704 }
1923 - });
1705 + }
1706
1925 - var AdsPETablePager73 = React.createClass({
1926 - displayName: "AdsPETablePager73",
1927 -
1928 - render: function () {
1929 - var props = this.props;
1930 - if (props.x === 172) {
1707 + class AdsPETablePager73 extends React.Component {
1708 + render() {
1709 + if (this.props.x === 172) {
1710 return null;
1711 }
1712 }
1934 - });
1935 -
1936 - var AdsPECampaignGroupTablePagerContainer74 = React.createClass({
1937 - displayName: "AdsPECampaignGroupTablePagerContainer74",
1713 + }
1714
1939 - render: function () {
1940 - var props = this.props;
1941 - if (props.x === 173) {
1715 + class AdsPECampaignGroupTablePagerContainer74 extends React.Component {
1716 + render() {
1717 + if (this.props.x === 173) {
1718 return React.createElement(AdsPETablePager73, { x: 172 });
1719 }
1720 }
1945 - });
1946 -
1947 - var AdsPETablePagerContainer75 = React.createClass({
1948 - displayName: "AdsPETablePagerContainer75",
1721 + }
1722
1950 - render: function () {
1951 - var props = this.props;
1952 - if (props.x === 174) {
1723 + class AdsPETablePagerContainer75 extends React.Component {
1724 + render() {
1725 + if (this.props.x === 174) {
1726 return React.createElement(AdsPECampaignGroupTablePagerContainer74, { x: 173 });
1727 }
1728 }
1956 - });
1729 + }
1730
1958 - var ReactXUIError76 = React.createClass({
1959 - displayName: "ReactXUIError76",
1960 -
1961 - render: function () {
1962 - var props = this.props;
1963 - if (props.x === 181) {
1731 + class ReactXUIError76 extends React.Component {
1732 + render() {
1733 + if (this.props.x === 181) {
1734 return React.createElement(AbstractButton3, { x: 180 });
1735 }
1966 - if (props.x === 216) {
1736 + if (this.props.x === 216) {
1737 return React.createElement(
1738 "div",
1739 { className: "_40bf _2vl4 _1h18" },
@@ -1979,71 +1749,59 @@
1749 "div",
1750 null,
1751 null,
1982 - React.createElement("textarea", { ref: "input", className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1752 + React.createElement("textarea", { className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () { }, onChange: function () { }, onFocus: function () { }, onKeyDown: function () { } }),
1753 null
1754 ),
1985 - React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })
1755 + React.createElement("div", { "aria-hidden": "true", className: "_2vlk" })
1756 )
1757 ),
1758 null
1759 );
1760 }
1991 - if (props.x === 221) {
1761 + if (this.props.x === 221) {
1762 return React.createElement(XUICard94, { x: 220 });
1763 }
1994 - if (props.x === 250) {
1764 + if (this.props.x === 250) {
1765 return React.createElement(XUICard94, { x: 249 });
1766 }
1997 - if (props.x === 280) {
1767 + if (this.props.x === 280) {
1768 return React.createElement(XUICard94, { x: 279 });
1769 }
1770 }
2001 - });
2002 -
2003 - var BUIPopoverButton77 = React.createClass({
2004 - displayName: "BUIPopoverButton77",
1771 + }
1772
2006 - render: function () {
2007 - var props = this.props;
2008 - if (props.x === 182) {
1773 + class BUIPopoverButton77 extends React.Component {
1774 + render() {
1775 + if (this.props.x === 182) {
1776 return React.createElement(ReactXUIError76, { x: 181 });
1777 }
1778 }
2012 - });
2013 -
2014 - var BUIDateRangePicker78 = React.createClass({
2015 - displayName: "BUIDateRangePicker78",
1779 + }
1780
2017 - render: function () {
2018 - var props = this.props;
2019 - if (props.x === 184) {
1781 + class BUIDateRangePicker78 extends React.Component {
1782 + render() {
1783 + if (this.props.x === 184) {
1784 return React.createElement(
1785 "span",
1786 null,
2023 - React.createElement(BUIPopoverButton77, { x: 182, ref: function () {} }),
1787 + React.createElement(BUIPopoverButton77, { x: 182 }),
1788 [React.createElement(Constructor49, { x: 183, key: "layer/.0" })]
1789 );
1790 }
1791 }
2028 - });
1792 + }
1793
2030 - var AdsPEStatsRangePicker79 = React.createClass({
2031 - displayName: "AdsPEStatsRangePicker79",
2032 -
2033 - render: function () {
2034 - var props = this.props;
2035 - if (props.x === 185) {
1794 + class AdsPEStatsRangePicker79 extends React.Component {
1795 + render() {
1796 + if (this.props.x === 185) {
1797 return React.createElement(BUIDateRangePicker78, { x: 184 });
1798 }
1799 }
2039 - });
2040 -
2041 - var AdsPEStatRange80 = React.createClass({
2042 - displayName: "AdsPEStatRange80",
1800 + }
1801
2044 - render: function () {
2045 - var props = this.props;
2046 - if (props.x === 191) {
1802 + class AdsPEStatRange80 extends React.Component {
1803 + render() {
1804 + if (this.props.x === 191) {
1805 return React.createElement(
1806 "div",
1807 { className: "_3c5k" },
@@ -2056,98 +1814,80 @@
1814 "span",
1815 { className: "_3c5l" },
1816 React.createElement(AdsPEStatsRangePicker79, { x: 185 }),
2059 - React.createElement(XUIButton4, { x: 188, key: "settings", ref: "PE_TABLE_LIST_SETTING" })
1817 + React.createElement(XUIButton4, { x: 188, key: "settings" })
1818 ),
1819 [React.createElement(XUIAmbientNUX69, { x: 190, key: "roasNUX/.0" })]
1820 );
1821 }
1822 }
2065 - });
2066 -
2067 - var AdsPEStatRangeContainer81 = React.createClass({
2068 - displayName: "AdsPEStatRangeContainer81",
1823 + }
1824
2070 - render: function () {
2071 - var props = this.props;
2072 - if (props.x === 192) {
1825 + class AdsPEStatRangeContainer81 extends React.Component {
1826 + render() {
1827 + if (this.props.x === 192) {
1828 return React.createElement(AdsPEStatRange80, { x: 191 });
1829 }
1830 }
2076 - });
1831 + }
1832
2078 - var AdsPESideTrayTabButton82 = React.createClass({
2079 - displayName: "AdsPESideTrayTabButton82",
2080 -
2081 - render: function () {
2082 - var props = this.props;
2083 - if (props.x === 196) {
1833 + class AdsPESideTrayTabButton82 extends React.Component {
1834 + render() {
1835 + if (this.props.x === 196) {
1836 return React.createElement(
1837 "div",
2086 - { className: "_1-ly _59j9 _d9a", onClick: function () {} },
1838 + { className: "_1-ly _59j9 _d9a", onClick: function () { } },
1839 React.createElement(ReactImage0, { x: 195 }),
1840 React.createElement("div", { className: "_vf7" }),
1841 React.createElement("div", { className: "_vf8" })
1842 );
1843 }
2092 - if (props.x === 199) {
1844 + if (this.props.x === 199) {
1845 return React.createElement(
1846 "div",
2095 - { className: " _1-lz _d9a", onClick: function () {} },
1847 + { className: " _1-lz _d9a", onClick: function () { } },
1848 React.createElement(ReactImage0, { x: 198 }),
1849 React.createElement("div", { className: "_vf7" }),
1850 React.createElement("div", { className: "_vf8" })
1851 );
1852 }
2101 - if (props.x === 203) {
1853 + if (this.props.x === 203) {
1854 return null;
1855 }
1856 }
2105 - });
2106 -
2107 - var AdsPEEditorTrayTabButton83 = React.createClass({
2108 - displayName: "AdsPEEditorTrayTabButton83",
1857 + }
1858
2110 - render: function () {
2111 - var props = this.props;
2112 - if (props.x === 197) {
1859 + class AdsPEEditorTrayTabButton83 extends React.Component {
1860 + render() {
1861 + if (this.props.x === 197) {
1862 return React.createElement(AdsPESideTrayTabButton82, { x: 196 });
1863 }
1864 }
2116 - });
2117 -
2118 - var AdsPEInsightsTrayTabButton84 = React.createClass({
2119 - displayName: "AdsPEInsightsTrayTabButton84",
1865 + }
1866
2121 - render: function () {
2122 - var props = this.props;
2123 - if (props.x === 202) {
1867 + class AdsPEInsightsTrayTabButton84 extends React.Component {
1868 + render() {
1869 + if (this.props.x === 202) {
1870 return React.createElement(
1871 "span",
1872 null,
2127 - React.createElement(AdsPESideTrayTabButton82, { x: 199, ref: "PE_INSIGHTS_TAB_ICON" }),
1873 + React.createElement(AdsPESideTrayTabButton82, { x: 199 }),
1874 React.createElement(XUIAmbientNUX69, { x: 201, key: "roasNUX" })
1875 );
1876 }
1877 }
2132 - });
1878 + }
1879
2134 - var AdsPENekoDebuggerTrayTabButton85 = React.createClass({
2135 - displayName: "AdsPENekoDebuggerTrayTabButton85",
2136 -
2137 - render: function () {
2138 - var props = this.props;
2139 - if (props.x === 204) {
1880 + class AdsPENekoDebuggerTrayTabButton85 extends React.Component {
1881 + render() {
1882 + if (this.props.x === 204) {
1883 return React.createElement(AdsPESideTrayTabButton82, { x: 203 });
1884 }
1885 }
2143 - });
2144 -
2145 - var AdsPEEditorChildLink86 = React.createClass({
2146 - displayName: "AdsPEEditorChildLink86",
1886 + }
1887
2148 - render: function () {
2149 - var props = this.props;
2150 - if (props.x === 211) {
1888 + class AdsPEEditorChildLink86 extends React.Component {
1889 + render() {
1890 + if (this.props.x === 211) {
1891 return React.createElement(
1892 "div",
1893 { className: "_3ywr" },
@@ -2161,25 +1901,19 @@
1901 );
1902 }
1903 }
2164 - });
2165 -
2166 - var AdsPEEditorChildLinkContainer87 = React.createClass({
2167 - displayName: "AdsPEEditorChildLinkContainer87",
1904 + }
1905
2169 - render: function () {
2170 - var props = this.props;
2171 - if (props.x === 212) {
1906 + class AdsPEEditorChildLinkContainer87 extends React.Component {
1907 + render() {
1908 + if (this.props.x === 212) {
1909 return React.createElement(AdsPEEditorChildLink86, { x: 211 });
1910 }
1911 }
2175 - });
1912 + }
1913
2177 - var AdsPEHeaderSection88 = React.createClass({
2178 - displayName: "AdsPEHeaderSection88",
2179 -
2180 - render: function () {
2181 - var props = this.props;
2182 - if (props.x === 213) {
1914 + class AdsPEHeaderSection88 extends React.Component {
1915 + render() {
1916 + if (this.props.x === 213) {
1917 return React.createElement(
1918 "div",
1919 { className: "_yke" },
@@ -2198,47 +1932,35 @@
1932 );
1933 }
1934 }
2201 - });
2202 -
2203 - var AdsPECampaignGroupHeaderSectionContainer89 = React.createClass({
2204 - displayName: "AdsPECampaignGroupHeaderSectionContainer89",
1935 + }
1936
2206 - render: function () {
2207 - var props = this.props;
2208 - if (props.x === 214) {
1937 + class AdsPECampaignGroupHeaderSectionContainer89 extends React.Component {
1938 + render() {
1939 + if (this.props.x === 214) {
1940 return React.createElement(AdsPEHeaderSection88, { x: 213 });
1941 }
1942 }
2212 - });
2213 -
2214 - var AdsEditorLoadingErrors90 = React.createClass({
2215 - displayName: "AdsEditorLoadingErrors90",
1943 + }
1944
2217 - render: function () {
2218 - var props = this.props;
2219 - if (props.x === 215) {
1945 + class AdsEditorLoadingErrors90 extends React.Component {
1946 + render() {
1947 + if (this.props.x === 215) {
1948 return null;
1949 }
1950 }
2223 - });
1951 + }
1952
2225 - var AdsTextInput91 = React.createClass({
2226 - displayName: "AdsTextInput91",
2227 -
2228 - render: function () {
2229 - var props = this.props;
2230 - if (props.x === 217) {
1953 + class AdsTextInput91 extends React.Component {
1954 + render() {
1955 + if (this.props.x === 217) {
1956 return React.createElement(ReactXUIError76, { x: 216 });
1957 }
1958 }
2234 - });
2235 -
2236 - var BUIFormElement92 = React.createClass({
2237 - displayName: "BUIFormElement92",
1959 + }
1960
2239 - render: function () {
2240 - var props = this.props;
2241 - if (props.x === 218) {
1961 + class BUIFormElement92 extends React.Component {
1962 + render() {
1963 + if (this.props.x === 218) {
1964 return React.createElement(
1965 "div",
1966 { className: "_5521 clearfix" },
@@ -2260,8 +1982,8 @@
1982 { className: "_5528" },
1983 React.createElement(
1984 "span",
2263 - { key: ".0", className: "_40bg", density: "snug", labelPosition: "left", id: "1467872040612:1961945894" },
2264 - React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317", ref: "nameTextInput" }),
1985 + { key: ".0", className: "_40bg", id: "1467872040612:1961945894" },
1986 + React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317" }),
1987 null
1988 )
1989 ),
@@ -2270,14 +1992,11 @@
1992 );
1993 }
1994 }
2273 - });
1995 + }
1996
2275 - var BUIForm93 = React.createClass({
2276 - displayName: "BUIForm93",
2277 -
2278 - render: function () {
2279 - var props = this.props;
2280 - if (props.x === 219) {
1997 + class BUIForm93 extends React.Component {
1998 + render() {
1999 + if (this.props.x === 219) {
2000 return React.createElement(
2001 "div",
2002 { className: "_5ks1 _550r _550t _550y _3w5n" },
@@ -2285,138 +2004,117 @@
2004 );
2005 }
2006 }
2288 - });
2289 -
2290 - var XUICard94 = React.createClass({
2291 - displayName: "XUICard94",
2007 + }
2008
2293 - render: function () {
2294 - var props = this.props;
2295 - if (props.x === 220) {
2009 + class XUICard94 extends React.Component {
2010 + render() {
2011 + if (this.props.x === 220) {
2012 return React.createElement(
2013 "div",
2298 - { className: "_40bc _12k2 _4-u2 _4-u8", xuiErrorPosition: "above", background: "white" },
2014 + { className: "_40bc _12k2 _4-u2 _4-u8" },
2015 React.createElement(BUIForm93, { x: 219 })
2016 );
2017 }
2302 - if (props.x === 249) {
2018 + if (this.props.x === 249) {
2019 return React.createElement(
2020 "div",
2305 - { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
2021 + { className: "_12k2 _4-u2 _4-u8" },
2022 React.createElement(AdsCardHeader103, { x: 230 }),
2023 React.createElement(AdsCardSection108, { x: 248 })
2024 );
2025 }
2310 - if (props.x === 279) {
2026 + if (this.props.x === 279) {
2027 return React.createElement(
2028 "div",
2313 - { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
2029 + { className: "_12k2 _4-u2 _4-u8" },
2030 React.createElement(AdsCardLeftRightHeader122, { x: 278 })
2031 );
2032 }
2033 }
2318 - });
2319 -
2320 - var AdsCard95 = React.createClass({
2321 - displayName: "AdsCard95",
2034 + }
2035
2323 - render: function () {
2324 - var props = this.props;
2325 - if (props.x === 222) {
2036 + class AdsCard95 extends React.Component {
2037 + render() {
2038 + if (this.props.x === 222) {
2039 return React.createElement(ReactXUIError76, { x: 221 });
2040 }
2328 - if (props.x === 251) {
2041 + if (this.props.x === 251) {
2042 return React.createElement(ReactXUIError76, { x: 250 });
2043 }
2331 - if (props.x === 281) {
2044 + if (this.props.x === 281) {
2045 return React.createElement(ReactXUIError76, { x: 280 });
2046 }
2047 }
2335 - });
2048 + }
2049
2337 - var AdsEditorNameSection96 = React.createClass({
2338 - displayName: "AdsEditorNameSection96",
2339 -
2340 - render: function () {
2341 - var props = this.props;
2342 - if (props.x === 223) {
2050 + class AdsEditorNameSection96 extends React.Component {
2051 + render() {
2052 + if (this.props.x === 223) {
2053 return React.createElement(AdsCard95, { x: 222 });
2054 }
2055 }
2346 - });
2347 -
2348 - var AdsCampaignGroupNameSectionContainer97 = React.createClass({
2349 - displayName: "AdsCampaignGroupNameSectionContainer97",
2056 + }
2057
2351 - render: function () {
2352 - var props = this.props;
2353 - if (props.x === 224) {
2058 + class AdsCampaignGroupNameSectionContainer97 extends React.Component {
2059 + render() {
2060 + if (this.props.x === 224) {
2061 return React.createElement(AdsEditorNameSection96, { x: 223, key: "nameSection98010048849317" });
2062 }
2063 }
2357 - });
2358 -
2359 - var _render98 = React.createClass({
2360 - displayName: "_render98",
2064 + }
2065
2362 - render: function () {
2363 - var props = this.props;
2364 - if (props.x === 225) {
2066 + class _render98 extends React.Component {
2067 + render() {
2068 + if (this.props.x === 225) {
2069 return React.createElement(AdsCampaignGroupNameSectionContainer97, { x: 224 });
2070 }
2071 }
2368 - });
2072 + }
2073
2370 - var AdsPluginWrapper99 = React.createClass({
2371 - displayName: "AdsPluginWrapper99",
2372 -
2373 - render: function () {
2374 - var props = this.props;
2375 - if (props.x === 226) {
2074 + class AdsPluginWrapper99 extends React.Component {
2075 + render() {
2076 + if (this.props.x === 226) {
2077 return React.createElement(_render98, { x: 225 });
2078 }
2378 - if (props.x === 255) {
2079 + if (this.props.x === 255) {
2080 return React.createElement(_render111, { x: 254 });
2081 }
2381 - if (props.x === 258) {
2082 + if (this.props.x === 258) {
2083 return React.createElement(_render113, { x: 257 });
2084 }
2384 - if (props.x === 287) {
2085 + if (this.props.x === 287) {
2086 return React.createElement(_render127, { x: 286 });
2087 }
2387 - if (props.x === 291) {
2088 + if (this.props.x === 291) {
2089 return React.createElement(_render130, { x: 290 });
2090 }
2091 }
2391 - });
2392 -
2393 - var XUICardHeaderTitle100 = React.createClass({
2394 - displayName: "XUICardHeaderTitle100",
2092 + }
2093
2396 - render: function () {
2397 - var props = this.props;
2398 - if (props.x === 227) {
2094 + class XUICardHeaderTitle100 extends React.Component {
2095 + render() {
2096 + if (this.props.x === 227) {
2097 return React.createElement(
2098 "span",
2401 - { itemComponent: "span", className: "_38my" },
2099 + { className: "_38my" },
2100 "Campaign Details",
2101 null,
2102 React.createElement("span", { className: "_c1c" })
2103 );
2104 }
2407 - if (props.x === 265) {
2105 + if (this.props.x === 265) {
2106 return React.createElement(
2107 "span",
2410 - { itemComponent: "span", className: "_38my" },
2108 + { className: "_38my" },
2109 [React.createElement(
2110 "span",
2413 - null,
2111 + { key: 1 },
2112 "Campaign ID",
2113 ": ",
2114 "98010048849317"
2115 ), React.createElement(
2116 "div",
2419 - { className: "_5lh9" },
2117 + { className: "_5lh9", key: 2 },
2118 React.createElement(FluxContainer_AdsCampaignGroupStatusSwitchContainer_119, { x: 264 })
2119 )],
2120 null,
@@ -2424,27 +2122,24 @@
2122 );
2123 }
2124 }
2427 - });
2125 + }
2126
2429 - var XUICardSection101 = React.createClass({
2430 - displayName: "XUICardSection101",
2431 -
2432 - render: function () {
2433 - var props = this.props;
2434 - if (props.x === 228) {
2127 + class XUICardSection101 extends React.Component {
2128 + render() {
2129 + if (this.props.x === 228) {
2130 return React.createElement(
2131 "div",
2437 - { className: "_5dw9 _5dwa _4-u3", background: "transparent" },
2132 + { className: "_5dw9 _5dwa _4-u3" },
2133 [React.createElement(XUICardHeaderTitle100, { x: 227, key: ".0" })],
2134 undefined,
2135 undefined,
2136 React.createElement("div", { className: "_3s3-" })
2137 );
2138 }
2444 - if (props.x === 247) {
2139 + if (this.props.x === 247) {
2140 return React.createElement(
2141 "div",
2447 - { className: "_12jy _4-u3", background: "transparent" },
2142 + { className: "_12jy _4-u3" },
2143 React.createElement(
2144 "div",
2145 { className: "_3-8j" },
@@ -2457,39 +2152,30 @@
2152 );
2153 }
2154 }
2460 - });
2461 -
2462 - var XUICardHeader102 = React.createClass({
2463 - displayName: "XUICardHeader102",
2155 + }
2156
2465 - render: function () {
2466 - var props = this.props;
2467 - if (props.x === 229) {
2157 + class XUICardHeader102 extends React.Component {
2158 + render() {
2159 + if (this.props.x === 229) {
2160 return React.createElement(XUICardSection101, { x: 228 });
2161 }
2162 }
2471 - });
2472 -
2473 - var AdsCardHeader103 = React.createClass({
2474 - displayName: "AdsCardHeader103",
2163 + }
2164
2476 - render: function () {
2477 - var props = this.props;
2478 - if (props.x === 230) {
2165 + class AdsCardHeader103 extends React.Component {
2166 + render() {
2167 + if (this.props.x === 230) {
2168 return React.createElement(XUICardHeader102, { x: 229 });
2169 }
2170 }
2482 - });
2171 + }
2172
2484 - var AdsLabeledField104 = React.createClass({
2485 - displayName: "AdsLabeledField104",
2486 -
2487 - render: function () {
2488 - var props = this.props;
2489 - if (props.x === 231) {
2173 + class AdsLabeledField104 extends React.Component {
2174 + render() {
2175 + if (this.props.x === 231) {
2176 return React.createElement(
2177 "div",
2492 - { className: "_2oc6 _3bvz", label: "Objective", labelSize: "small", optionalText: "(optional)" },
2178 + { className: "_2oc6 _3bvz", label: "Objective" },
2179 React.createElement(
2180 "label",
2181 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -2499,10 +2185,10 @@
2185 React.createElement("div", { className: "_3bv-" })
2186 );
2187 }
2502 - if (props.x === 234) {
2188 + if (this.props.x === 234) {
2189 return React.createElement(
2190 "div",
2505 - { className: "_2oc6 _3bvz", label: "Buying Type", labelSize: "small", optionalText: "(optional)" },
2191 + { className: "_2oc6 _3bvz", label: "Buying Type" },
2192 React.createElement(
2193 "label",
2194 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -2512,10 +2198,10 @@
2198 React.createElement("div", { className: "_3bv-" })
2199 );
2200 }
2515 - if (props.x === 240) {
2201 + if (this.props.x === 240) {
2202 return React.createElement(
2203 "div",
2518 - { className: "_2oc6 _3bvz", helpText: "Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit.", label: "Campaign Spending Limit", labelSize: "small", optionalText: "(optional)" },
2204 + { className: "_2oc6 _3bvz" },
2205 React.createElement(
2206 "label",
2207 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -2526,31 +2212,25 @@
2212 );
2213 }
2214 }
2529 - });
2530 -
2531 - var FlexibleBlock105 = React.createClass({
2532 - displayName: "FlexibleBlock105",
2215 + }
2216
2534 - render: function () {
2535 - var props = this.props;
2536 - if (props.x === 233) {
2217 + class FlexibleBlock105 extends React.Component {
2218 + render() {
2219 + if (this.props.x === 233) {
2220 return React.createElement(LeftRight21, { x: 232 });
2221 }
2539 - if (props.x === 236) {
2222 + if (this.props.x === 236) {
2223 return React.createElement(LeftRight21, { x: 235 });
2224 }
2542 - if (props.x === 246) {
2225 + if (this.props.x === 246) {
2226 return React.createElement(LeftRight21, { x: 245 });
2227 }
2228 }
2546 - });
2547 -
2548 - var AdsBulkCampaignSpendCapField106 = React.createClass({
2549 - displayName: "AdsBulkCampaignSpendCapField106",
2229 + }
2230
2551 - render: function () {
2552 - var props = this.props;
2553 - if (props.x === 243) {
2231 + class AdsBulkCampaignSpendCapField106 extends React.Component {
2232 + render() {
2233 + if (this.props.x === 243) {
2234 return React.createElement(
2235 "div",
2236 { className: "_33dv" },
@@ -2560,104 +2240,80 @@
2240 );
2241 }
2242 }
2563 - });
2243 + }
2244
2565 - var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = React.createClass({
2566 - displayName: "FluxContainer_AdsCampaignGroupSpendCapContainer_107",
2567 -
2568 - render: function () {
2569 - var props = this.props;
2570 - if (props.x === 244) {
2245 + class FluxContainer_AdsCampaignGroupSpendCapContainer_107 extends React.Component {
2246 + render() {
2247 + if (this.props.x === 244) {
2248 return React.createElement(AdsBulkCampaignSpendCapField106, { x: 243 });
2249 }
2250 }
2574 - });
2575 -
2576 - var AdsCardSection108 = React.createClass({
2577 - displayName: "AdsCardSection108",
2251 + }
2252
2579 - render: function () {
2580 - var props = this.props;
2581 - if (props.x === 248) {
2253 + class AdsCardSection108 extends React.Component {
2254 + render() {
2255 + if (this.props.x === 248) {
2256 return React.createElement(XUICardSection101, { x: 247 });
2257 }
2258 }
2585 - });
2586 -
2587 - var AdsEditorCampaignGroupDetailsSection109 = React.createClass({
2588 - displayName: "AdsEditorCampaignGroupDetailsSection109",
2259 + }
2260
2590 - render: function () {
2591 - var props = this.props;
2592 - if (props.x === 252) {
2261 + class AdsEditorCampaignGroupDetailsSection109 extends React.Component {
2262 + render() {
2263 + if (this.props.x === 252) {
2264 return React.createElement(AdsCard95, { x: 251 });
2265 }
2266 }
2596 - });
2267 + }
2268
2598 - var AdsEditorCampaignGroupDetailsSectionContainer110 = React.createClass({
2599 - displayName: "AdsEditorCampaignGroupDetailsSectionContainer110",
2600 -
2601 - render: function () {
2602 - var props = this.props;
2603 - if (props.x === 253) {
2269 + class AdsEditorCampaignGroupDetailsSectionContainer110 extends React.Component {
2270 + render() {
2271 + if (this.props.x === 253) {
2272 return React.createElement(AdsEditorCampaignGroupDetailsSection109, { x: 252, key: "campaignGroupDetailsSection98010048849317" });
2273 }
2274 }
2607 - });
2608 -
2609 - var _render111 = React.createClass({
2610 - displayName: "_render111",
2275 + }
2276
2612 - render: function () {
2613 - var props = this.props;
2614 - if (props.x === 254) {
2277 + class _render111 extends React.Component {
2278 + render() {
2279 + if (this.props.x === 254) {
2280 return React.createElement(AdsEditorCampaignGroupDetailsSectionContainer110, { x: 253 });
2281 }
2282 }
2618 - });
2619 -
2620 - var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = React.createClass({
2621 - displayName: "FluxContainer_AdsEditorToplineDetailsSectionContainer_112",
2283 + }
2284
2623 - render: function () {
2624 - var props = this.props;
2625 - if (props.x === 256) {
2285 + class FluxContainer_AdsEditorToplineDetailsSectionContainer_112 extends React.Component {
2286 + render() {
2287 + if (this.props.x === 256) {
2288 return null;
2289 }
2290 }
2629 - });
2291 + }
2292
2631 - var _render113 = React.createClass({
2632 - displayName: "_render113",
2633 -
2634 - render: function () {
2635 - var props = this.props;
2636 - if (props.x === 257) {
2293 + class _render113 extends React.Component {
2294 + render() {
2295 + if (this.props.x === 257) {
2296 return React.createElement(FluxContainer_AdsEditorToplineDetailsSectionContainer_112, { x: 256 });
2297 }
2298 }
2640 - });
2641 -
2642 - var AdsStickyArea114 = React.createClass({
2643 - displayName: "AdsStickyArea114",
2299 + }
2300
2645 - render: function () {
2646 - var props = this.props;
2647 - if (props.x === 259) {
2301 + class AdsStickyArea114 extends React.Component {
2302 + render() {
2303 + if (this.props.x === 259) {
2304 return React.createElement(
2305 "div",
2650 - { inContainingBlock: true },
2651 - React.createElement("div", { ref: "sticky", onWheel: function () {} })
2306 + {},
2307 + React.createElement("div", { onWheel: function () { } })
2308 );
2309 }
2654 - if (props.x === 292) {
2310 + if (this.props.x === 292) {
2311 return React.createElement(
2312 "div",
2657 - { inContainingBlock: true },
2313 + {},
2314 React.createElement(
2315 "div",
2660 - { ref: "sticky", onWheel: function () {} },
2316 + { onWheel: function () { } },
2317 [React.createElement(
2318 "div",
2319 { key: "campaign_group_errors_section98010048849317" },
@@ -2667,14 +2323,11 @@
2323 );
2324 }
2325 }
2670 - });
2326 + }
2327
2672 - var FluxContainer_AdsEditorColumnContainer_115 = React.createClass({
2673 - displayName: "FluxContainer_AdsEditorColumnContainer_115",
2674 -
2675 - render: function () {
2676 - var props = this.props;
2677 - if (props.x === 260) {
2328 + class FluxContainer_AdsEditorColumnContainer_115 extends React.Component {
2329 + render() {
2330 + if (this.props.x === 260) {
2331 return React.createElement(
2332 "div",
2333 null,
@@ -2694,7 +2347,7 @@
2347 React.createElement(AdsStickyArea114, { x: 259 })
2348 );
2349 }
2697 - if (props.x === 293) {
2350 + if (this.props.x === 293) {
2351 return React.createElement(
2352 "div",
2353 null,
@@ -2707,78 +2360,60 @@
2360 );
2361 }
2362 }
2710 - });
2711 -
2712 - var BUISwitch116 = React.createClass({
2713 - displayName: "BUISwitch116",
2363 + }
2364
2715 - render: function () {
2716 - var props = this.props;
2717 - if (props.x === 261) {
2365 + class BUISwitch116 extends React.Component {
2366 + render() {
2367 + if (this.props.x === 261) {
2368 return React.createElement(
2369 "div",
2720 - { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, animate: true, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2370 + { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () { }, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2371 React.createElement(
2372 "div",
2723 - { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "0" },
2373 + { className: "_128o", onClick: function () { }, onKeyDown: function () { }, onMouseDown: function () { }, tabIndex: "0" },
2374 React.createElement("div", { className: "_128p" })
2375 ),
2376 null
2377 );
2378 }
2379 }
2730 - });
2731 -
2732 - var AdsStatusSwitchInternal117 = React.createClass({
2733 - displayName: "AdsStatusSwitchInternal117",
2380 + }
2381
2735 - render: function () {
2736 - var props = this.props;
2737 - if (props.x === 262) {
2382 + class AdsStatusSwitchInternal117 extends React.Component {
2383 + render() {
2384 + if (this.props.x === 262) {
2385 return React.createElement(BUISwitch116, { x: 261 });
2386 }
2387 }
2741 - });
2388 + }
2389
2743 - var AdsStatusSwitch118 = React.createClass({
2744 - displayName: "AdsStatusSwitch118",
2745 -
2746 - render: function () {
2747 - var props = this.props;
2748 - if (props.x === 263) {
2390 + class AdsStatusSwitch118 extends React.Component {
2391 + render() {
2392 + if (this.props.x === 263) {
2393 return React.createElement(AdsStatusSwitchInternal117, { x: 262 });
2394 }
2395 }
2752 - });
2753 -
2754 - var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = React.createClass({
2755 - displayName: "FluxContainer_AdsCampaignGroupStatusSwitchContainer_119",
2396 + }
2397
2757 - render: function () {
2758 - var props = this.props;
2759 - if (props.x === 264) {
2398 + class FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 extends React.Component {
2399 + render() {
2400 + if (this.props.x === 264) {
2401 return React.createElement(AdsStatusSwitch118, { x: 263, key: "status98010048849317" });
2402 }
2403 }
2763 - });
2764 -
2765 - var AdsLinksMenu120 = React.createClass({
2766 - displayName: "AdsLinksMenu120",
2404 + }
2405
2768 - render: function () {
2769 - var props = this.props;
2770 - if (props.x === 275) {
2406 + class AdsLinksMenu120 extends React.Component {
2407 + render() {
2408 + if (this.props.x === 275) {
2409 return React.createElement(ReactPopoverMenu20, { x: 274 });
2410 }
2411 }
2774 - });
2412 + }
2413
2776 - var FluxContainer_AdsPluginizedLinksMenuContainer_121 = React.createClass({
2777 - displayName: "FluxContainer_AdsPluginizedLinksMenuContainer_121",
2778 -
2779 - render: function () {
2780 - var props = this.props;
2781 - if (props.x === 276) {
2414 + class FluxContainer_AdsPluginizedLinksMenuContainer_121 extends React.Component {
2415 + render() {
2416 + if (this.props.x === 276) {
2417 return React.createElement(
2418 "div",
2419 null,
@@ -2787,113 +2422,83 @@
2422 );
2423 }
2424 }
2790 - });
2791 -
2792 - var AdsCardLeftRightHeader122 = React.createClass({
2793 - displayName: "AdsCardLeftRightHeader122",
2425 + }
2426
2795 - render: function () {
2796 - var props = this.props;
2797 - if (props.x === 278) {
2427 + class AdsCardLeftRightHeader122 extends React.Component {
2428 + render() {
2429 + if (this.props.x === 278) {
2430 return React.createElement(LeftRight21, { x: 277 });
2431 }
2432 }
2801 - });
2802 -
2803 - var AdsPEIDSection123 = React.createClass({
2804 - displayName: "AdsPEIDSection123",
2433 + }
2434
2806 - render: function () {
2807 - var props = this.props;
2808 - if (props.x === 282) {
2435 + class AdsPEIDSection123 extends React.Component {
2436 + render() {
2437 + if (this.props.x === 282) {
2438 return React.createElement(AdsCard95, { x: 281 });
2439 }
2440 }
2812 - });
2441 + }
2442
2814 - var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = React.createClass({
2815 - displayName: "FluxContainer_AdsPECampaignGroupIDSectionContainer_124",
2816 -
2817 - render: function () {
2818 - var props = this.props;
2819 - if (props.x === 283) {
2443 + class FluxContainer_AdsPECampaignGroupIDSectionContainer_124 extends React.Component {
2444 + render() {
2445 + if (this.props.x === 283) {
2446 return React.createElement(AdsPEIDSection123, { x: 282 });
2447 }
2448 }
2823 - });
2824 -
2825 - var DeferredComponent125 = React.createClass({
2826 - displayName: "DeferredComponent125",
2449 + }
2450
2828 - render: function () {
2829 - var props = this.props;
2830 - if (props.x === 284) {
2451 + class DeferredComponent125 extends React.Component {
2452 + render() {
2453 + if (this.props.x === 284) {
2454 return React.createElement(FluxContainer_AdsPECampaignGroupIDSectionContainer_124, { x: 283 });
2455 }
2456 }
2834 - });
2835 -
2836 - var BootloadedComponent126 = React.createClass({
2837 - displayName: "BootloadedComponent126",
2457 + }
2458
2839 - render: function () {
2840 - var props = this.props;
2841 - if (props.x === 285) {
2459 + class BootloadedComponent126 extends React.Component {
2460 + render() {
2461 + if (this.props.x === 285) {
2462 return React.createElement(DeferredComponent125, { x: 284 });
2463 }
2464 }
2845 - });
2465 + }
2466
2847 - var _render127 = React.createClass({
2848 - displayName: "_render127",
2849 -
2850 - render: function () {
2851 - var props = this.props;
2852 - if (props.x === 286) {
2467 + class _render127 extends React.Component {
2468 + render() {
2469 + if (this.props.x === 286) {
2470 return React.createElement(BootloadedComponent126, { x: 285 });
2471 }
2472 }
2856 - });
2857 -
2858 - var AdsEditorErrorsCard128 = React.createClass({
2859 - displayName: "AdsEditorErrorsCard128",
2473 + }
2474
2861 - render: function () {
2862 - var props = this.props;
2863 - if (props.x === 288) {
2475 + class AdsEditorErrorsCard128 extends React.Component {
2476 + render() {
2477 + if (this.props.x === 288) {
2478 return null;
2479 }
2480 }
2867 - });
2868 -
2869 - var FluxContainer_FunctionalContainer_129 = React.createClass({
2870 - displayName: "FluxContainer_FunctionalContainer_129",
2481 + }
2482
2872 - render: function () {
2873 - var props = this.props;
2874 - if (props.x === 289) {
2483 + class FluxContainer_FunctionalContainer_129 extends React.Component {
2484 + render() {
2485 + if (this.props.x === 289) {
2486 return React.createElement(AdsEditorErrorsCard128, { x: 288 });
2487 }
2488 }
2878 - });
2489 + }
2490
2880 - var _render130 = React.createClass({
2881 - displayName: "_render130",
2882 -
2883 - render: function () {
2884 - var props = this.props;
2885 - if (props.x === 290) {
2491 + class _render130 extends React.Component {
2492 + render() {
2493 + if (this.props.x === 290) {
2494 return React.createElement(FluxContainer_FunctionalContainer_129, { x: 289 });
2495 }
2496 }
2889 - });
2890 -
2891 - var AdsEditorMultiColumnLayout131 = React.createClass({
2892 - displayName: "AdsEditorMultiColumnLayout131",
2497 + }
2498
2894 - render: function () {
2895 - var props = this.props;
2896 - if (props.x === 294) {
2499 + class AdsEditorMultiColumnLayout131 extends React.Component {
2500 + render() {
2501 + if (this.props.x === 294) {
2502 return React.createElement(
2503 "div",
2504 { className: "_psh" },
@@ -2923,14 +2528,11 @@
2528 );
2529 }
2530 }
2926 - });
2927 -
2928 - var AdsPECampaignGroupEditor132 = React.createClass({
2929 - displayName: "AdsPECampaignGroupEditor132",
2531 + }
2532
2931 - render: function () {
2932 - var props = this.props;
2933 - if (props.x === 295) {
2533 + class AdsPECampaignGroupEditor132 extends React.Component {
2534 + render() {
2535 + if (this.props.x === 295) {
2536 return React.createElement(
2537 "div",
2538 null,
@@ -2939,25 +2541,19 @@
2541 );
2542 }
2543 }
2942 - });
2544 + }
2545
2944 - var AdsPECampaignGroupEditorContainer133 = React.createClass({
2945 - displayName: "AdsPECampaignGroupEditorContainer133",
2946 -
2947 - render: function () {
2948 - var props = this.props;
2949 - if (props.x === 296) {
2546 + class AdsPECampaignGroupEditorContainer133 extends React.Component {
2547 + render() {
2548 + if (this.props.x === 296) {
2549 return React.createElement(AdsPECampaignGroupEditor132, { x: 295 });
2550 }
2551 }
2953 - });
2954 -
2955 - var AdsPESideTrayTabContent134 = React.createClass({
2956 - displayName: "AdsPESideTrayTabContent134",
2552 + }
2553
2958 - render: function () {
2959 - var props = this.props;
2960 - if (props.x === 297) {
2554 + class AdsPESideTrayTabContent134 extends React.Component {
2555 + render() {
2556 + if (this.props.x === 297) {
2557 return React.createElement(
2558 "div",
2559 { className: "_1o_8 _44ra _5cyn" },
@@ -2965,25 +2561,19 @@
2561 );
2562 }
2563 }
2968 - });
2969 -
2970 - var AdsPEEditorTrayTabContentContainer135 = React.createClass({
2971 - displayName: "AdsPEEditorTrayTabContentContainer135",
2564 + }
2565
2973 - render: function () {
2974 - var props = this.props;
2975 - if (props.x === 298) {
2566 + class AdsPEEditorTrayTabContentContainer135 extends React.Component {
2567 + render() {
2568 + if (this.props.x === 298) {
2569 return React.createElement(AdsPESideTrayTabContent134, { x: 297 });
2570 }
2571 }
2979 - });
2572 + }
2573
2981 - var AdsPEMultiTabDrawer136 = React.createClass({
2982 - displayName: "AdsPEMultiTabDrawer136",
2983 -
2984 - render: function () {
2985 - var props = this.props;
2986 - if (props.x === 299) {
2574 + class AdsPEMultiTabDrawer136 extends React.Component {
2575 + render() {
2576 + if (this.props.x === 299) {
2577 return React.createElement(
2578 "div",
2579 { className: "_2kev _2kex" },
@@ -3003,25 +2593,19 @@
2593 );
2594 }
2595 }
3006 - });
3007 -
3008 - var FluxContainer_AdsPEMultiTabDrawerContainer_137 = React.createClass({
3009 - displayName: "FluxContainer_AdsPEMultiTabDrawerContainer_137",
2596 + }
2597
3011 - render: function () {
3012 - var props = this.props;
3013 - if (props.x === 300) {
2598 + class FluxContainer_AdsPEMultiTabDrawerContainer_137 extends React.Component {
2599 + render() {
2600 + if (this.props.x === 300) {
2601 return React.createElement(AdsPEMultiTabDrawer136, { x: 299 });
2602 }
2603 }
3017 - });
2604 + }
2605
3019 - var AdsPESimpleOrganizer138 = React.createClass({
3020 - displayName: "AdsPESimpleOrganizer138",
3021 -
3022 - render: function () {
3023 - var props = this.props;
3024 - if (props.x === 309) {
2606 + class AdsPESimpleOrganizer138 extends React.Component {
2607 + render() {
2608 + if (this.props.x === 309) {
2609 return React.createElement(
2610 "div",
2611 { className: "_tm2" },
@@ -3031,14 +2615,11 @@
2615 );
2616 }
2617 }
3034 - });
3035 -
3036 - var AdsPEOrganizerContainer139 = React.createClass({
3037 - displayName: "AdsPEOrganizerContainer139",
2618 + }
2619
3039 - render: function () {
3040 - var props = this.props;
3041 - if (props.x === 310) {
2620 + class AdsPEOrganizerContainer139 extends React.Component {
2621 + render() {
2622 + if (this.props.x === 310) {
2623 return React.createElement(
2624 "div",
2625 null,
@@ -3046,14 +2627,11 @@
2627 );
2628 }
2629 }
3049 - });
3050 -
3051 - var FixedDataTableColumnResizeHandle140 = React.createClass({
3052 - displayName: "FixedDataTableColumnResizeHandle140",
2630 + }
2631
3054 - render: function () {
3055 - var props = this.props;
3056 - if (props.x === 313) {
2632 + class FixedDataTableColumnResizeHandle140 extends React.Component {
2633 + render() {
2634 + if (this.props.x === 313) {
2635 return React.createElement(
2636 "div",
2637 { className: "_3487 _3488 _3489", style: { "width": 0, "height": 25, "left": 0 } },
@@ -3061,14 +2639,11 @@
2639 );
2640 }
2641 }
3064 - });
2642 + }
2643
3066 - var AdsPETableHeader141 = React.createClass({
3067 - displayName: "AdsPETableHeader141",
3068 -
3069 - render: function () {
3070 - var props = this.props;
3071 - if (props.x === 315) {
2644 + class AdsPETableHeader141 extends React.Component {
2645 + render() {
2646 + if (this.props.x === 315) {
2647 return React.createElement(
2648 "div",
2649 { className: "_1cig _1ksv _1vd7 _4h2r", id: undefined },
@@ -3080,7 +2655,7 @@
2655 )
2656 );
2657 }
3083 - if (props.x === 320) {
2658 + if (this.props.x === 320) {
2659 return React.createElement(
2660 "div",
2661 { className: "_1cig _1vd7 _4h2r", id: undefined },
@@ -3092,7 +2667,7 @@
2667 )
2668 );
2669 }
3095 - if (props.x === 323) {
2670 + if (this.props.x === 323) {
2671 return React.createElement(
2672 "div",
2673 { className: "_1cig _1vd7 _4h2r", id: undefined },
@@ -3104,7 +2679,7 @@
2679 )
2680 );
2681 }
3107 - if (props.x === 326) {
2682 + if (this.props.x === 326) {
2683 return React.createElement(
2684 "div",
2685 { className: "_1cig _1vd7 _4h2r", id: undefined },
@@ -3116,10 +2691,10 @@
2691 )
2692 );
2693 }
3119 - if (props.x === 329) {
2694 + if (this.props.x === 329) {
2695 return React.createElement("div", { className: "_1cig _1vd7 _4h2r", id: undefined });
2696 }
3122 - if (props.x === 340) {
2697 + if (this.props.x === 340) {
2698 return React.createElement(
2699 "div",
2700 { className: "_1cig _25fg", id: undefined },
@@ -3131,7 +2706,7 @@
2706 )
2707 );
2708 }
3134 - if (props.x === 346) {
2709 + if (this.props.x === 346) {
2710 return React.createElement(
2711 "div",
2712 { className: "_1cig _25fg", id: undefined, "data-tooltip-content": "Changed", "data-hover": "tooltip" },
@@ -3139,7 +2714,7 @@
2714 null
2715 );
2716 }
3142 - if (props.x === 352) {
2717 + if (this.props.x === 352) {
2718 return React.createElement(
2719 "div",
2720 { className: "_1cig _25fg", id: "ads_pe_table_error_header", "data-tooltip-content": "Errors", "data-hover": "tooltip" },
@@ -3147,7 +2722,7 @@
2722 null
2723 );
2724 }
3150 - if (props.x === 357) {
2725 + if (this.props.x === 357) {
2726 return React.createElement(
2727 "div",
2728 { className: "_1cig _25fg", id: undefined },
@@ -3159,7 +2734,7 @@
2734 )
2735 );
2736 }
3162 - if (props.x === 362) {
2737 + if (this.props.x === 362) {
2738 return React.createElement(
2739 "div",
2740 { className: "_1cig _25fg", id: undefined },
@@ -3171,7 +2746,7 @@
2746 )
2747 );
2748 }
3174 - if (props.x === 369) {
2749 + if (this.props.x === 369) {
2750 return React.createElement(
2751 "div",
2752 { className: "_1cig _25fg", id: undefined },
@@ -3183,7 +2758,7 @@
2758 )
2759 );
2760 }
3186 - if (props.x === 374) {
2761 + if (this.props.x === 374) {
2762 return React.createElement(
2763 "div",
2764 { className: "_1cig _25fg", id: undefined },
@@ -3195,7 +2770,7 @@
2770 )
2771 );
2772 }
3198 - if (props.x === 379) {
2773 + if (this.props.x === 379) {
2774 return React.createElement(
2775 "div",
2776 { className: "_1cig _25fg", id: undefined },
@@ -3207,7 +2782,7 @@
2782 )
2783 );
2784 }
3210 - if (props.x === 384) {
2785 + if (this.props.x === 384) {
2786 return React.createElement(
2787 "div",
2788 { className: "_1cig _25fg", id: undefined },
@@ -3219,7 +2794,7 @@
2794 )
2795 );
2796 }
3222 - if (props.x === 389) {
2797 + if (this.props.x === 389) {
2798 return React.createElement(
2799 "div",
2800 { className: "_1cig _25fg", id: undefined },
@@ -3231,7 +2806,7 @@
2806 )
2807 );
2808 }
3234 - if (props.x === 394) {
2809 + if (this.props.x === 394) {
2810 return React.createElement(
2811 "div",
2812 { className: "_1cig _25fg", id: undefined },
@@ -3243,7 +2818,7 @@
2818 )
2819 );
2820 }
3246 - if (props.x === 399) {
2821 + if (this.props.x === 399) {
2822 return React.createElement(
2823 "div",
2824 { className: "_1cig _25fg", id: undefined },
@@ -3255,7 +2830,7 @@
2830 )
2831 );
2832 }
3258 - if (props.x === 404) {
2833 + if (this.props.x === 404) {
2834 return React.createElement(
2835 "div",
2836 { className: "_1cig _25fg", id: undefined },
@@ -3267,7 +2842,7 @@
2842 )
2843 );
2844 }
3270 - if (props.x === 409) {
2845 + if (this.props.x === 409) {
2846 return React.createElement(
2847 "div",
2848 { className: "_1cig _25fg", id: undefined },
@@ -3279,7 +2854,7 @@
2854 )
2855 );
2856 }
3282 - if (props.x === 414) {
2857 + if (this.props.x === 414) {
2858 return React.createElement(
2859 "div",
2860 { className: "_1cig _25fg", id: undefined },
@@ -3291,7 +2866,7 @@
2866 )
2867 );
2868 }
3294 - if (props.x === 419) {
2869 + if (this.props.x === 419) {
2870 return React.createElement(
2871 "div",
2872 { className: "_1cig _25fg", id: undefined },
@@ -3303,7 +2878,7 @@
2878 )
2879 );
2880 }
3306 - if (props.x === 424) {
2881 + if (this.props.x === 424) {
2882 return React.createElement(
2883 "div",
2884 { className: "_1cig _25fg", id: undefined },
@@ -3315,7 +2890,7 @@
2890 )
2891 );
2892 }
3318 - if (props.x === 429) {
2893 + if (this.props.x === 429) {
2894 return React.createElement(
2895 "div",
2896 { className: "_1cig _25fg", id: undefined },
@@ -3327,7 +2902,7 @@
2902 )
2903 );
2904 }
3330 - if (props.x === 434) {
2905 + if (this.props.x === 434) {
2906 return React.createElement(
2907 "div",
2908 { className: "_1cig _25fg", id: undefined },
@@ -3339,7 +2914,7 @@
2914 )
2915 );
2916 }
3342 - if (props.x === 439) {
2917 + if (this.props.x === 439) {
2918 return React.createElement(
2919 "div",
2920 { className: "_1cig _25fg", id: undefined },
@@ -3351,7 +2926,7 @@
2926 )
2927 );
2928 }
3354 - if (props.x === 444) {
2929 + if (this.props.x === 444) {
2930 return React.createElement(
2931 "div",
2932 { className: "_1cig _25fg", id: undefined },
@@ -3363,7 +2938,7 @@
2938 )
2939 );
2940 }
3366 - if (props.x === 449) {
2941 + if (this.props.x === 449) {
2942 return React.createElement(
2943 "div",
2944 { className: "_1cig _25fg _4h2r", id: undefined },
@@ -3375,21 +2950,18 @@
2950 )
2951 );
2952 }
3378 - if (props.x === 452) {
2953 + if (this.props.x === 452) {
2954 return React.createElement("div", { className: "_1cig _25fg _4h2r", id: undefined });
2955 }
2956 }
3382 - });
3383 -
3384 - var TransitionCell142 = React.createClass({
3385 - displayName: "TransitionCell142",
2957 + }
2958
3387 - render: function () {
3388 - var props = this.props;
3389 - if (props.x === 316) {
2959 + class TransitionCell142 extends React.Component {
2960 + render() {
2961 + if (this.props.x === 316) {
2962 return React.createElement(
2963 "div",
3392 - { isHeaderCell: true, label: "Campaigns", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 721, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2964 + { label: "Campaigns", height: 40, width: 721, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2965 React.createElement(
2966 "div",
2967 { className: "_4lgd _4h2w" },
@@ -3401,10 +2973,10 @@
2973 )
2974 );
2975 }
3404 - if (props.x === 321) {
2976 + if (this.props.x === 321) {
2977 return React.createElement(
2978 "div",
3407 - { isHeaderCell: true, label: "Performance", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 798, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2979 + { label: "Performance", height: 40, width: 798, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2980 React.createElement(
2981 "div",
2982 { className: "_4lgd _4h2w" },
@@ -3416,10 +2988,10 @@
2988 )
2989 );
2990 }
3419 - if (props.x === 324) {
2991 + if (this.props.x === 324) {
2992 return React.createElement(
2993 "div",
3422 - { isHeaderCell: true, label: "Overview", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 1022, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2994 + { label: "Overview", height: 40, width: 1022, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2995 React.createElement(
2996 "div",
2997 { className: "_4lgd _4h2w" },
@@ -3431,10 +3003,10 @@
3003 )
3004 );
3005 }
3434 - if (props.x === 327) {
3006 + if (this.props.x === 327) {
3007 return React.createElement(
3008 "div",
3437 - { isHeaderCell: true, label: "Toplines", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
3009 + { label: "Toplines", height: 40, width: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
3010 React.createElement(
3011 "div",
3012 { className: "_4lgd _4h2w" },
@@ -3446,10 +3018,10 @@
3018 )
3019 );
3020 }
3449 - if (props.x === 330) {
3021 + if (this.props.x === 330) {
3022 return React.createElement(
3023 "div",
3452 - { isHeaderCell: true, label: "", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
3024 + { label: "", height: 40, width: 25, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
3025 React.createElement(
3026 "div",
3027 { className: "_4lgd _4h2w" },
@@ -3461,10 +3033,10 @@
3033 )
3034 );
3035 }
3464 - if (props.x === 338) {
3036 + if (this.props.x === 338) {
3037 return React.createElement(
3038 "div",
3467 - { isHeaderCell: true, label: undefined, width: 42, dataKey: "common.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "common.id", height: 25, style: { "height": 25, "width": 42 } },
3039 + { label: undefined, width: 42, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 42 } },
3040 React.createElement(
3041 "div",
3042 { className: "_4lgd _4h2w" },
@@ -3476,10 +3048,10 @@
3048 )
3049 );
3050 }
3479 - if (props.x === 343) {
3051 + if (this.props.x === 343) {
3052 return React.createElement(
3053 "div",
3482 - { isHeaderCell: true, label: "Campaign Name", width: 400, dataKey: "campaignGroup.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.name", height: 25, style: { "height": 25, "width": 400 } },
3054 + { label: "Campaign Name", width: 400, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 400 } },
3055 React.createElement(
3056 "div",
3057 { className: "_4lgd _4h2w" },
@@ -3491,10 +3063,10 @@
3063 )
3064 );
3065 }
3494 - if (props.x === 349) {
3066 + if (this.props.x === 349) {
3067 return React.createElement(
3068 "div",
3497 - { isHeaderCell: true, label: undefined, width: 33, dataKey: "edit_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "edit_status", height: 25, style: { "height": 25, "width": 33 } },
3069 + { label: undefined, width: 33, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 33 } },
3070 React.createElement(
3071 "div",
3072 { className: "_4lgd _4h2w" },
@@ -3506,10 +3078,10 @@
3078 )
3079 );
3080 }
3509 - if (props.x === 355) {
3081 + if (this.props.x === 355) {
3082 return React.createElement(
3083 "div",
3512 - { isHeaderCell: true, label: undefined, width: 36, dataKey: "errors", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "errors", height: 25, style: { "height": 25, "width": 36 } },
3084 + { label: undefined, width: 36, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 36 } },
3085 React.createElement(
3086 "div",
3087 { className: "_4lgd _4h2w" },
@@ -3521,10 +3093,10 @@
3093 )
3094 );
3095 }
3524 - if (props.x === 360) {
3096 + if (this.props.x === 360) {
3097 return React.createElement(
3098 "div",
3527 - { isHeaderCell: true, label: "Status", width: 60, dataKey: "campaignGroup.status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.status", height: 25, style: { "height": 25, "width": 60 } },
3099 + { label: "Status", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
3100 React.createElement(
3101 "div",
3102 { className: "_4lgd _4h2w" },
@@ -3536,10 +3108,10 @@
3108 )
3109 );
3110 }
3539 - if (props.x === 365) {
3111 + if (this.props.x === 365) {
3112 return React.createElement(
3113 "div",
3542 - { isHeaderCell: true, label: "Delivery", width: 150, dataKey: "derivedCampaignGroup.activity_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.activity_status", height: 25, style: { "height": 25, "width": 150 } },
3114 + { label: "Delivery", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
3115 React.createElement(
3116 "div",
3117 { className: "_4lgd _4h2w" },
@@ -3551,10 +3123,10 @@
3123 )
3124 );
3125 }
3554 - if (props.x === 372) {
3126 + if (this.props.x === 372) {
3127 return React.createElement(
3128 "div",
3557 - { isHeaderCell: true, label: "Results", width: 140, dataKey: "stats.actions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.actions", height: 25, style: { "height": 25, "width": 140 } },
3129 + { label: "Results", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
3130 React.createElement(
3131 "div",
3132 { className: "_4lgd _4h2w" },
@@ -3566,10 +3138,10 @@
3138 )
3139 );
3140 }
3569 - if (props.x === 377) {
3141 + if (this.props.x === 377) {
3142 return React.createElement(
3143 "div",
3572 - { isHeaderCell: true, label: "Cost", width: 140, dataKey: "stats.cpa", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.cpa", height: 25, style: { "height": 25, "width": 140 } },
3144 + { label: "Cost", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
3145 React.createElement(
3146 "div",
3147 { className: "_4lgd _4h2w" },
@@ -3581,10 +3153,10 @@
3153 )
3154 );
3155 }
3584 - if (props.x === 382) {
3156 + if (this.props.x === 382) {
3157 return React.createElement(
3158 "div",
3587 - { isHeaderCell: true, label: "Reach", width: 80, dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.unique_impressions", height: 25, style: { "height": 25, "width": 80 } },
3159 + { label: "Reach", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
3160 React.createElement(
3161 "div",
3162 { className: "_4lgd _4h2w" },
@@ -3596,10 +3168,10 @@
3168 )
3169 );
3170 }
3599 - if (props.x === 387) {
3171 + if (this.props.x === 387) {
3172 return React.createElement(
3173 "div",
3602 - { isHeaderCell: true, label: "Impressions", width: 80, dataKey: "stats.impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.impressions", height: 25, style: { "height": 25, "width": 80 } },
3174 + { label: "Impressions", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
3175 React.createElement(
3176 "div",
3177 { className: "_4lgd _4h2w" },
@@ -3611,10 +3183,10 @@
3183 )
3184 );
3185 }
3614 - if (props.x === 392) {
3186 + if (this.props.x === 392) {
3187 return React.createElement(
3188 "div",
3617 - { isHeaderCell: true, label: "Clicks", width: 60, dataKey: "stats.clicks", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.clicks", height: 25, style: { "height": 25, "width": 60 } },
3189 + { label: "Clicks", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
3190 React.createElement(
3191 "div",
3192 { className: "_4lgd _4h2w" },
@@ -3626,10 +3198,10 @@
3198 )
3199 );
3200 }
3629 - if (props.x === 397) {
3201 + if (this.props.x === 397) {
3202 return React.createElement(
3203 "div",
3632 - { isHeaderCell: true, label: "Avg. CPM", width: 80, dataKey: "stats.avg_cpm", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpm", height: 25, style: { "height": 25, "width": 80 } },
3204 + { label: "Avg. CPM", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
3205 React.createElement(
3206 "div",
3207 { className: "_4lgd _4h2w" },
@@ -3641,10 +3213,10 @@
3213 )
3214 );
3215 }
3644 - if (props.x === 402) {
3216 + if (this.props.x === 402) {
3217 return React.createElement(
3218 "div",
3647 - { isHeaderCell: true, label: "Avg. CPC", width: 78, dataKey: "stats.avg_cpc", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpc", height: 25, style: { "height": 25, "width": 78 } },
3219 + { label: "Avg. CPC", width: 78, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 78 } },
3220 React.createElement(
3221 "div",
3222 { className: "_4lgd _4h2w" },
@@ -3656,10 +3228,10 @@
3228 )
3229 );
3230 }
3659 - if (props.x === 407) {
3231 + if (this.props.x === 407) {
3232 return React.createElement(
3233 "div",
3662 - { isHeaderCell: true, label: "CTR %", width: 70, dataKey: "stats.ctr", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.ctr", height: 25, style: { "height": 25, "width": 70 } },
3234 + { label: "CTR %", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
3235 React.createElement(
3236 "div",
3237 { className: "_4lgd _4h2w" },
@@ -3671,10 +3243,10 @@
3243 )
3244 );
3245 }
3674 - if (props.x === 412) {
3246 + if (this.props.x === 412) {
3247 return React.createElement(
3248 "div",
3677 - { isHeaderCell: true, label: "Spent", width: 70, dataKey: "stats.spent_100", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.spent_100", height: 25, style: { "height": 25, "width": 70 } },
3249 + { label: "Spent", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
3250 React.createElement(
3251 "div",
3252 { className: "_4lgd _4h2w" },
@@ -3686,10 +3258,10 @@
3258 )
3259 );
3260 }
3689 - if (props.x === 417) {
3261 + if (this.props.x === 417) {
3262 return React.createElement(
3263 "div",
3692 - { isHeaderCell: true, label: "Objective", width: 200, dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.objective", height: 25, style: { "height": 25, "width": 200 } },
3264 + { label: "Objective", width: 200, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 200 } },
3265 React.createElement(
3266 "div",
3267 { className: "_4lgd _4h2w" },
@@ -3701,10 +3273,10 @@
3273 )
3274 );
3275 }
3704 - if (props.x === 422) {
3276 + if (this.props.x === 422) {
3277 return React.createElement(
3278 "div",
3707 - { isHeaderCell: true, label: "Buying Type", width: 100, dataKey: "campaignGroup.buying_type", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.buying_type", height: 25, style: { "height": 25, "width": 100 } },
3279 + { label: "Buying Type", width: 100, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 100 } },
3280 React.createElement(
3281 "div",
3282 { className: "_4lgd _4h2w" },
@@ -3716,10 +3288,10 @@
3288 )
3289 );
3290 }
3719 - if (props.x === 427) {
3291 + if (this.props.x === 427) {
3292 return React.createElement(
3293 "div",
3722 - { isHeaderCell: true, label: "Campaign ID", width: 120, dataKey: "campaignGroup.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.id", height: 25, style: { "height": 25, "width": 120 } },
3294 + { label: "Campaign ID", width: 120, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 120 } },
3295 React.createElement(
3296 "div",
3297 { className: "_4lgd _4h2w" },
@@ -3731,10 +3303,10 @@
3303 )
3304 );
3305 }
3734 - if (props.x === 432) {
3306 + if (this.props.x === 432) {
3307 return React.createElement(
3308 "div",
3737 - { isHeaderCell: true, label: "Start", width: 113, dataKey: "derivedCampaignGroup.startDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.startDate", height: 25, style: { "height": 25, "width": 113 } },
3309 + { label: "Start", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3310 React.createElement(
3311 "div",
3312 { className: "_4lgd _4h2w" },
@@ -3746,10 +3318,10 @@
3318 )
3319 );
3320 }
3749 - if (props.x === 437) {
3321 + if (this.props.x === 437) {
3322 return React.createElement(
3323 "div",
3752 - { isHeaderCell: true, label: "End", width: 113, dataKey: "derivedCampaignGroup.stopDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.stopDate", height: 25, style: { "height": 25, "width": 113 } },
3324 + { label: "End", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3325 React.createElement(
3326 "div",
3327 { className: "_4lgd _4h2w" },
@@ -3761,10 +3333,10 @@
3333 )
3334 );
3335 }
3764 - if (props.x === 442) {
3336 + if (this.props.x === 442) {
3337 return React.createElement(
3338 "div",
3767 - { isHeaderCell: true, label: "Date created", width: 113, dataKey: "derivedCampaignGroup.createdDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.createdDate", height: 25, style: { "height": 25, "width": 113 } },
3339 + { label: "Date created", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3340 React.createElement(
3341 "div",
3342 { className: "_4lgd _4h2w" },
@@ -3776,10 +3348,10 @@
3348 )
3349 );
3350 }
3779 - if (props.x === 447) {
3351 + if (this.props.x === 447) {
3352 return React.createElement(
3353 "div",
3782 - { isHeaderCell: true, label: "Date last edited", width: 113, dataKey: "derivedCampaignGroup.updatedDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.updatedDate", height: 25, style: { "height": 25, "width": 113 } },
3354 + { label: "Date last edited", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3355 React.createElement(
3356 "div",
3357 { className: "_4lgd _4h2w" },
@@ -3791,10 +3363,10 @@
3363 )
3364 );
3365 }
3794 - if (props.x === 450) {
3366 + if (this.props.x === 450) {
3367 return React.createElement(
3368 "div",
3797 - { isHeaderCell: true, label: "Tags", width: 150, dataKey: "labels", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "labels", height: 25, style: { "height": 25, "width": 150 } },
3369 + { label: "Tags", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
3370 React.createElement(
3371 "div",
3372 { className: "_4lgd _4h2w" },
@@ -3806,10 +3378,10 @@
3378 )
3379 );
3380 }
3809 - if (props.x === 453) {
3381 + if (this.props.x === 453) {
3382 return React.createElement(
3383 "div",
3812 - { isHeaderCell: true, label: "", width: 25, dataKey: "scrollbar_spacer", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "scrollbar_spacer", height: 25, style: { "height": 25, "width": 25 } },
3384 + { label: "", width: 25, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 25 } },
3385 React.createElement(
3386 "div",
3387 { className: "_4lgd _4h2w" },
@@ -3822,14 +3394,11 @@
3394 );
3395 }
3396 }
3825 - });
3826 -
3827 - var FixedDataTableCell143 = React.createClass({
3828 - displayName: "FixedDataTableCell143",
3397 + }
3398
3830 - render: function () {
3831 - var props = this.props;
3832 - if (props.x === 317) {
3399 + class FixedDataTableCell143 extends React.Component {
3400 + render() {
3401 + if (this.props.x === 317) {
3402 return React.createElement(
3403 "div",
3404 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 721, "left": 0 } },
@@ -3837,7 +3406,7 @@
3406 React.createElement(TransitionCell142, { x: 316 })
3407 );
3408 }
3840 - if (props.x === 322) {
3409 + if (this.props.x === 322) {
3410 return React.createElement(
3411 "div",
3412 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 798, "left": 0 } },
@@ -3845,7 +3414,7 @@
3414 React.createElement(TransitionCell142, { x: 321 })
3415 );
3416 }
3848 - if (props.x === 325) {
3417 + if (this.props.x === 325) {
3418 return React.createElement(
3419 "div",
3420 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 1022, "left": 798 } },
@@ -3853,7 +3422,7 @@
3422 React.createElement(TransitionCell142, { x: 324 })
3423 );
3424 }
3856 - if (props.x === 328) {
3425 + if (this.props.x === 328) {
3426 return React.createElement(
3427 "div",
3428 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 1820 } },
@@ -3861,7 +3430,7 @@
3430 React.createElement(TransitionCell142, { x: 327 })
3431 );
3432 }
3864 - if (props.x === 331) {
3433 + if (this.props.x === 331) {
3434 return React.createElement(
3435 "div",
3436 { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 1820 } },
@@ -3869,7 +3438,7 @@
3438 React.createElement(TransitionCell142, { x: 330 })
3439 );
3440 }
3872 - if (props.x === 339) {
3441 + if (this.props.x === 339) {
3442 return React.createElement(
3443 "div",
3444 { className: "_4lg0 _4lg6 _4h2m", style: { "height": 25, "width": 42, "left": 0 } },
@@ -3877,19 +3446,19 @@
3446 React.createElement(TransitionCell142, { x: 338 })
3447 );
3448 }
3880 - if (props.x === 344) {
3449 + if (this.props.x === 344) {
3450 return React.createElement(
3451 "div",
3452 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 400, "left": 42 } },
3453 React.createElement(
3454 "div",
3886 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3455 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3456 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3457 ),
3458 React.createElement(TransitionCell142, { x: 343 })
3459 );
3460 }
3892 - if (props.x === 350) {
3461 + if (this.props.x === 350) {
3462 return React.createElement(
3463 "div",
3464 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 33, "left": 442 } },
@@ -3897,7 +3466,7 @@
3466 React.createElement(TransitionCell142, { x: 349 })
3467 );
3468 }
3900 - if (props.x === 356) {
3469 + if (this.props.x === 356) {
3470 return React.createElement(
3471 "div",
3472 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 36, "left": 475 } },
@@ -3905,7 +3474,7 @@
3474 React.createElement(TransitionCell142, { x: 355 })
3475 );
3476 }
3908 - if (props.x === 361) {
3477 + if (this.props.x === 361) {
3478 return React.createElement(
3479 "div",
3480 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 60, "left": 511 } },
@@ -3913,223 +3482,223 @@
3482 React.createElement(TransitionCell142, { x: 360 })
3483 );
3484 }
3916 - if (props.x === 366) {
3485 + if (this.props.x === 366) {
3486 return React.createElement(
3487 "div",
3488 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 571 } },
3489 React.createElement(
3490 "div",
3922 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3491 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3492 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3493 ),
3494 React.createElement(TransitionCell142, { x: 365 })
3495 );
3496 }
3928 - if (props.x === 373) {
3497 + if (this.props.x === 373) {
3498 return React.createElement(
3499 "div",
3500 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 0 } },
3501 React.createElement(
3502 "div",
3934 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3503 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3504 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3505 ),
3506 React.createElement(TransitionCell142, { x: 372 })
3507 );
3508 }
3940 - if (props.x === 378) {
3509 + if (this.props.x === 378) {
3510 return React.createElement(
3511 "div",
3512 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 140 } },
3513 React.createElement(
3514 "div",
3946 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3515 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3516 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3517 ),
3518 React.createElement(TransitionCell142, { x: 377 })
3519 );
3520 }
3952 - if (props.x === 383) {
3521 + if (this.props.x === 383) {
3522 return React.createElement(
3523 "div",
3524 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 280 } },
3525 React.createElement(
3526 "div",
3958 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3527 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3528 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3529 ),
3530 React.createElement(TransitionCell142, { x: 382 })
3531 );
3532 }
3964 - if (props.x === 388) {
3533 + if (this.props.x === 388) {
3534 return React.createElement(
3535 "div",
3536 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 360 } },
3537 React.createElement(
3538 "div",
3970 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3539 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3540 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3541 ),
3542 React.createElement(TransitionCell142, { x: 387 })
3543 );
3544 }
3976 - if (props.x === 393) {
3545 + if (this.props.x === 393) {
3546 return React.createElement(
3547 "div",
3548 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 440 } },
3549 React.createElement(
3550 "div",
3982 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3551 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3552 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3553 ),
3554 React.createElement(TransitionCell142, { x: 392 })
3555 );
3556 }
3988 - if (props.x === 398) {
3557 + if (this.props.x === 398) {
3558 return React.createElement(
3559 "div",
3560 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 500 } },
3561 React.createElement(
3562 "div",
3994 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3563 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3564 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3565 ),
3566 React.createElement(TransitionCell142, { x: 397 })
3567 );
3568 }
4000 - if (props.x === 403) {
3569 + if (this.props.x === 403) {
3570 return React.createElement(
3571 "div",
3572 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 78, "left": 580 } },
3573 React.createElement(
3574 "div",
4006 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3575 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3576 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3577 ),
3578 React.createElement(TransitionCell142, { x: 402 })
3579 );
3580 }
4012 - if (props.x === 408) {
3581 + if (this.props.x === 408) {
3582 return React.createElement(
3583 "div",
3584 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 658 } },
3585 React.createElement(
3586 "div",
4018 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3587 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3588 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3589 ),
3590 React.createElement(TransitionCell142, { x: 407 })
3591 );
3592 }
4024 - if (props.x === 413) {
3593 + if (this.props.x === 413) {
3594 return React.createElement(
3595 "div",
3596 { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 728 } },
3597 React.createElement(
3598 "div",
4030 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3599 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3600 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3601 ),
3602 React.createElement(TransitionCell142, { x: 412 })
3603 );
3604 }
4036 - if (props.x === 418) {
3605 + if (this.props.x === 418) {
3606 return React.createElement(
3607 "div",
3608 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 200, "left": 798 } },
3609 React.createElement(
3610 "div",
4042 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3611 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3612 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3613 ),
3614 React.createElement(TransitionCell142, { x: 417 })
3615 );
3616 }
4048 - if (props.x === 423) {
3617 + if (this.props.x === 423) {
3618 return React.createElement(
3619 "div",
3620 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 998 } },
3621 React.createElement(
3622 "div",
4054 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3623 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3624 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3625 ),
3626 React.createElement(TransitionCell142, { x: 422 })
3627 );
3628 }
4060 - if (props.x === 428) {
3629 + if (this.props.x === 428) {
3630 return React.createElement(
3631 "div",
3632 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 120, "left": 1098 } },
3633 React.createElement(
3634 "div",
4066 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3635 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3636 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3637 ),
3638 React.createElement(TransitionCell142, { x: 427 })
3639 );
3640 }
4072 - if (props.x === 433) {
3641 + if (this.props.x === 433) {
3642 return React.createElement(
3643 "div",
3644 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1218 } },
3645 React.createElement(
3646 "div",
4078 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3647 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3648 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3649 ),
3650 React.createElement(TransitionCell142, { x: 432 })
3651 );
3652 }
4084 - if (props.x === 438) {
3653 + if (this.props.x === 438) {
3654 return React.createElement(
3655 "div",
3656 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1331 } },
3657 React.createElement(
3658 "div",
4090 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3659 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3660 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3661 ),
3662 React.createElement(TransitionCell142, { x: 437 })
3663 );
3664 }
4096 - if (props.x === 443) {
3665 + if (this.props.x === 443) {
3666 return React.createElement(
3667 "div",
3668 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1444 } },
3669 React.createElement(
3670 "div",
4102 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3671 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3672 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3673 ),
3674 React.createElement(TransitionCell142, { x: 442 })
3675 );
3676 }
4108 - if (props.x === 448) {
3677 + if (this.props.x === 448) {
3678 return React.createElement(
3679 "div",
3680 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1557 } },
3681 React.createElement(
3682 "div",
4114 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3683 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3684 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3685 ),
3686 React.createElement(TransitionCell142, { x: 447 })
3687 );
3688 }
4120 - if (props.x === 451) {
3689 + if (this.props.x === 451) {
3690 return React.createElement(
3691 "div",
3692 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 1670 } },
3693 React.createElement(
3694 "div",
4126 - { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3695 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () { } },
3696 React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3697 ),
3698 React.createElement(TransitionCell142, { x: 450 })
3699 );
3700 }
4132 - if (props.x === 454) {
3701 + if (this.props.x === 454) {
3702 return React.createElement(
3703 "div",
3704 { className: "_4lg0 _4h2m", style: { "height": 25, "width": 25, "left": 1820 } },
@@ -4138,21 +3707,18 @@
3707 );
3708 }
3709 }
4141 - });
3710 + }
3711
4143 - var FixedDataTableCellGroupImpl144 = React.createClass({
4144 - displayName: "FixedDataTableCellGroupImpl144",
4145 -
4146 - render: function () {
4147 - var props = this.props;
4148 - if (props.x === 318) {
3712 + class FixedDataTableCellGroupImpl144 extends React.Component {
3713 + render() {
3714 + if (this.props.x === 318) {
3715 return React.createElement(
3716 "div",
3717 { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3718 React.createElement(FixedDataTableCell143, { x: 317, key: "cell_0" })
3719 );
3720 }
4155 - if (props.x === 332) {
3721 + if (this.props.x === 332) {
3722 return React.createElement(
3723 "div",
3724 { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
@@ -4162,7 +3728,7 @@
3728 React.createElement(FixedDataTableCell143, { x: 331, key: "cell_3" })
3729 );
3730 }
4165 - if (props.x === 367) {
3731 + if (this.props.x === 367) {
3732 return React.createElement(
3733 "div",
3734 { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
@@ -4174,7 +3740,7 @@
3740 React.createElement(FixedDataTableCell143, { x: 366, key: "cell_5" })
3741 );
3742 }
4177 - if (props.x === 455) {
3743 + if (this.props.x === 455) {
3744 return React.createElement(
3745 "div",
3746 { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
@@ -4199,35 +3765,32 @@
3765 );
3766 }
3767 }
4202 - });
4203 -
4204 - var FixedDataTableCellGroup145 = React.createClass({
4205 - displayName: "FixedDataTableCellGroup145",
3768 + }
3769
4207 - render: function () {
4208 - var props = this.props;
4209 - if (props.x === 319) {
3770 + class FixedDataTableCellGroup145 extends React.Component {
3771 + render() {
3772 + if (this.props.x === 319) {
3773 return React.createElement(
3774 "div",
3775 { style: { "height": 40, "left": 0 }, className: "_3pzk" },
3776 React.createElement(FixedDataTableCellGroupImpl144, { x: 318 })
3777 );
3778 }
4216 - if (props.x === 333) {
3779 + if (this.props.x === 333) {
3780 return React.createElement(
3781 "div",
3782 { style: { "height": 40, "left": 721 }, className: "_3pzk" },
3783 React.createElement(FixedDataTableCellGroupImpl144, { x: 332 })
3784 );
3785 }
4223 - if (props.x === 368) {
3786 + if (this.props.x === 368) {
3787 return React.createElement(
3788 "div",
3789 { style: { "height": 25, "left": 0 }, className: "_3pzk" },
3790 React.createElement(FixedDataTableCellGroupImpl144, { x: 367 })
3791 );
3792 }
4230 - if (props.x === 456) {
3793 + if (this.props.x === 456) {
3794 return React.createElement(
3795 "div",
3796 { style: { "height": 25, "left": 721 }, className: "_3pzk" },
@@ -4235,14 +3798,11 @@
3798 );
3799 }
3800 }
4238 - });
4239 -
4240 - var FixedDataTableRowImpl146 = React.createClass({
4241 - displayName: "FixedDataTableRowImpl146",
3801 + }
3802
4243 - render: function () {
4244 - var props = this.props;
4245 - if (props.x === 334) {
3803 + class FixedDataTableRowImpl146 extends React.Component {
3804 + render() {
3805 + if (this.props.x === 334) {
3806 return React.createElement(
3807 "div",
3808 { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 40 } },
@@ -4255,7 +3815,7 @@
3815 )
3816 );
3817 }
4258 - if (props.x === 457) {
3818 + if (this.props.x === 457) {
3819 return React.createElement(
3820 "div",
3821 { className: "_1gd4 _4li _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 25 } },
@@ -4269,21 +3829,18 @@
3829 );
3830 }
3831 }
4272 - });
3832 + }
3833
4274 - var FixedDataTableRow147 = React.createClass({
4275 - displayName: "FixedDataTableRow147",
4276 -
4277 - render: function () {
4278 - var props = this.props;
4279 - if (props.x === 335) {
3834 + class FixedDataTableRow147 extends React.Component {
3835 + render() {
3836 + if (this.props.x === 335) {
3837 return React.createElement(
3838 "div",
3839 { style: { "width": 1209, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
3840 React.createElement(FixedDataTableRowImpl146, { x: 334 })
3841 );
3842 }
4286 - if (props.x === 458) {
3843 + if (this.props.x === 458) {
3844 return React.createElement(
3845 "div",
3846 { style: { "width": 1209, "height": 25, "zIndex": 1, "transform": "translate3d(0px,40px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
@@ -4291,17 +3848,14 @@
3848 );
3849 }
3850 }
4294 - });
4295 -
4296 - var FixedDataTableAbstractSortableHeader148 = React.createClass({
4297 - displayName: "FixedDataTableAbstractSortableHeader148",
3851 + }
3852
4299 - render: function () {
4300 - var props = this.props;
4301 - if (props.x === 341) {
3853 + class FixedDataTableAbstractSortableHeader148 extends React.Component {
3854 + render() {
3855 + if (this.props.x === 341) {
3856 return React.createElement(
3857 "div",
4304 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3858 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3859 React.createElement(
3860 "div",
3861 { className: "_2eq6" },
@@ -4310,10 +3864,10 @@
3864 )
3865 );
3866 }
4313 - if (props.x === 347) {
3867 + if (this.props.x === 347) {
3868 return React.createElement(
3869 "div",
4316 - { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3870 + { onClick: function () { }, className: "_54_8 _1kst _4h2r _2wzx" },
3871 React.createElement(
3872 "div",
3873 { className: "_2eq6" },
@@ -4322,10 +3876,10 @@
3876 )
3877 );
3878 }
4325 - if (props.x === 353) {
3879 + if (this.props.x === 353) {
3880 return React.createElement(
3881 "div",
4328 - { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3882 + { onClick: function () { }, className: "_54_8 _1kst _4h2r _2wzx" },
3883 React.createElement(
3884 "div",
3885 { className: "_2eq6" },
@@ -4334,10 +3888,10 @@
3888 )
3889 );
3890 }
4337 - if (props.x === 358) {
3891 + if (this.props.x === 358) {
3892 return React.createElement(
3893 "div",
4340 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3894 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3895 React.createElement(
3896 "div",
3897 { className: "_2eq6" },
@@ -4346,10 +3900,10 @@
3900 )
3901 );
3902 }
4349 - if (props.x === 363) {
3903 + if (this.props.x === 363) {
3904 return React.createElement(
3905 "div",
4352 - { onClick: function () {}, className: "_54_8 _54_9 _4h2r _2wzx" },
3906 + { onClick: function () { }, className: "_54_8 _54_9 _4h2r _2wzx" },
3907 React.createElement(
3908 "div",
3909 { className: "_2eq6" },
@@ -4358,10 +3912,10 @@
3912 )
3913 );
3914 }
4361 - if (props.x === 370) {
3915 + if (this.props.x === 370) {
3916 return React.createElement(
3917 "div",
4364 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3918 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3919 React.createElement(
3920 "div",
3921 { className: "_2eq6" },
@@ -4370,10 +3924,10 @@
3924 )
3925 );
3926 }
4373 - if (props.x === 375) {
3927 + if (this.props.x === 375) {
3928 return React.createElement(
3929 "div",
4376 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3930 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3931 React.createElement(
3932 "div",
3933 { className: "_2eq6" },
@@ -4382,10 +3936,10 @@
3936 )
3937 );
3938 }
4385 - if (props.x === 380) {
3939 + if (this.props.x === 380) {
3940 return React.createElement(
3941 "div",
4388 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3942 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3943 React.createElement(
3944 "div",
3945 { className: "_2eq6" },
@@ -4394,10 +3948,10 @@
3948 )
3949 );
3950 }
4397 - if (props.x === 385) {
3951 + if (this.props.x === 385) {
3952 return React.createElement(
3953 "div",
4400 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3954 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3955 React.createElement(
3956 "div",
3957 { className: "_2eq6" },
@@ -4406,10 +3960,10 @@
3960 )
3961 );
3962 }
4409 - if (props.x === 390) {
3963 + if (this.props.x === 390) {
3964 return React.createElement(
3965 "div",
4412 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3966 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3967 React.createElement(
3968 "div",
3969 { className: "_2eq6" },
@@ -4418,10 +3972,10 @@
3972 )
3973 );
3974 }
4421 - if (props.x === 395) {
3975 + if (this.props.x === 395) {
3976 return React.createElement(
3977 "div",
4424 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3978 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3979 React.createElement(
3980 "div",
3981 { className: "_2eq6" },
@@ -4430,10 +3984,10 @@
3984 )
3985 );
3986 }
4433 - if (props.x === 400) {
3987 + if (this.props.x === 400) {
3988 return React.createElement(
3989 "div",
4436 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3990 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
3991 React.createElement(
3992 "div",
3993 { className: "_2eq6" },
@@ -4442,10 +3996,10 @@
3996 )
3997 );
3998 }
4445 - if (props.x === 405) {
3999 + if (this.props.x === 405) {
4000 return React.createElement(
4001 "div",
4448 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4002 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4003 React.createElement(
4004 "div",
4005 { className: "_2eq6" },
@@ -4454,10 +4008,10 @@
4008 )
4009 );
4010 }
4457 - if (props.x === 410) {
4011 + if (this.props.x === 410) {
4012 return React.createElement(
4013 "div",
4460 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4014 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4015 React.createElement(
4016 "div",
4017 { className: "_2eq6" },
@@ -4466,10 +4020,10 @@
4020 )
4021 );
4022 }
4469 - if (props.x === 415) {
4023 + if (this.props.x === 415) {
4024 return React.createElement(
4025 "div",
4472 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4026 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4027 React.createElement(
4028 "div",
4029 { className: "_2eq6" },
@@ -4478,10 +4032,10 @@
4032 )
4033 );
4034 }
4481 - if (props.x === 420) {
4035 + if (this.props.x === 420) {
4036 return React.createElement(
4037 "div",
4484 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4038 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4039 React.createElement(
4040 "div",
4041 { className: "_2eq6" },
@@ -4490,10 +4044,10 @@
4044 )
4045 );
4046 }
4493 - if (props.x === 425) {
4047 + if (this.props.x === 425) {
4048 return React.createElement(
4049 "div",
4496 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4050 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4051 React.createElement(
4052 "div",
4053 { className: "_2eq6" },
@@ -4502,10 +4056,10 @@
4056 )
4057 );
4058 }
4505 - if (props.x === 430) {
4059 + if (this.props.x === 430) {
4060 return React.createElement(
4061 "div",
4508 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4062 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4063 React.createElement(
4064 "div",
4065 { className: "_2eq6" },
@@ -4514,10 +4068,10 @@
4068 )
4069 );
4070 }
4517 - if (props.x === 435) {
4071 + if (this.props.x === 435) {
4072 return React.createElement(
4073 "div",
4520 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4074 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4075 React.createElement(
4076 "div",
4077 { className: "_2eq6" },
@@ -4526,10 +4080,10 @@
4080 )
4081 );
4082 }
4529 - if (props.x === 440) {
4083 + if (this.props.x === 440) {
4084 return React.createElement(
4085 "div",
4532 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4086 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },
4087 React.createElement(
4088 "div",
4089 { className: "_2eq6" },
@@ -4538,10 +4092,10 @@
4092 )
4093 );
4094 }
4541 - if (props.x === 445) {
4095 + if (this.props.x === 445) {
4096 return React.createElement(
4097 "div",
4544 - { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4098 + { onClick: function () { }, className: "_54_8 _4h2r _2wzx" },

This file is too large to show in full.

scripts/bench/benchmarks/pe-class-components/build.js new
+19
@@ -0,0 +1,19 @@
1 +'use strict';
2 +
3 +const {
4 + join,
5 +} = require('path');
6 +
7 +async function build(reactPath, asyncCopyTo) {
8 + // copy the UMD bundles
9 + await asyncCopyTo(
10 + join(reactPath, 'build', 'dist', 'react.production.min.js'),
11 + join(__dirname, 'react.production.min.js')
12 + );
13 + await asyncCopyTo(
14 + join(reactPath, 'build', 'dist', 'react-dom.production.min.js'),
15 + join(__dirname, 'react-dom.production.min.js')
16 + );
17 +}
18 +
19 +module.exports = build;
scripts/bench/benchmarks/pe-class-components/index.html new
+32
@@ -0,0 +1,32 @@
1 +<html>
2 +<body>
3 + <div id="app"></div>
4 + <script>
5 + performance.mark('Load React');
6 + performance.mark('Load React+ReactDOM');
7 + </script>
8 + <script src="react.production.min.js"></script>
9 + <script>
10 + performance.measure('Load React', 'Load React');
11 + </script>
12 + <script>
13 + performance.mark('Load ReactDOM');
14 + </script>
15 + <script src="react-dom.production.min.js"></script>
16 + <script>
17 + performance.measure('Load ReactDOM', 'Load ReactDOM');
18 + performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');
19 + </script>
20 + <script src="benchmark.js"></script>
21 + <script>
22 + performance.mark('Inital Render');
23 + render();
24 + performance.measure('Inital Render', 'Inital Render');
25 + requestAnimationFrame(() => {
26 + performance.mark('Update Render');
27 + render();
28 + performance.measure('Update Render', 'Update Render');
29 + });
30 + </script>
31 + </body>
32 +</html>
\ No newline at end of file
scripts/bench/benchmarks/pe-functional-components/benchmark.js renamed
+95 -90
@@ -1,4 +1,5 @@
1 (function () {
2 + 'use strict';
3
4 var ReactImage0 = function (props) {
5 if (props.x === 0) {
@@ -135,7 +136,7 @@
136 if (props.x === 43) {
137 return React.createElement(
138 "a",
138 - { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", shade: "dark", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
139 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
140 undefined,
141 "Remove",
142 undefined
@@ -364,7 +365,7 @@
365 if (props.x === 112) {
366 return React.createElement(
367 "button",
367 - { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, haschevron: false, onClick: function () {}, label: null, type: "submit", value: "1" },
368 + { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
369 React.createElement(ReactImage0, { x: 111 }),
370 undefined,
371 undefined
@@ -379,7 +380,7 @@
380 if (props.x === 149) {
381 return React.createElement(
382 "button",
382 - { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
383 + { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
384 undefined,
385 "Remove",
386 undefined
@@ -581,7 +582,7 @@
582 return React.createElement(
583 "div",
584 null,
584 - React.createElement(ReactXUIPopoverButton6, { x: 6, ref: "openMenuButton" }),
585 + React.createElement(ReactXUIPopoverButton6, { x: 6 }),
586 null
587 );
588 }
@@ -748,7 +749,7 @@
749 React.createElement(FluxContainer_viewFn_16, { x: 19 }),
750 null,
751 React.createElement(XUIButton4, { x: 21, key: "discard" }),
751 - React.createElement(XUIButton4, { x: 24, ref: "reviewChangesButton" })
752 + React.createElement(XUIButton4, { x: 24 })
753 );
754 }
755 };
@@ -799,19 +800,19 @@
800
801 var ReactPopoverMenu20 = function (props) {
802 if (props.x === 31) {
802 - return React.createElement(InlineBlock19, { x: 30, ref: "root" });
803 + return React.createElement(InlineBlock19, { x: 30 });
804 }
805 if (props.x === 74) {
805 - return React.createElement(InlineBlock19, { x: 73, ref: "root" });
806 + return React.createElement(InlineBlock19, { x: 73 });
807 }
808 if (props.x === 83) {
808 - return React.createElement(InlineBlock19, { x: 82, ref: "root" });
809 + return React.createElement(InlineBlock19, { x: 82 });
810 }
811 if (props.x === 102) {
811 - return React.createElement(InlineBlock19, { x: 101, ref: "root" });
812 + return React.createElement(InlineBlock19, { x: 101 });
813 }
814 if (props.x === 274) {
814 - return React.createElement(InlineBlock19, { x: 273, ref: "root" });
815 + return React.createElement(InlineBlock19, { x: 273 });
816 }
817 };
818
@@ -861,7 +862,7 @@
862 if (props.x === 232) {
863 return React.createElement(
864 "div",
864 - { flex: "right", direction: "left", className: "clearfix" },
865 + { direction: "left", className: "clearfix" },
866 React.createElement(
867 "div",
868 { key: "left", className: "_ohe lfloat" },
@@ -885,7 +886,7 @@
886 if (props.x === 235) {
887 return React.createElement(
888 "div",
888 - { className: "_3-8x clearfix", flex: "right", direction: "left" },
889 + { className: "_3-8x clearfix", direction: "left" },
890 React.createElement(
891 "div",
892 { key: "left", className: "_ohe lfloat" },
@@ -909,7 +910,7 @@
910 if (props.x === 245) {
911 return React.createElement(
912 "div",
912 - { className: "_3-8y clearfix", flex: "right", direction: "left" },
913 + { className: "_3-8y clearfix", direction: "left" },
914 React.createElement(
915 "div",
916 { key: "left", className: "_ohe lfloat" },
@@ -1058,7 +1059,7 @@
1059 return React.createElement(
1060 "span",
1061 null,
1061 - React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0", ref: ".0" })
1062 + React.createElement(ReactCSSTransitionGroupChild31, { x: 52, key: ".0" })
1063 );
1064 }
1065 };
@@ -1095,24 +1096,24 @@
1096 if (props.x === 62) {
1097 return React.createElement(
1098 "div",
1098 - { onResize: function () {}, className: "_4u-c" },
1099 - [React.createElement(AdsErrorBoundary10, { x: 58 }), React.createElement(AdsErrorBoundary10, { x: 61 })],
1099 + { className: "_4u-c" },
1100 + [React.createElement(AdsErrorBoundary10, { x: 58, key: 1 }), React.createElement(AdsErrorBoundary10, { x: 61, key: 2 })],
1101 React.createElement(
1102 "div",
1103 { key: "sensor", className: "_4u-f" },
1103 - React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1104 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1105 )
1106 );
1107 }
1108 if (props.x === 469) {
1109 return React.createElement(
1110 "div",
1110 - { onResize: function () {}, className: "_4u-c" },
1111 + { className: "_4u-c" },
1112 React.createElement(AdsPEDataTableContainer158, { x: 468 }),
1113 React.createElement(
1114 "div",
1115 { key: "sensor", className: "_4u-f" },
1115 - React.createElement("iframe", { ref: "sensorNode", "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1116 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1117 )
1118 );
1119 }
@@ -1172,7 +1173,7 @@
1173 "div",
1174 { className: "_5n7z _51xa" },
1175 React.createElement(AdsPEExportImportMenuContainer48, { x: 107 }),
1175 - React.createElement(XUIButton4, { x: 110, key: "createReport", ref: "ads_create_report_button" }),
1176 + React.createElement(XUIButton4, { x: 110, key: "createReport" }),
1177 React.createElement(AdsPECampaignGroupTagContainer51, { x: 116, key: "tags" })
1178 );
1179 }
@@ -1254,8 +1255,8 @@
1255 return React.createElement(
1256 "span",
1257 { className: " _3d6e" },
1257 - React.createElement(XUIButton4, { x: 113, ref: "button" }),
1258 - React.createElement(Constructor49, { x: 114, key: "layer", ref: "layer" })
1258 + React.createElement(XUIButton4, { x: 113 }),
1259 + React.createElement(Constructor49, { x: 114, key: "layer" })
1260 );
1261 }
1262 };
@@ -1333,8 +1334,8 @@
1334 return React.createElement(
1335 "span",
1336 { className: "_5b-l _5bbe" },
1336 - React.createElement(ReactXUIPopoverButton6, { x: 133, ref: "searchButton" }),
1337 - React.createElement(ReactXUIPopoverButton6, { x: 141, ref: "filterButton" }),
1337 + React.createElement(ReactXUIPopoverButton6, { x: 133 }),
1338 + React.createElement(ReactXUIPopoverButton6, { x: 141 }),
1339 [React.createElement(Constructor49, { x: 142, key: "filterMenu/.0" }), React.createElement(Constructor49, { x: 143, key: "searchMenu/.0" })]
1340 );
1341 }
@@ -1390,7 +1391,7 @@
1391 null,
1392 React.createElement(
1393 "span",
1393 - { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1394 + { onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1395 React.createElement("span", { className: "_3o_j" }),
1396 React.createElement(ReactImage0, { x: 153 })
1397 ),
@@ -1403,7 +1404,7 @@
1404 null,
1405 React.createElement(
1406 "span",
1406 - { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1407 + { onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1408 React.createElement("span", { className: "_3o_j" }),
1409 React.createElement(ReactImage0, { x: 237 })
1410 ),
@@ -1449,7 +1450,7 @@
1450 { className: "_3yz1 _3yz2 _3dad" },
1451 React.createElement(
1452 "div",
1452 - { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
1453 + { className: "_3yz4", "aria-hidden": false },
1454 React.createElement(
1455 "div",
1456 { onClick: function () {}, className: "_3yz5" },
@@ -1468,7 +1469,7 @@
1469 null,
1470 React.createElement(XUICloseButton28, { x: 151 })
1471 ),
1471 - React.createElement(BUIFilterTokenInput64, { x: 158, ref: "filterTokenInput" })
1472 + React.createElement(BUIFilterTokenInput64, { x: 158 })
1473 );
1474 }
1475 };
@@ -1527,7 +1528,7 @@
1528 return React.createElement(
1529 "span",
1530 null,
1530 - React.createElement("span", { ref: "mainChild" }),
1531 + React.createElement("span", { }),
1532 React.createElement(XUIAmbientNUX69, { x: 166, key: "nux" })
1533 );
1534 }
@@ -1595,10 +1596,10 @@
1596 "div",
1597 null,
1598 null,
1598 - React.createElement("textarea", { ref: "input", className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1599 + React.createElement("textarea", { className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1600 null
1601 ),
1601 - React.createElement("div", { ref: "shadowText", "aria-hidden": "true", className: "_2vlk" })
1602 + React.createElement("div", { "aria-hidden": "true", className: "_2vlk" })
1603 )
1604 ),
1605 null
@@ -1626,7 +1627,7 @@
1627 return React.createElement(
1628 "span",
1629 null,
1629 - React.createElement(BUIPopoverButton77, { x: 182, ref: function () {} }),
1630 + React.createElement(BUIPopoverButton77, { x: 182 }),
1631 [React.createElement(Constructor49, { x: 183, key: "layer/.0" })]
1632 );
1633 }
@@ -1652,7 +1653,7 @@
1653 "span",
1654 { className: "_3c5l" },
1655 React.createElement(AdsPEStatsRangePicker79, { x: 185 }),
1655 - React.createElement(XUIButton4, { x: 188, key: "settings", ref: "PE_TABLE_LIST_SETTING" })
1656 + React.createElement(XUIButton4, { x: 188, key: "settings" })
1657 ),
1658 [React.createElement(XUIAmbientNUX69, { x: 190, key: "roasNUX/.0" })]
1659 );
@@ -1700,7 +1701,7 @@
1701 return React.createElement(
1702 "span",
1703 null,
1703 - React.createElement(AdsPESideTrayTabButton82, { x: 199, ref: "PE_INSIGHTS_TAB_ICON" }),
1704 + React.createElement(AdsPESideTrayTabButton82, { x: 199 }),
1705 React.createElement(XUIAmbientNUX69, { x: 201, key: "roasNUX" })
1706 );
1707 }
@@ -1796,8 +1797,8 @@
1797 { className: "_5528" },
1798 React.createElement(
1799 "span",
1799 - { key: ".0", className: "_40bg", density: "snug", labelPosition: "left", id: "1467872040612:1961945894" },
1800 - React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317", ref: "nameTextInput" }),
1800 + { key: ".0", className: "_40bg", id: "1467872040612:1961945894" },
1801 + React.createElement(AdsTextInput91, { x: 217, key: "nameEditor98010048849317" }),
1802 null
1803 )
1804 ),
@@ -1821,14 +1822,14 @@
1822 if (props.x === 220) {
1823 return React.createElement(
1824 "div",
1824 - { className: "_40bc _12k2 _4-u2 _4-u8", xuiErrorPosition: "above", background: "white" },
1825 + { className: "_40bc _12k2 _4-u2 _4-u8" },
1826 React.createElement(BUIForm93, { x: 219 })
1827 );
1828 }
1829 if (props.x === 249) {
1830 return React.createElement(
1831 "div",
1831 - { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
1832 + { className: "_12k2 _4-u2 _4-u8" },
1833 React.createElement(AdsCardHeader103, { x: 230 }),
1834 React.createElement(AdsCardSection108, { x: 248 })
1835 );
@@ -1836,7 +1837,7 @@
1837 if (props.x === 279) {
1838 return React.createElement(
1839 "div",
1839 - { xuiErrorPosition: "above", className: "_12k2 _4-u2 _4-u8", background: "white" },
1840 + { className: "_12k2 _4-u2 _4-u8" },
1841 React.createElement(AdsCardLeftRightHeader122, { x: 278 })
1842 );
1843 }
@@ -1894,7 +1895,7 @@
1895 if (props.x === 227) {
1896 return React.createElement(
1897 "span",
1897 - { itemComponent: "span", className: "_38my" },
1898 + { className: "_38my" },
1899 "Campaign Details",
1900 null,
1901 React.createElement("span", { className: "_c1c" })
@@ -1903,16 +1904,16 @@
1904 if (props.x === 265) {
1905 return React.createElement(
1906 "span",
1906 - { itemComponent: "span", className: "_38my" },
1907 + { className: "_38my" },
1908 [React.createElement(
1909 "span",
1909 - null,
1910 + { key: 1 },
1911 "Campaign ID",
1912 ": ",
1913 "98010048849317"
1914 ), React.createElement(
1915 "div",
1915 - { className: "_5lh9" },
1916 + { className: "_5lh9", key: 2 },
1917 React.createElement(FluxContainer_AdsCampaignGroupStatusSwitchContainer_119, { x: 264 })
1918 )],
1919 null,
@@ -1925,7 +1926,7 @@
1926 if (props.x === 228) {
1927 return React.createElement(
1928 "div",
1928 - { className: "_5dw9 _5dwa _4-u3", background: "transparent" },
1929 + { className: "_5dw9 _5dwa _4-u3" },
1930 [React.createElement(XUICardHeaderTitle100, { x: 227, key: ".0" })],
1931 undefined,
1932 undefined,
@@ -1935,7 +1936,7 @@
1936 if (props.x === 247) {
1937 return React.createElement(
1938 "div",
1938 - { className: "_12jy _4-u3", background: "transparent" },
1939 + { className: "_12jy _4-u3" },
1940 React.createElement(
1941 "div",
1942 { className: "_3-8j" },
@@ -1965,7 +1966,7 @@
1966 if (props.x === 231) {
1967 return React.createElement(
1968 "div",
1968 - { className: "_2oc6 _3bvz", label: "Objective", labelSize: "small", optionalText: "(optional)" },
1969 + { className: "_2oc6 _3bvz", label: "Objective" },
1970 React.createElement(
1971 "label",
1972 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -1978,7 +1979,7 @@
1979 if (props.x === 234) {
1980 return React.createElement(
1981 "div",
1981 - { className: "_2oc6 _3bvz", label: "Buying Type", labelSize: "small", optionalText: "(optional)" },
1982 + { className: "_2oc6 _3bvz", label: "Buying Type" },
1983 React.createElement(
1984 "label",
1985 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -1991,7 +1992,7 @@
1992 if (props.x === 240) {
1993 return React.createElement(
1994 "div",
1994 - { className: "_2oc6 _3bvz", helpText: "Set an overall spending limit for your ad campaign. This means your ad sets in the campaign will stop once you've reached your spending limit.", label: "Campaign Spending Limit", labelSize: "small", optionalText: "(optional)" },
1995 + { className: "_2oc6 _3bvz" },
1996 React.createElement(
1997 "label",
1998 { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
@@ -2073,17 +2074,17 @@
2074 if (props.x === 259) {
2075 return React.createElement(
2076 "div",
2076 - { inContainingBlock: true },
2077 - React.createElement("div", { ref: "sticky", onWheel: function () {} })
2077 + { },
2078 + React.createElement("div", { onWheel: function () {} })
2079 );
2080 }
2081 if (props.x === 292) {
2082 return React.createElement(
2083 "div",
2083 - { inContainingBlock: true },
2084 + { },
2085 React.createElement(
2086 "div",
2086 - { ref: "sticky", onWheel: function () {} },
2087 + { onWheel: function () {} },
2088 [React.createElement(
2089 "div",
2090 { key: "campaign_group_errors_section98010048849317" },
@@ -2133,7 +2134,7 @@
2134 if (props.x === 261) {
2135 return React.createElement(
2136 "div",
2136 - { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, animate: true, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2137 + { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2138 React.createElement(
2139 "div",
2140 { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "0" },
@@ -2675,7 +2676,7 @@
2676 if (props.x === 316) {
2677 return React.createElement(
2678 "div",
2678 - { isHeaderCell: true, label: "Campaigns", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 721, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2679 + { label: "Campaigns", height: 40, width: 721, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2680 React.createElement(
2681 "div",
2682 { className: "_4lgd _4h2w" },
@@ -2690,7 +2691,7 @@
2691 if (props.x === 321) {
2692 return React.createElement(
2693 "div",
2693 - { isHeaderCell: true, label: "Performance", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 798, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2694 + { label: "Performance", height: 40, width: 798, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2695 React.createElement(
2696 "div",
2697 { className: "_4lgd _4h2w" },
@@ -2705,7 +2706,7 @@
2706 if (props.x === 324) {
2707 return React.createElement(
2708 "div",
2708 - { isHeaderCell: true, label: "Overview", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 1022, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2709 + { label: "Overview", height: 40, width: 1022, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2710 React.createElement(
2711 "div",
2712 { className: "_4lgd _4h2w" },
@@ -2720,7 +2721,7 @@
2721 if (props.x === 327) {
2722 return React.createElement(
2723 "div",
2723 - { isHeaderCell: true, label: "Toplines", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2724 + { label: "Toplines", height: 40, width: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2725 React.createElement(
2726 "div",
2727 { className: "_4lgd _4h2w" },
@@ -2735,7 +2736,7 @@
2736 if (props.x === 330) {
2737 return React.createElement(
2738 "div",
2738 - { isHeaderCell: true, label: "", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2739 + { label: "", height: 40, width: 25, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2740 React.createElement(
2741 "div",
2742 { className: "_4lgd _4h2w" },
@@ -2750,7 +2751,7 @@
2751 if (props.x === 338) {
2752 return React.createElement(
2753 "div",
2753 - { isHeaderCell: true, label: undefined, width: 42, dataKey: "common.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "common.id", height: 25, style: { "height": 25, "width": 42 } },
2754 + { label: undefined, width: 42, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 42 } },
2755 React.createElement(
2756 "div",
2757 { className: "_4lgd _4h2w" },
@@ -2765,7 +2766,7 @@
2766 if (props.x === 343) {
2767 return React.createElement(
2768 "div",
2768 - { isHeaderCell: true, label: "Campaign Name", width: 400, dataKey: "campaignGroup.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.name", height: 25, style: { "height": 25, "width": 400 } },
2769 + { label: "Campaign Name", width: 400, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 400 } },
2770 React.createElement(
2771 "div",
2772 { className: "_4lgd _4h2w" },
@@ -2780,7 +2781,7 @@
2781 if (props.x === 349) {
2782 return React.createElement(
2783 "div",
2783 - { isHeaderCell: true, label: undefined, width: 33, dataKey: "edit_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "edit_status", height: 25, style: { "height": 25, "width": 33 } },
2784 + { label: undefined, width: 33, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 33 } },
2785 React.createElement(
2786 "div",
2787 { className: "_4lgd _4h2w" },
@@ -2795,7 +2796,7 @@
2796 if (props.x === 355) {
2797 return React.createElement(
2798 "div",
2798 - { isHeaderCell: true, label: undefined, width: 36, dataKey: "errors", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "errors", height: 25, style: { "height": 25, "width": 36 } },
2799 + { label: undefined, width: 36, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 36 } },
2800 React.createElement(
2801 "div",
2802 { className: "_4lgd _4h2w" },
@@ -2810,7 +2811,7 @@
2811 if (props.x === 360) {
2812 return React.createElement(
2813 "div",
2813 - { isHeaderCell: true, label: "Status", width: 60, dataKey: "campaignGroup.status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.status", height: 25, style: { "height": 25, "width": 60 } },
2814 + { label: "Status", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
2815 React.createElement(
2816 "div",
2817 { className: "_4lgd _4h2w" },
@@ -2825,7 +2826,7 @@
2826 if (props.x === 365) {
2827 return React.createElement(
2828 "div",
2828 - { isHeaderCell: true, label: "Delivery", width: 150, dataKey: "derivedCampaignGroup.activity_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.activity_status", height: 25, style: { "height": 25, "width": 150 } },
2829 + { label: "Delivery", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
2830 React.createElement(
2831 "div",
2832 { className: "_4lgd _4h2w" },
@@ -2840,7 +2841,7 @@
2841 if (props.x === 372) {
2842 return React.createElement(
2843 "div",
2843 - { isHeaderCell: true, label: "Results", width: 140, dataKey: "stats.actions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.actions", height: 25, style: { "height": 25, "width": 140 } },
2844 + { label: "Results", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
2845 React.createElement(
2846 "div",
2847 { className: "_4lgd _4h2w" },
@@ -2855,7 +2856,7 @@
2856 if (props.x === 377) {
2857 return React.createElement(
2858 "div",
2858 - { isHeaderCell: true, label: "Cost", width: 140, dataKey: "stats.cpa", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.cpa", height: 25, style: { "height": 25, "width": 140 } },
2859 + { label: "Cost", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
2860 React.createElement(
2861 "div",
2862 { className: "_4lgd _4h2w" },
@@ -2870,7 +2871,7 @@
2871 if (props.x === 382) {
2872 return React.createElement(
2873 "div",
2873 - { isHeaderCell: true, label: "Reach", width: 80, dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.unique_impressions", height: 25, style: { "height": 25, "width": 80 } },
2874 + { label: "Reach", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2875 React.createElement(
2876 "div",
2877 { className: "_4lgd _4h2w" },
@@ -2885,7 +2886,7 @@
2886 if (props.x === 387) {
2887 return React.createElement(
2888 "div",
2888 - { isHeaderCell: true, label: "Impressions", width: 80, dataKey: "stats.impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.impressions", height: 25, style: { "height": 25, "width": 80 } },
2889 + { label: "Impressions", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2890 React.createElement(
2891 "div",
2892 { className: "_4lgd _4h2w" },
@@ -2900,7 +2901,7 @@
2901 if (props.x === 392) {
2902 return React.createElement(
2903 "div",
2903 - { isHeaderCell: true, label: "Clicks", width: 60, dataKey: "stats.clicks", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.clicks", height: 25, style: { "height": 25, "width": 60 } },
2904 + { label: "Clicks", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
2905 React.createElement(
2906 "div",
2907 { className: "_4lgd _4h2w" },
@@ -2915,7 +2916,7 @@
2916 if (props.x === 397) {
2917 return React.createElement(
2918 "div",
2918 - { isHeaderCell: true, label: "Avg. CPM", width: 80, dataKey: "stats.avg_cpm", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpm", height: 25, style: { "height": 25, "width": 80 } },
2919 + { label: "Avg. CPM", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2920 React.createElement(
2921 "div",
2922 { className: "_4lgd _4h2w" },
@@ -2930,7 +2931,7 @@
2931 if (props.x === 402) {
2932 return React.createElement(
2933 "div",
2933 - { isHeaderCell: true, label: "Avg. CPC", width: 78, dataKey: "stats.avg_cpc", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.avg_cpc", height: 25, style: { "height": 25, "width": 78 } },
2934 + { label: "Avg. CPC", width: 78, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 78 } },
2935 React.createElement(
2936 "div",
2937 { className: "_4lgd _4h2w" },
@@ -2945,7 +2946,7 @@
2946 if (props.x === 407) {
2947 return React.createElement(
2948 "div",
2948 - { isHeaderCell: true, label: "CTR %", width: 70, dataKey: "stats.ctr", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.ctr", height: 25, style: { "height": 25, "width": 70 } },
2949 + { label: "CTR %", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
2950 React.createElement(
2951 "div",
2952 { className: "_4lgd _4h2w" },
@@ -2960,7 +2961,7 @@
2961 if (props.x === 412) {
2962 return React.createElement(
2963 "div",
2963 - { isHeaderCell: true, label: "Spent", width: 70, dataKey: "stats.spent_100", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.spent_100", height: 25, style: { "height": 25, "width": 70 } },
2964 + { label: "Spent", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
2965 React.createElement(
2966 "div",
2967 { className: "_4lgd _4h2w" },
@@ -2975,7 +2976,7 @@
2976 if (props.x === 417) {
2977 return React.createElement(
2978 "div",
2978 - { isHeaderCell: true, label: "Objective", width: 200, dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.objective", height: 25, style: { "height": 25, "width": 200 } },
2979 + { label: "Objective", width: 200, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 200 } },
2980 React.createElement(
2981 "div",
2982 { className: "_4lgd _4h2w" },
@@ -2990,7 +2991,7 @@
2991 if (props.x === 422) {
2992 return React.createElement(
2993 "div",
2993 - { isHeaderCell: true, label: "Buying Type", width: 100, dataKey: "campaignGroup.buying_type", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.buying_type", height: 25, style: { "height": 25, "width": 100 } },
2994 + { label: "Buying Type", width: 100, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 100 } },
2995 React.createElement(
2996 "div",
2997 { className: "_4lgd _4h2w" },
@@ -3005,7 +3006,7 @@
3006 if (props.x === 427) {
3007 return React.createElement(
3008 "div",
3008 - { isHeaderCell: true, label: "Campaign ID", width: 120, dataKey: "campaignGroup.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.id", height: 25, style: { "height": 25, "width": 120 } },
3009 + { label: "Campaign ID", width: 120, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 120 } },
3010 React.createElement(
3011 "div",
3012 { className: "_4lgd _4h2w" },
@@ -3020,7 +3021,7 @@
3021 if (props.x === 432) {
3022 return React.createElement(
3023 "div",
3023 - { isHeaderCell: true, label: "Start", width: 113, dataKey: "derivedCampaignGroup.startDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.startDate", height: 25, style: { "height": 25, "width": 113 } },
3024 + { label: "Start", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3025 React.createElement(
3026 "div",
3027 { className: "_4lgd _4h2w" },
@@ -3035,7 +3036,7 @@
3036 if (props.x === 437) {
3037 return React.createElement(
3038 "div",
3038 - { isHeaderCell: true, label: "End", width: 113, dataKey: "derivedCampaignGroup.stopDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.stopDate", height: 25, style: { "height": 25, "width": 113 } },
3039 + { label: "End", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3040 React.createElement(
3041 "div",
3042 { className: "_4lgd _4h2w" },
@@ -3050,7 +3051,7 @@
3051 if (props.x === 442) {
3052 return React.createElement(
3053 "div",
3053 - { isHeaderCell: true, label: "Date created", width: 113, dataKey: "derivedCampaignGroup.createdDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.createdDate", height: 25, style: { "height": 25, "width": 113 } },
3054 + { label: "Date created", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3055 React.createElement(
3056 "div",
3057 { className: "_4lgd _4h2w" },
@@ -3065,7 +3066,7 @@
3066 if (props.x === 447) {
3067 return React.createElement(
3068 "div",
3068 - { isHeaderCell: true, label: "Date last edited", width: 113, dataKey: "derivedCampaignGroup.updatedDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaignGroup.updatedDate", height: 25, style: { "height": 25, "width": 113 } },
3069 + { label: "Date last edited", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3070 React.createElement(
3071 "div",
3072 { className: "_4lgd _4h2w" },
@@ -3080,7 +3081,7 @@
3081 if (props.x === 450) {
3082 return React.createElement(
3083 "div",
3083 - { isHeaderCell: true, label: "Tags", width: 150, dataKey: "labels", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "labels", height: 25, style: { "height": 25, "width": 150 } },
3084 + { label: "Tags", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
3085 React.createElement(
3086 "div",
3087 { className: "_4lgd _4h2w" },
@@ -3095,7 +3096,7 @@
3096 if (props.x === 453) {
3097 return React.createElement(
3098 "div",
3098 - { isHeaderCell: true, label: "", width: 25, dataKey: "scrollbar_spacer", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "scrollbar_spacer", height: 25, style: { "height": 25, "width": 25 } },
3099 + { label: "", width: 25, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 25 } },
3100 React.createElement(
3101 "div",
3102 { className: "_4lgd _4h2w" },
@@ -3888,7 +3889,7 @@
3889 return React.createElement(
3890 "div",
3891 { onFocus: function () {}, onBlur: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, onWheel: function () {}, className: "_1t0r _1t0t _4jdr _1t0u", style: { "width": 1209, "zIndex": 99 }, tabIndex: 0 },
3891 - React.createElement("div", { ref: "face", className: "_1t0w _1t0y _1t0_", style: { "width": 561.6340607950117, "transform": "translate3d(4px,0px,0)", "backfaceVisibility": "hidden" } })
3892 + React.createElement("div", { className: "_1t0w _1t0y _1t0_", style: { "width": 561.6340607950117, "transform": "translate3d(4px,0px,0)", "backfaceVisibility": "hidden" } })
3893 );
3894 }
3895 };
@@ -3931,7 +3932,7 @@
3932
3933 var TransitionTable154 = function (props) {
3934 if (props.x === 464) {
3934 - return React.createElement(FixedDataTable153, { x: 463, ref: "fixedDataTable" });
3935 + return React.createElement(FixedDataTable153, { x: 463 });
3936 }
3937 };
3938
@@ -3949,7 +3950,7 @@
3950 if (props.x === 466) {
3951 return React.createElement(
3952 "div",
3952 - { ref: "tableContainer", className: "_5d6f", tabIndex: "0", onKeyDown: function () {} },
3953 + { className: "_5d6f", tabIndex: "0", onKeyDown: function () {} },
3954 React.createElement(AdsSelectableFixedDataTable155, { x: 465 })
3955 );
3956 }
@@ -3960,7 +3961,7 @@
3961 return React.createElement(
3962 "div",
3963 { onCopy: function () {} },
3963 - React.createElement(AdsDataTableKeyboardSupportDecorator156, { x: 466, ref: "decoratedTable" })
3964 + React.createElement(AdsDataTableKeyboardSupportDecorator156, { x: 466 })
3965 );
3966 }
3967 };
@@ -4036,8 +4037,8 @@
4037 return React.createElement(
4038 "div",
4039 { className: "_49wu", style: { "height": 177, "top": 43, "width": 1306 } },
4039 - React.createElement(ResponsiveBlock37, { x: 62 }),
4040 - React.createElement(AdsErrorBoundary10, { x: 476 }),
4040 + React.createElement(ResponsiveBlock37, { x: 62, key: '0' }),
4041 + React.createElement(AdsErrorBoundary10, { x: 476, key: '1' }),
4042 null
4043 );
4044 }
@@ -4194,5 +4195,9 @@
4195 }
4196 };
4197
4197 - this.Benchmark = Benchmark;
4198 -})(this);
4198 + var app = document.getElementById('app');
4199 +
4200 + window.render = function render() {
4201 + ReactDOM.render(React.createElement(Benchmark, null), app);
4202 + }
4203 +})();
scripts/bench/benchmarks/pe-functional-components/build.js new
+19
@@ -0,0 +1,19 @@
1 +'use strict';
2 +
3 +const {
4 + join,
5 +} = require('path');
6 +
7 +async function build(reactPath, asyncCopyTo) {
8 + // copy the UMD bundles
9 + await asyncCopyTo(
10 + join(reactPath, 'build', 'dist', 'react.production.min.js'),
11 + join(__dirname, 'react.production.min.js')
12 + );
13 + await asyncCopyTo(
14 + join(reactPath, 'build', 'dist', 'react-dom.production.min.js'),
15 + join(__dirname, 'react-dom.production.min.js')
16 + );
17 +}
18 +
19 +module.exports = build;
scripts/bench/benchmarks/pe-functional-components/index.html new
+32
@@ -0,0 +1,32 @@
1 +<html>
2 +<body>
3 + <div id="app"></div>
4 + <script>
5 + performance.mark('Load React');
6 + performance.mark('Load React+ReactDOM');
7 + </script>
8 + <script src="react.production.min.js"></script>
9 + <script>
10 + performance.measure('Load React', 'Load React');
11 + </script>
12 + <script>
13 + performance.mark('Load ReactDOM');
14 + </script>
15 + <script src="react-dom.production.min.js"></script>
16 + <script>
17 + performance.measure('Load ReactDOM', 'Load ReactDOM');
18 + performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');
19 + </script>
20 + <script src="benchmark.js"></script>
21 + <script>
22 + performance.mark('Inital Render');
23 + render();
24 + performance.measure('Inital Render', 'Inital Render');
25 + requestAnimationFrame(() => {
26 + performance.mark('Update Render');
27 + render();
28 + performance.measure('Update Render', 'Update Render');
29 + });
30 + </script>
31 + </body>
32 +</html>
\ No newline at end of file
scripts/bench/benchmarks/pe-no-components/benchmark.js new
+4206
@@ -0,0 +1,4206 @@
1 +(function () {
2 + 'use strict';
3 +
4 + var ReactImage0 = function (x) {
5 + if (x === 0) {
6 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
7 + }
8 + if (x === 15) {
9 + return React.createElement("i", { className: "_3ut_ img sp_i534r85sjIn sx_e8ac93", src: null, alt: "" });
10 + }
11 + if (x === 22) {
12 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_7b15bc", src: null });
13 + }
14 + if (x === 29) {
15 + return React.createElement("i", { className: "_1m1s _4540 _p img sp_i534r85sjIn sx_f40b1c", src: null, alt: "" });
16 + }
17 + if (x === 42) {
18 + return React.createElement(
19 + "i",
20 + { alt: "Warning", className: "_585p img sp_i534r85sjIn sx_20273d", src: null },
21 + React.createElement(
22 + "u",
23 + null,
24 + "Warning"
25 + )
26 + );
27 + }
28 + if (x === 67) {
29 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_b5d079", src: null });
30 + }
31 + if (x === 70) {
32 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f8c9" });
33 + }
34 + if (x === 76) {
35 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_i534r85sjIn sx_ef6a9c", src: null });
36 + }
37 + if (x === 79) {
38 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_6f8c43" });
39 + }
40 + if (x === 88) {
41 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_e94a2d" });
42 + }
43 + if (x === 91) {
44 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_7ed7d4" });
45 + }
46 + if (x === 94) {
47 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_930440" });
48 + }
49 + if (x === 98) {
50 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_750c83" });
51 + }
52 + if (x === 108) {
53 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_73c1bb" });
54 + }
55 + if (x === 111) {
56 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_29f28d" });
57 + }
58 + if (x === 126) {
59 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_91c59e" });
60 + }
61 + if (x === 127) {
62 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
63 + }
64 + if (x === 134) {
65 + return React.createElement("i", { src: null, alt: "", className: "_3-8_ img sp_i534r85sjIn sx_c8eb75" });
66 + }
67 + if (x === 135) {
68 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
69 + }
70 + if (x === 148) {
71 + return React.createElement("i", { className: "_3yz6 _5whs img sp_i534r85sjIn sx_896996", src: null, alt: "" });
72 + }
73 + if (x === 152) {
74 + return React.createElement("i", { className: "_5b5p _4gem img sp_i534r85sjIn sx_896996", src: null, alt: "" });
75 + }
76 + if (x === 153) {
77 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
78 + }
79 + if (x === 160) {
80 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_31d9b0" });
81 + }
82 + if (x === 177) {
83 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_2c18b7", src: null });
84 + }
85 + if (x === 186) {
86 + return React.createElement("i", { src: null, alt: "", className: "img sp_i534r85sjIn sx_0a681f" });
87 + }
88 + if (x === 195) {
89 + return React.createElement("i", { className: "_1-lx img sp_OkER5ktbEyg sx_b369b4", src: null, alt: "" });
90 + }
91 + if (x === 198) {
92 + return React.createElement("i", { className: "_1-lx img sp_i534r85sjIn sx_96948e", src: null, alt: "" });
93 + }
94 + if (x === 237) {
95 + return React.createElement("i", { className: "_541d img sp_i534r85sjIn sx_2f396a", src: null, alt: "" });
96 + }
97 + if (x === 266) {
98 + return React.createElement("i", { alt: "", className: "_3-99 img sp_i534r85sjIn sx_538591", src: null });
99 + }
100 + if (x === 314) {
101 + return React.createElement("i", { className: "_1cie _1cif img sp_i534r85sjIn sx_6e6820", src: null, alt: "" });
102 + }
103 + if (x === 345) {
104 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_e896cf", src: null, alt: "" });
105 + }
106 + if (x === 351) {
107 + return React.createElement("i", { className: "_1cie img sp_i534r85sjIn sx_38fed8", src: null, alt: "" });
108 + }
109 + };
110 +
111 + var AbstractLink1 = function (x) {
112 + if (x === 1) {
113 + return React.createElement(
114 + "a",
115 + { className: "_387r _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "width": 250, "maxWidth": "250px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
116 + null,
117 + React.createElement(
118 + "span",
119 + { className: "_55pe", style: { "maxWidth": "236px" } },
120 + null,
121 + React.createElement(
122 + "span",
123 + null,
124 + React.createElement(
125 + "span",
126 + { className: "_48u-" },
127 + "Account:"
128 + ),
129 + " ",
130 + "Dick Madanson (10149999073643408)"
131 + )
132 + ),
133 + ReactImage0(0)
134 + );
135 + }
136 + if (x === 43) {
137 + return React.createElement(
138 + "a",
139 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", size: "medium", type: null, title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
140 + undefined,
141 + "Remove",
142 + undefined
143 + );
144 + }
145 + if (x === 49) {
146 + return React.createElement(
147 + "a",
148 + { target: "_blank", href: "/ads/manage/billing.php?act=10149999073643408", rel: undefined, onClick: function () {} },
149 + XUIText29(48)
150 + );
151 + }
152 + if (x === 128) {
153 + return React.createElement(
154 + "a",
155 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
156 + null,
157 + React.createElement(
158 + "span",
159 + { className: "_55pe", style: { "maxWidth": "186px" } },
160 + ReactImage0(126),
161 + "Search"
162 + ),
163 + ReactImage0(127)
164 + );
165 + }
166 + if (x === 136) {
167 + return React.createElement(
168 + "a",
169 + { className: " _5bbf _55pi _2agf _4jy0 _4jy4 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
170 + null,
171 + React.createElement(
172 + "span",
173 + { className: "_55pe", style: { "maxWidth": "186px" } },
174 + ReactImage0(134),
175 + "Filters"
176 + ),
177 + ReactImage0(135)
178 + );
179 + }
180 + if (x === 178) {
181 + return React.createElement(
182 + "a",
183 + { className: "_1_-t _1_-v _42ft", disabled: null, height: "medium", role: "button", label: null, href: "#", rel: undefined, onClick: function () {} },
184 + undefined,
185 + "Lifetime",
186 + ReactImage0(177)
187 + );
188 + }
189 + if (x === 207) {
190 + return React.createElement(
191 + "a",
192 + { href: "#", rel: undefined, onClick: function () {} },
193 + "Create Ad Set"
194 + );
195 + }
196 + if (x === 209) {
197 + return React.createElement(
198 + "a",
199 + { href: "#", rel: undefined, onClick: function () {} },
200 + "View Ad Set"
201 + );
202 + }
203 + if (x === 241) {
204 + return React.createElement(
205 + "a",
206 + { href: "#", rel: undefined, onClick: function () {} },
207 + "Set a Limit"
208 + );
209 + }
210 + if (x === 267) {
211 + return React.createElement(
212 + "a",
213 + { className: "_p _55pi _2agf _4jy0 _4jy3 _517h _51sy _42ft", style: { "maxWidth": "200px" }, disabled: null, label: null, href: "#", rel: undefined, onClick: function () {} },
214 + null,
215 + React.createElement(
216 + "span",
217 + { className: "_55pe", style: { "maxWidth": "186px" } },
218 + null,
219 + "Links"
220 + ),
221 + ReactImage0(266)
222 + );
223 + }
224 + };
225 +
226 + var Link2 = function (x) {
227 + if (x === 2) {
228 + return AbstractLink1(1);
229 + }
230 + if (x === 44) {
231 + return AbstractLink1(43);
232 + }
233 + if (x === 50) {
234 + return AbstractLink1(49);
235 + }
236 + if (x === 129) {
237 + return AbstractLink1(128);
238 + }
239 + if (x === 137) {
240 + return AbstractLink1(136);
241 + }
242 + if (x === 179) {
243 + return AbstractLink1(178);
244 + }
245 + if (x === 208) {
246 + return AbstractLink1(107);
247 + }
248 + if (x === 210) {
249 + return AbstractLink1(209);
250 + }
251 + if (x === 242) {
252 + return AbstractLink1(241);
253 + }
254 + if (x === 268) {
255 + return AbstractLink1(267);
256 + }
257 + };
258 +
259 + var AbstractButton3 = function (x) {
260 + if (x === 3) {
261 + return Link2(2);
262 + }
263 + if (x === 20) {
264 + return React.createElement(
265 + "button",
266 + { className: "_5n7z _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
267 + undefined,
268 + "Discard Changes",
269 + undefined
270 + );
271 + }
272 + if (x === 23) {
273 + return React.createElement(
274 + "button",
275 + { className: "_5n7z _2yak _4lj- _4jy0 _4jy4 _517h _51sy _42ft _42fr", disabled: true, onClick: function () {}, "data-tooltip-content": "You have no changes to publish", "data-hover": "tooltip", label: null, type: "submit", value: "1" },
276 + ReactImage0(22),
277 + "Review Changes",
278 + undefined
279 + );
280 + }
281 + if (x === 45) {
282 + return Link2(44);
283 + }
284 + if (x === 68) {
285 + return React.createElement(
286 + "button",
287 + { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
288 + ReactImage0(67),
289 + "Create Campaign",
290 + undefined
291 + );
292 + }
293 + if (x === 71) {
294 + return React.createElement(
295 + "button",
296 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", label: null, type: "submit", value: "1" },
297 + ReactImage0(70),
298 + undefined,
299 + undefined
300 + );
301 + }
302 + if (x === 77) {
303 + return React.createElement(
304 + "button",
305 + { "aria-label": "Edit", "data-tooltip-content": "Edit Campaigns (Ctrl+U)", "data-hover": "tooltip", className: "_d2_ _u_k noMargin _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
306 + ReactImage0(76),
307 + "Edit",
308 + undefined
309 + );
310 + }
311 + if (x === 80) {
312 + return React.createElement(
313 + "button",
314 + { className: "_u_k _3qx6 _p _4jy0 _4jy4 _517h _51sy _42ft", disabled: false, label: null, type: "submit", value: "1" },
315 + ReactImage0(79),
316 + undefined,
317 + undefined
318 + );
319 + }
320 + if (x === 89) {
321 + return React.createElement(
322 + "button",
323 + { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", "data-tooltip-content": "Revert", disabled: true, onClick: function () {}, label: null, type: "submit", value: "1" },
324 + ReactImage0(88),
325 + undefined,
326 + undefined
327 + );
328 + }
329 + if (x === 92) {
330 + return React.createElement(
331 + "button",
332 + { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Delete", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
333 + ReactImage0(91),
334 + undefined,
335 + undefined
336 + );
337 + }
338 + if (x === 95) {
339 + return React.createElement(
340 + "button",
341 + { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Duplicate", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
342 + ReactImage0(94),
343 + undefined,
344 + undefined
345 + );
346 + }
347 + if (x === 99) {
348 + return React.createElement(
349 + "button",
350 + { "aria-label": "Export & Import", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Export & Import", onClick: function () {}, label: null, type: "submit", value: "1" },
351 + ReactImage0(98),
352 + undefined,
353 + undefined
354 + );
355 + }
356 + if (x === 109) {
357 + return React.createElement(
358 + "button",
359 + { "aria-label": "Create Report", className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Create Report", disabled: false, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, onClick: function () {}, label: null, type: "submit", value: "1" },
360 + ReactImage0(108),
361 + undefined,
362 + undefined
363 + );
364 + }
365 + if (x === 112) {
366 + return React.createElement(
367 + "button",
368 + { "aria-label": "Campaign Tags", className: " _5uy7 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "Campaign Tags", disabled: false, onClick: function () {}, label: null, type: "submit", value: "1" },
369 + ReactImage0(111),
370 + undefined,
371 + undefined
372 + );
373 + }
374 + if (x === 130) {
375 + return Link2(129);
376 + }
377 + if (x === 138) {
378 + return Link2(137);
379 + }
380 + if (x === 149) {
381 + return React.createElement(
382 + "button",
383 + { className: "_3yz9 _1t-2 _50z- _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, type: "button", title: "Remove", "data-hover": undefined, "data-tooltip-alignh": undefined, "data-tooltip-content": undefined, label: null },
384 + undefined,
385 + "Remove",
386 + undefined
387 + );
388 + }
389 + if (x === 156) {
390 + return React.createElement(
391 + "button",
392 + { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
393 + undefined,
394 + "Apply",
395 + undefined
396 + );
397 + }
398 + if (x === 161) {
399 + return React.createElement(
400 + "button",
401 + { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", onClick: function () {}, label: null, type: "submit", value: "1" },
402 + ReactImage0(160),
403 + undefined,
404 + undefined
405 + );
406 + }
407 + if (x === 180) {
408 + return Link2(179);
409 + }
410 + if (x === 187) {
411 + return React.createElement(
412 + "button",
413 + { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", "data-tooltip-content": "List Settings", onClick: function () {}, label: null, type: "submit", value: "1" },
414 + ReactImage0(186),
415 + undefined,
416 + undefined
417 + );
418 + }
419 + if (x === 269) {
420 + return Link2(268);
421 + }
422 + if (x === 303) {
423 + return React.createElement(
424 + "button",
425 + { className: "_tm3 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Campaigns", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
426 + undefined,
427 + React.createElement(
428 + "div",
429 + null,
430 + React.createElement("div", { className: "_tma" }),
431 + React.createElement("div", { className: "_tm8" }),
432 + React.createElement(
433 + "div",
434 + { className: "_tm9" },
435 + 1
436 + )
437 + ),
438 + undefined
439 + );
440 + }
441 + if (x === 305) {
442 + return React.createElement(
443 + "button",
444 + { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
445 + undefined,
446 + React.createElement(
447 + "div",
448 + null,
449 + React.createElement("div", { className: "_tma" }),
450 + React.createElement("div", { className: "_tm8" }),
451 + React.createElement(
452 + "div",
453 + { className: "_tm9" },
454 + 1
455 + )
456 + ),
457 + undefined
458 + );
459 + }
460 + if (x === 307) {
461 + return React.createElement(
462 + "button",
463 + { className: "_tm5 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", "data-tooltip-position": "right", "data-tooltip-content": "Ads", "data-hover": "tooltip", onClick: function () {}, label: null, type: "submit", value: "1" },
464 + undefined,
465 + React.createElement(
466 + "div",
467 + null,
468 + React.createElement("div", { className: "_tma" }),
469 + React.createElement("div", { className: "_tm8" }),
470 + React.createElement(
471 + "div",
472 + { className: "_tm9" },
473 + 1
474 + )
475 + ),
476 + undefined
477 + );
478 + }
479 + };
480 +
481 + var XUIButton4 = function (x) {
482 + if (x === 4) {
483 + return AbstractButton3(3);
484 + }
485 + if (x === 21) {
486 + return AbstractButton3(20);
487 + }
488 + if (x === 24) {
489 + return AbstractButton3(23);
490 + }
491 + if (x === 69) {
492 + return AbstractButton3(68);
493 + }
494 + if (x === 72) {
495 + return AbstractButton3(71);
496 + }
497 + if (x === 78) {
498 + return AbstractButton3(77);
499 + }
500 + if (x === 81) {
501 + return AbstractButton3(80);
502 + }
503 + if (x === 90) {
504 + return AbstractButton3(89);
505 + }
506 + if (x === 93) {
507 + return AbstractButton3(92);
508 + }
509 + if (x === 96) {
510 + return AbstractButton3(95);
511 + }
512 + if (x === 100) {
513 + return AbstractButton3(99);
514 + }
515 + if (x === 110) {
516 + return AbstractButton3(109);
517 + }
518 + if (x === 113) {
519 + return AbstractButton3(112);
520 + }
521 + if (x === 131) {
522 + return AbstractButton3(130);
523 + }
524 + if (x === 139) {
525 + return AbstractButton3(138);
526 + }
527 + if (x === 157) {
528 + return AbstractButton3(156);
529 + }
530 + if (x === 162) {
531 + return AbstractButton3(161);
532 + }
533 + if (x === 188) {
534 + return AbstractButton3(187);
535 + }
536 + if (x === 270) {
537 + return AbstractButton3(269);
538 + }
539 + if (x === 304) {
540 + return AbstractButton3(303);
541 + }
542 + if (x === 306) {
543 + return AbstractButton3(305);
544 + }
545 + if (x === 308) {
546 + return AbstractButton3(307);
547 + }
548 + };
549 +
550 + var AbstractPopoverButton5 = function (x) {
551 + if (x === 5) {
552 + return XUIButton4(4);
553 + }
554 + if (x === 132) {
555 + return XUIButton4(131);
556 + }
557 + if (x === 140) {
558 + return XUIButton4(139);
559 + }
560 + if (x === 271) {
561 + return XUIButton4(270);
562 + }
563 + };
564 +
565 + var ReactXUIPopoverButton6 = function (x) {
566 + if (x === 6) {
567 + return AbstractPopoverButton5(5);
568 + }
569 + if (x === 133) {
570 + return AbstractPopoverButton5(132);
571 + }
572 + if (x === 141) {
573 + return AbstractPopoverButton5(140);
574 + }
575 + if (x === 272) {
576 + return AbstractPopoverButton5(271);
577 + }
578 + };
579 +
580 + var BIGAdAccountSelector7 = function (x) {
581 + if (x === 7) {
582 + return React.createElement(
583 + "div",
584 + null,
585 + ReactXUIPopoverButton6(6),
586 + null
587 + );
588 + }
589 + };
590 +
591 + var FluxContainer_AdsPEBIGAdAccountSelectorContainer_8 = function (x) {
592 + if (x === 8) {
593 + return BIGAdAccountSelector7(7);
594 + }
595 + };
596 +
597 + var ErrorBoundary9 = function (x) {
598 + if (x === 9) {
599 + return FluxContainer_AdsPEBIGAdAccountSelectorContainer_8(8);
600 + }
601 + if (x === 13) {
602 + return FluxContainer_AdsPENavigationBarContainer_12(12);
603 + }
604 + if (x === 27) {
605 + return FluxContainer_AdsPEPublishButtonContainer_18(26);
606 + }
607 + if (x === 32) {
608 + return ReactPopoverMenu20(31);
609 + }
610 + if (x === 38) {
611 + return AdsPEResetDialog24(37);
612 + }
613 + if (x === 57) {
614 + return FluxContainer_AdsPETopErrorContainer_35(56);
615 + }
616 + if (x === 60) {
617 + return FluxContainer_AdsGuidanceChannel_36(59);
618 + }
619 + if (x === 64) {
620 + return FluxContainer_AdsBulkEditDialogContainer_38(63);
621 + }
622 + if (x === 124) {
623 + return AdsPECampaignGroupToolbarContainer57(123);
624 + }
625 + if (x === 170) {
626 + return AdsPEFilterContainer72(169);
627 + }
628 + if (x === 175) {
629 + return AdsPETablePagerContainer75(174);
630 + }
631 + if (x === 193) {
632 + return AdsPEStatRangeContainer81(192);
633 + }
634 + if (x === 301) {
635 + return FluxContainer_AdsPEMultiTabDrawerContainer_137(300);
636 + }
637 + if (x === 311) {
638 + return AdsPEOrganizerContainer139(310);
639 + }
640 + if (x === 471) {
641 + return AdsPECampaignGroupTableContainer159(470);
642 + }
643 + if (x === 475) {
644 + return AdsPEContentContainer161(474);
645 + }
646 + };
647 +
648 + var AdsErrorBoundary10 = function (x) {
649 + if (x === 10) {
650 + return ErrorBoundary9(9);
651 + }
652 + if (x === 14) {
653 + return ErrorBoundary9(13);
654 + }
655 + if (x === 28) {
656 + return ErrorBoundary9(27);
657 + }
658 + if (x === 33) {
659 + return ErrorBoundary9(32);
660 + }
661 + if (x === 39) {
662 + return ErrorBoundary9(38);
663 + }
664 + if (x === 58) {
665 + return ErrorBoundary9(57);
666 + }
667 + if (x === 61) {
668 + return ErrorBoundary9(60);
669 + }
670 + if (x === 65) {
671 + return ErrorBoundary9(64);
672 + }
673 + if (x === 125) {
674 + return ErrorBoundary9(124);
675 + }
676 + if (x === 171) {
677 + return ErrorBoundary9(170);
678 + }
679 + if (x === 176) {
680 + return ErrorBoundary9(175);
681 + }
682 + if (x === 194) {
683 + return ErrorBoundary9(193);
684 + }
685 + if (x === 302) {
686 + return ErrorBoundary9(301);
687 + }
688 + if (x === 312) {
689 + return ErrorBoundary9(311);
690 + }
691 + if (x === 472) {
692 + return ErrorBoundary9(471);
693 + }
694 + if (x === 476) {
695 + return ErrorBoundary9(475);
696 + }
697 + };
698 +
699 + var AdsPENavigationBar11 = function (x) {
700 + if (x === 11) {
701 + return React.createElement("div", { className: "_4t_9" });
702 + }
703 + };
704 +
705 + var FluxContainer_AdsPENavigationBarContainer_12 = function (x) {
706 + if (x === 12) {
707 + return AdsPENavigationBar11(11);
708 + }
709 + };
710 +
711 + var AdsPEDraftSyncStatus13 = function (x) {
712 + if (x === 16) {
713 + return React.createElement(
714 + "div",
715 + { className: "_3ut-", onClick: function () {} },
716 + React.createElement(
717 + "span",
718 + { className: "_3uu0" },
719 + ReactImage0(15)
720 + )
721 + );
722 + }
723 + };
724 +
725 + var FluxContainer_AdsPEDraftSyncStatusContainer_14 = function (x) {
726 + if (x === 17) {
727 + return AdsPEDraftSyncStatus13(16);
728 + }
729 + };
730 +
731 + var AdsPEDraftErrorsStatus15 = function (x) {
732 + if (x === 18) {
733 + return null;
734 + }
735 + };
736 +
737 + var FluxContainer_viewFn_16 = function (x) {
738 + if (x === 19) {
739 + return AdsPEDraftErrorsStatus15(18);
740 + }
741 + };
742 +
743 + var AdsPEPublishButton17 = function (x) {
744 + if (x === 25) {
745 + return React.createElement(
746 + "div",
747 + { className: "_5533" },
748 + FluxContainer_AdsPEDraftSyncStatusContainer_14(17),
749 + FluxContainer_viewFn_16(19),
750 + null,
751 + XUIButton4(21, "discard"),
752 + XUIButton4(24)
753 + );
754 + }
755 + };
756 +
757 + var FluxContainer_AdsPEPublishButtonContainer_18 = function (x) {
758 + if (x === 26) {
759 + return AdsPEPublishButton17(25);
760 + }
761 + };
762 +
763 + var InlineBlock19 = function (x) {
764 + if (x === 30) {
765 + return React.createElement(
766 + "div",
767 + { className: "uiPopover _6a _6b", disabled: null },
768 + ReactImage0(29)
769 + );
770 + }
771 + if (x === 73) {
772 + return React.createElement(
773 + "div",
774 + { className: "uiPopover _6a _6b", disabled: null },
775 + XUIButton4(72)
776 + );
777 + }
778 + if (x === 82) {
779 + return React.createElement(
780 + "div",
781 + { className: "_1nwm uiPopover _6a _6b", disabled: null },
782 + XUIButton4(81)
783 + );
784 + }
785 + if (x === 101) {
786 + return React.createElement(
787 + "div",
788 + { size: "large", className: "uiPopover _6a _6b", disabled: null },
789 + XUIButton4(100)
790 + );
791 + }
792 + if (x === 273) {
793 + return React.createElement(
794 + "div",
795 + { className: "_3-90 uiPopover _6a _6b", style: { "marginTop": 2 }, disabled: null },
796 + ReactXUIPopoverButton6(272)
797 + );
798 + }
799 + };
800 +
801 + var ReactPopoverMenu20 = function (x) {
802 + if (x === 31) {
803 + return InlineBlock19(30);
804 + }
805 + if (x === 74) {
806 + return InlineBlock19(73);
807 + }
808 + if (x === 83) {
809 + return InlineBlock19(82);
810 + }
811 + if (x === 102) {
812 + return InlineBlock19(101);
813 + }
814 + if (x === 274) {
815 + return InlineBlock19(273);
816 + }
817 + };
818 +
819 + var LeftRight21 = function (x) {
820 + if (x === 34) {
821 + return React.createElement(
822 + "div",
823 + { className: "clearfix" },
824 + React.createElement(
825 + "div",
826 + { key: "left", className: "_ohe lfloat" },
827 + React.createElement(
828 + "div",
829 + { className: "_34_j" },
830 + React.createElement(
831 + "div",
832 + { className: "_34_k" },
833 + AdsErrorBoundary10(10)
834 + ),
835 + React.createElement(
836 + "div",
837 + { className: "_2u-6" },
838 + AdsErrorBoundary10(14)
839 + )
840 + )
841 + ),
842 + React.createElement(
843 + "div",
844 + { key: "right", className: "_ohf rfloat" },
845 + React.createElement(
846 + "div",
847 + { className: "_34_m" },
848 + React.createElement(
849 + "div",
850 + { key: "0", className: "_5ju2" },
851 + AdsErrorBoundary10(28)
852 + ),
853 + React.createElement(
854 + "div",
855 + { key: "1", className: "_5ju2" },
856 + AdsErrorBoundary10(33)
857 + )
858 + )
859 + )
860 + );
861 + }
862 + if (x === 232) {
863 + return React.createElement(
864 + "div",
865 + { direction: "left", className: "clearfix" },
866 + React.createElement(
867 + "div",
868 + { key: "left", className: "_ohe lfloat" },
869 + AdsLabeledField104(231)
870 + ),
871 + React.createElement(
872 + "div",
873 + { key: "right", className: "" },
874 + React.createElement(
875 + "div",
876 + { className: "_42ef" },
877 + React.createElement(
878 + "div",
879 + { className: "_2oc7" },
880 + "Clicks to Website"
881 + )
882 + )
883 + )
884 + );
885 + }
886 + if (x === 235) {
887 + return React.createElement(
888 + "div",
889 + { className: "_3-8x clearfix", direction: "left" },
890 + React.createElement(
891 + "div",
892 + { key: "left", className: "_ohe lfloat" },
893 + AdsLabeledField104(234)
894 + ),
895 + React.createElement(
896 + "div",
897 + { key: "right", className: "" },
898 + React.createElement(
899 + "div",
900 + { className: "_42ef" },
901 + React.createElement(
902 + "div",
903 + { className: "_2oc7" },
904 + "Auction"
905 + )
906 + )
907 + )
908 + );
909 + }
910 + if (x === 245) {
911 + return React.createElement(
912 + "div",
913 + { className: "_3-8y clearfix", direction: "left" },
914 + React.createElement(
915 + "div",
916 + { key: "left", className: "_ohe lfloat" },
917 + AdsLabeledField104(240)
918 + ),
919 + React.createElement(
920 + "div",
921 + { key: "right", className: "" },
922 + React.createElement(
923 + "div",
924 + { className: "_42ef" },
925 + FluxContainer_AdsCampaignGroupSpendCapContainer_107(244)
926 + )
927 + )
928 + );
929 + }
930 + if (x === 277) {
931 + return React.createElement(
932 + "div",
933 + { className: "_5dw9 _5dwa clearfix" },
934 + React.createElement(
935 + "div",
936 + { key: "left", className: "_ohe lfloat" },
937 + XUICardHeaderTitle100(265)
938 + ),
939 + React.createElement(
940 + "div",
941 + { key: "right", className: "_ohf rfloat" },
942 + FluxContainer_AdsPluginizedLinksMenuContainer_121(276)
943 + )
944 + );
945 + }
946 + };
947 +
948 + var AdsUnifiedNavigationLocalNav22 = function (x) {
949 + if (x === 35) {
950 + return React.createElement(
951 + "div",
952 + { className: "_34_i" },
953 + LeftRight21(34)
954 + );
955 + }
956 + };
957 +
958 + var XUIDialog23 = function (x) {
959 + if (x === 36) {
960 + return null;
961 + }
962 + };
963 +
964 + var AdsPEResetDialog24 = function (x) {
965 + if (x === 37) {
966 + return React.createElement(
967 + "span",
968 + null,
969 + XUIDialog23(36)
970 + );
971 + }
972 + };
973 +
974 + var AdsPETopNav25 = function (x) {
975 + if (x === 40) {
976 + return React.createElement(
977 + "div",
978 + { style: { "width": 1306 } },
979 + AdsUnifiedNavigationLocalNav22(35),
980 + AdsErrorBoundary10(39)
981 + );
982 + }
983 + };
984 +
985 + var FluxContainer_AdsPETopNavContainer_26 = function (x) {
986 + if (x === 41) {
987 + return AdsPETopNav25(40);
988 + }
989 + };
990 +
991 + var XUIAbstractGlyphButton27 = function (x) {
992 + if (x === 46) {
993 + return AbstractButton3(45);
994 + }
995 + if (x === 150) {
996 + return AbstractButton3(149);
997 + }
998 + };
999 +
1000 + var XUICloseButton28 = function (x) {
1001 + if (x === 47) {
1002 + return XUIAbstractGlyphButton27(46);
1003 + }
1004 + if (x === 151) {
1005 + return XUIAbstractGlyphButton27(150);
1006 + }
1007 + };
1008 +
1009 + var XUIText29 = function (x) {
1010 + if (x === 48) {
1011 + return React.createElement(
1012 + "span",
1013 + { display: "inline", className: " _50f7" },
1014 + "Ads Manager"
1015 + );
1016 + }
1017 + if (x === 205) {
1018 + return React.createElement(
1019 + "span",
1020 + { className: "_2x9f _50f5 _50f7", display: "inline" },
1021 + "Editing Campaign"
1022 + );
1023 + }
1024 + if (x === 206) {
1025 + return React.createElement(
1026 + "span",
1027 + { display: "inline", className: " _50f5 _50f7" },
1028 + "Test Campaign"
1029 + );
1030 + }
1031 + };
1032 +
1033 + var XUINotice30 = function (x) {
1034 + if (x === 51) {
1035 + return React.createElement(
1036 + "div",
1037 + { size: "medium", className: "_585n _585o _2wdd" },
1038 + ReactImage0(42),
1039 + XUICloseButton28(47),
1040 + React.createElement(
1041 + "div",
1042 + { className: "_585r _2i-a _50f4" },
1043 + "Please go to ",
1044 + Link2(50),
1045 + " to set up a payment method for this ad account."
1046 + )
1047 + );
1048 + }
1049 + };
1050 +
1051 + var ReactCSSTransitionGroupChild31 = function (x) {
1052 + if (x === 52) {
1053 + return XUINotice30(51);
1054 + }
1055 + };
1056 +
1057 + var ReactTransitionGroup32 = function (x) {
1058 + if (x === 53) {
1059 + return React.createElement(
1060 + "span",
1061 + null,
1062 + ReactCSSTransitionGroupChild31(52)
1063 + );
1064 + }
1065 + };
1066 +
1067 + var ReactCSSTransitionGroup33 = function (x) {
1068 + if (x === 54) {
1069 + return ReactTransitionGroup32(53);
1070 + }
1071 + };
1072 +
1073 + var AdsPETopError34 = function (x) {
1074 + if (x === 55) {
1075 + return React.createElement(
1076 + "div",
1077 + { className: "_2wdc" },
1078 + ReactCSSTransitionGroup33(54)
1079 + );
1080 + }
1081 + };
1082 +
1083 + var FluxContainer_AdsPETopErrorContainer_35 = function (x) {
1084 + if (x === 56) {
1085 + return AdsPETopError34(55);
1086 + }
1087 + };
1088 +
1089 + var FluxContainer_AdsGuidanceChannel_36 = function (x) {
1090 + if (x === 59) {
1091 + return null;
1092 + }
1093 + };
1094 +
1095 + var ResponsiveBlock37 = function (x) {
1096 + if (x === 62) {
1097 + return React.createElement(
1098 + "div",
1099 + { className: "_4u-c" },
1100 + [
1101 + AdsErrorBoundary10(58),
1102 + AdsErrorBoundary10(61)
1103 + ],
1104 + React.createElement(
1105 + "div",
1106 + { key: "sensor", className: "_4u-f" },
1107 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1108 + )
1109 + );
1110 + }
1111 + if (x === 469) {
1112 + return React.createElement(
1113 + "div",
1114 + { className: "_4u-c" },
1115 + AdsPEDataTableContainer158(468),
1116 + React.createElement(
1117 + "div",
1118 + { key: "sensor", className: "_4u-f" },
1119 + React.createElement("iframe", { "aria-hidden": "true", className: "_1_xb", tabIndex: "-1" })
1120 + )
1121 + );
1122 + }
1123 + };
1124 +
1125 + var FluxContainer_AdsBulkEditDialogContainer_38 = function (x) {
1126 + if (x === 63) {
1127 + return null;
1128 + }
1129 + };
1130 +
1131 + var Column39 = function (x) {
1132 + if (x === 66) {
1133 + return React.createElement(
1134 + "div",
1135 + { className: "_4bl8 _4bl7" },
1136 + React.createElement(
1137 + "div",
1138 + { className: "_3c5f" },
1139 + null,
1140 + null,
1141 + React.createElement("div", { className: "_3c5i" }),
1142 + null
1143 + )
1144 + );
1145 + }
1146 + };
1147 +
1148 + var XUIButtonGroup40 = function (x) {
1149 + if (x === 75) {
1150 + return React.createElement(
1151 + "div",
1152 + { className: "_5n7z _51xa" },
1153 + XUIButton4(69),
1154 + ReactPopoverMenu20(74)
1155 + );
1156 + }
1157 + if (x === 84) {
1158 + return React.createElement(
1159 + "div",
1160 + { className: "_5n7z _51xa" },
1161 + XUIButton4(78),
1162 + ReactPopoverMenu20(83)
1163 + );
1164 + }
1165 + if (x === 97) {
1166 + return React.createElement(
1167 + "div",
1168 + { className: "_5n7z _51xa" },
1169 + XUIButton4(90),
1170 + XUIButton4(93),
1171 + XUIButton4(96)
1172 + );
1173 + }
1174 + if (x === 117) {
1175 + return React.createElement(
1176 + "div",
1177 + { className: "_5n7z _51xa" },
1178 + AdsPEExportImportMenuContainer48(107),
1179 + XUIButton4(110),
1180 + AdsPECampaignGroupTagContainer51(116)
1181 + );
1182 + }
1183 + };
1184 +
1185 + var AdsPEEditToolbarButton41 = function (x) {
1186 + if (x === 85) {
1187 + return XUIButtonGroup40(84);
1188 + }
1189 + };
1190 +
1191 + var FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42 = function (x) {
1192 + if (x === 86) {
1193 + return AdsPEEditToolbarButton41(85);
1194 + }
1195 + };
1196 +
1197 + var FluxContainer_AdsPEEditToolbarButtonContainer_43 = function (x) {
1198 + if (x === 87) {
1199 + return FluxContainer_AdsPEEditCampaignGroupToolbarButtonContainer_42(86);
1200 + }
1201 + };
1202 +
1203 + var AdsPEExportImportMenu44 = function (x) {
1204 + if (x === 103) {
1205 + return ReactPopoverMenu20(102);
1206 + }
1207 + };
1208 +
1209 + var FluxContainer_AdsPECustomizeExportContainer_45 = function (x) {
1210 + if (x === 104) {
1211 + return null;
1212 + }
1213 + };
1214 +
1215 + var AdsPEExportAsTextDialog46 = function (x) {
1216 + if (x === 105) {
1217 + return null;
1218 + }
1219 + };
1220 +
1221 + var FluxContainer_AdsPEExportAsTextDialogContainer_47 = function (x) {
1222 + if (x === 106) {
1223 + return AdsPEExportAsTextDialog46(105);
1224 + }
1225 + };
1226 +
1227 + var AdsPEExportImportMenuContainer48 = function (x) {
1228 + if (x === 107) {
1229 + return React.createElement(
1230 + "span",
1231 + null,
1232 + AdsPEExportImportMenu44(103),
1233 + FluxContainer_AdsPECustomizeExportContainer_45(104),
1234 + FluxContainer_AdsPEExportAsTextDialogContainer_47(106),
1235 + null,
1236 + null
1237 + );
1238 + }
1239 + };
1240 +
1241 + var Constructor49 = function (x) {
1242 + if (x === 114) {
1243 + return null;
1244 + }
1245 + if (x === 142) {
1246 + return null;
1247 + }
1248 + if (x === 143) {
1249 + return null;
1250 + }
1251 + if (x === 183) {
1252 + return null;
1253 + }
1254 + };
1255 +
1256 + var TagSelectorPopover50 = function (x) {
1257 + if (x === 115) {
1258 + return React.createElement(
1259 + "span",
1260 + { className: " _3d6e" },
1261 + XUIButton4(113),
1262 + Constructor49(114)
1263 + );
1264 + }
1265 + };
1266 +
1267 + var AdsPECampaignGroupTagContainer51 = function (x) {
1268 + if (x === 116) {
1269 + return TagSelectorPopover50(115);
1270 + }
1271 + };
1272 +
1273 + var AdsRuleToolbarMenu52 = function (x) {
1274 + if (x === 118) {
1275 + return null;
1276 + }
1277 + };
1278 +
1279 + var FluxContainer_AdsPERuleToolbarMenuContainer_53 = function (x) {
1280 + if (x === 119) {
1281 + return AdsRuleToolbarMenu52(118);
1282 + }
1283 + };
1284 +
1285 + var FillColumn54 = function (x) {
1286 + if (x === 120) {
1287 + return React.createElement(
1288 + "div",
1289 + { className: "_4bl9" },
1290 + React.createElement(
1291 + "span",
1292 + { className: "_3c5e" },
1293 + React.createElement(
1294 + "span",
1295 + null,
1296 + XUIButtonGroup40(75),
1297 + FluxContainer_AdsPEEditToolbarButtonContainer_43(87),
1298 + null,
1299 + XUIButtonGroup40(97)
1300 + ),
1301 + XUIButtonGroup40(117),
1302 + FluxContainer_AdsPERuleToolbarMenuContainer_53(119)
1303 + )
1304 + );
1305 + }
1306 + };
1307 +
1308 + var Layout55 = function (x) {
1309 + if (x === 121) {
1310 + return React.createElement(
1311 + "div",
1312 + { className: "clearfix" },
1313 + Column39(66),
1314 + FillColumn54(120)
1315 + );
1316 + }
1317 + };
1318 +
1319 + var AdsPEMainPaneToolbar56 = function (x) {
1320 + if (x === 122) {
1321 + return React.createElement(
1322 + "div",
1323 + { className: "_3c5b clearfix" },
1324 + Layout55(121)
1325 + );
1326 + }
1327 + };
1328 +
1329 + var AdsPECampaignGroupToolbarContainer57 = function (x) {
1330 + if (x === 123) {
1331 + return AdsPEMainPaneToolbar56(122);
1332 + }
1333 + };
1334 +
1335 + var AdsPEFiltersPopover58 = function (x) {
1336 + if (x === 144) {
1337 + return React.createElement(
1338 + "span",
1339 + { className: "_5b-l _5bbe" },
1340 + ReactXUIPopoverButton6(133),
1341 + ReactXUIPopoverButton6(141),
1342 + [Constructor49(142), Constructor49(143)]
1343 + );
1344 + }
1345 + };
1346 +
1347 + var AbstractCheckboxInput59 = function (x) {
1348 + if (x === 145) {
1349 + return React.createElement(
1350 + "label",
1351 + { className: "uiInputLabelInput _55sg _kv1" },
1352 + React.createElement("input", { checked: true, disabled: true, name: "filterUnpublished", value: "on", onClick: function () {}, className: null, id: "js_input_label_21", type: "checkbox" }),
1353 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1354 + );
1355 + }
1356 + if (x === 336) {
1357 + return React.createElement(
1358 + "label",
1359 + { className: "_4h2r _55sg _kv1" },
1360 + React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
1361 + React.createElement("span", { "data-hover": null, "data-tooltip-content": undefined })
1362 + );
1363 + }
1364 + };
1365 +
1366 + var XUICheckboxInput60 = function (x) {
1367 + if (x === 146) {
1368 + return AbstractCheckboxInput59(145);
1369 + }
1370 + if (x === 337) {
1371 + return AbstractCheckboxInput59(336);
1372 + }
1373 + };
1374 +
1375 + var InputLabel61 = function (x) {
1376 + if (x === 147) {
1377 + return React.createElement(
1378 + "div",
1379 + { display: "block", className: "uiInputLabel clearfix" },
1380 + XUICheckboxInput60(146),
1381 + React.createElement(
1382 + "label",
1383 + { className: "uiInputLabelLabel", htmlFor: "js_input_label_21" },
1384 + "Always show new items"
1385 + )
1386 + );
1387 + }
1388 + };
1389 +
1390 + var AdsPopoverLink62 = function (x) {
1391 + if (x === 154) {
1392 + return React.createElement(
1393 + "span",
1394 + null,
1395 + React.createElement(
1396 + "span",
1397 + { onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1398 + React.createElement("span", { className: "_3o_j" }),
1399 + ReactImage0(153)
1400 + ),
1401 + null
1402 + );
1403 + }
1404 + if (x === 238) {
1405 + return React.createElement(
1406 + "span",
1407 + null,
1408 + React.createElement(
1409 + "span",
1410 + { onMouseEnter: function () {}, onMouseLeave: function () {}, onMouseUp: undefined },
1411 + React.createElement("span", { className: "_3o_j" }),
1412 + ReactImage0(237)
1413 + ),
1414 + null
1415 + );
1416 + }
1417 + };
1418 +
1419 + var AdsHelpLink63 = function (x) {
1420 + if (x === 155) {
1421 + return AdsPopoverLink62(154);
1422 + }
1423 + if (x === 239) {
1424 + return AdsPopoverLink62(238);
1425 + }
1426 + };
1427 +
1428 + var BUIFilterTokenInput64 = function (x) {
1429 + if (x === 158) {
1430 + return React.createElement(
1431 + "div",
1432 + { className: "_5b5o _3yz3 _4cld" },
1433 + React.createElement(
1434 + "div",
1435 + { className: "_5b5t _2d2k" },
1436 + ReactImage0(152),
1437 + React.createElement(
1438 + "div",
1439 + { className: "_5b5r" },
1440 + "Campaigns: (1)",
1441 + AdsHelpLink63(155)
1442 + )
1443 + ),
1444 + XUIButton4(157)
1445 + );
1446 + }
1447 + };
1448 +
1449 + var BUIFilterToken65 = function (x) {
1450 + if (x === 159) {
1451 + return React.createElement(
1452 + "div",
1453 + { className: "_3yz1 _3yz2 _3dad" },
1454 + React.createElement(
1455 + "div",
1456 + { className: "_3yz4", "aria-hidden": false },
1457 + React.createElement(
1458 + "div",
1459 + { onClick: function () {}, className: "_3yz5" },
1460 + ReactImage0(148),
1461 + React.createElement(
1462 + "div",
1463 + { className: "_3yz7" },
1464 + "Campaigns:"
1465 + ),
1466 + React.createElement(
1467 + "div",
1468 + { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },
1469 + "(1)"
1470 + )
1471 + ),
1472 + null,
1473 + XUICloseButton28(151)
1474 + ),
1475 + BUIFilterTokenInput64(158)
1476 + );
1477 + }
1478 + };
1479 +
1480 + var BUIFilterTokenCreateButton66 = function (x) {
1481 + if (x === 163) {
1482 + return React.createElement(
1483 + "div",
1484 + { className: "_1tc" },
1485 + XUIButton4(162)
1486 + );
1487 + }
1488 + };
1489 +
1490 + var BUIFilterTokenizer67 = function (x) {
1491 + if (x === 164) {
1492 + return React.createElement(
1493 + "div",
1494 + { className: "_5b-m clearfix" },
1495 + undefined,
1496 + [],
1497 + BUIFilterToken65(159),
1498 + BUIFilterTokenCreateButton66(163),
1499 + null,
1500 + React.createElement("div", { className: "_49u3" })
1501 + );
1502 + }
1503 + };
1504 +
1505 + var XUIAmbientNUX68 = function (x) {
1506 + if (x === 165) {
1507 + return null;
1508 + }
1509 + if (x === 189) {
1510 + return null;
1511 + }
1512 + if (x === 200) {
1513 + return null;
1514 + }
1515 + };
1516 +
1517 + var XUIAmbientNUX69 = function (x) {
1518 + if (x === 166) {
1519 + return XUIAmbientNUX68(165);
1520 + }
1521 + if (x === 190) {
1522 + return XUIAmbientNUX68(189);
1523 + }
1524 + if (x === 201) {
1525 + return XUIAmbientNUX68(200);
1526 + }
1527 + };
1528 +
1529 + var AdsPEAmbientNUXMegaphone70 = function (x) {
1530 + if (x === 167) {
1531 + return React.createElement(
1532 + "span",
1533 + null,
1534 + React.createElement("span", { }),
1535 + XUIAmbientNUX69(166)
1536 + );
1537 + }
1538 + };
1539 +
1540 + var AdsPEFilters71 = function (x) {
1541 + if (x === 168) {
1542 + return React.createElement(
1543 + "div",
1544 + { className: "_4rw_" },
1545 + AdsPEFiltersPopover58(144),
1546 + React.createElement(
1547 + "div",
1548 + { className: "_1eo" },
1549 + InputLabel61(147)
1550 + ),
1551 + BUIFilterTokenizer67(164),
1552 + "",
1553 + AdsPEAmbientNUXMegaphone70(167)
1554 + );
1555 + }
1556 + };
1557 +
1558 + var AdsPEFilterContainer72 = function (x) {
1559 + if (x === 169) {
1560 + return AdsPEFilters71(168);
1561 + }
1562 + };
1563 +
1564 + var AdsPETablePager73 = function (x) {
1565 + if (x === 172) {
1566 + return null;
1567 + }
1568 + };
1569 +
1570 + var AdsPECampaignGroupTablePagerContainer74 = function (x) {
1571 + if (x === 173) {
1572 + return AdsPETablePager73(172);
1573 + }
1574 + };
1575 +
1576 + var AdsPETablePagerContainer75 = function (x) {
1577 + if (x === 174) {
1578 + return AdsPECampaignGroupTablePagerContainer74(173);
1579 + }
1580 + };
1581 +
1582 + var ReactXUIError76 = function (x) {
1583 + if (x === 181) {
1584 + return AbstractButton3(180);
1585 + }
1586 + if (x === 216) {
1587 + return React.createElement(
1588 + "div",
1589 + { className: "_40bf _2vl4 _1h18" },
1590 + null,
1591 + null,
1592 + React.createElement(
1593 + "div",
1594 + { className: "_2vl9 _1h1f", style: { "backgroundColor": "#fff" } },
1595 + React.createElement(
1596 + "div",
1597 + { className: "_2vla _1h1g" },
1598 + React.createElement(
1599 + "div",
1600 + null,
1601 + null,
1602 + React.createElement("textarea", { className: "_2vli _2vlj _1h26 _1h27", dir: "auto", disabled: undefined, id: undefined, maxLength: null, value: "Test Campaign", onBlur: function () {}, onChange: function () {}, onFocus: function () {}, onKeyDown: function () {} }),
1603 + null
1604 + ),
1605 + React.createElement("div", { "aria-hidden": "true", className: "_2vlk" })
1606 + )
1607 + ),
1608 + null
1609 + );
1610 + }
1611 + if (x === 221) {
1612 + return XUICard94(220);
1613 + }
1614 + if (x === 250) {
1615 + return XUICard94(249);
1616 + }
1617 + if (x === 280) {
1618 + return XUICard94(279);
1619 + }
1620 + };
1621 +
1622 + var BUIPopoverButton77 = function (x) {
1623 + if (x === 182) {
1624 + return ReactXUIError76(181);
1625 + }
1626 + };
1627 +
1628 + var BUIDateRangePicker78 = function (x) {
1629 + if (x === 184) {
1630 + return React.createElement(
1631 + "span",
1632 + null,
1633 + BUIPopoverButton77(182),
1634 + [Constructor49(183)]
1635 + );
1636 + }
1637 + };
1638 +
1639 + var AdsPEStatsRangePicker79 = function (x) {
1640 + if (x === 185) {
1641 + return BUIDateRangePicker78(184);
1642 + }
1643 + };
1644 +
1645 + var AdsPEStatRange80 = function (x) {
1646 + if (x === 191) {
1647 + return React.createElement(
1648 + "div",
1649 + { className: "_3c5k" },
1650 + React.createElement(
1651 + "span",
1652 + { className: "_3c5j" },
1653 + "Stats:"
1654 + ),
1655 + React.createElement(
1656 + "span",
1657 + { className: "_3c5l" },
1658 + AdsPEStatsRangePicker79(185),
1659 + XUIButton4(188)
1660 + ),
1661 + [XUIAmbientNUX69(190)]
1662 + );
1663 + }
1664 + };
1665 +
1666 + var AdsPEStatRangeContainer81 = function (x) {
1667 + if (x === 192) {
1668 + return AdsPEStatRange80(191);
1669 + }
1670 + };
1671 +
1672 + var AdsPESideTrayTabButton82 = function (x) {
1673 + if (x === 196) {
1674 + return React.createElement(
1675 + "div",
1676 + { className: "_1-ly _59j9 _d9a", onClick: function () {} },
1677 + ReactImage0(195),
1678 + React.createElement("div", { className: "_vf7" }),
1679 + React.createElement("div", { className: "_vf8" })
1680 + );
1681 + }
1682 + if (x === 199) {
1683 + return React.createElement(
1684 + "div",
1685 + { className: " _1-lz _d9a", onClick: function () {} },
1686 + ReactImage0(198),
1687 + React.createElement("div", { className: "_vf7" }),
1688 + React.createElement("div", { className: "_vf8" })
1689 + );
1690 + }
1691 + if (x === 203) {
1692 + return null;
1693 + }
1694 + };
1695 +
1696 + var AdsPEEditorTrayTabButton83 = function (x) {
1697 + if (x === 197) {
1698 + return AdsPESideTrayTabButton82(196);
1699 + }
1700 + };
1701 +
1702 + var AdsPEInsightsTrayTabButton84 = function (x) {
1703 + if (x === 202) {
1704 + return React.createElement(
1705 + "span",
1706 + null,
1707 + AdsPESideTrayTabButton82(199),
1708 + XUIAmbientNUX69(201)
1709 + );
1710 + }
1711 + };
1712 +
1713 + var AdsPENekoDebuggerTrayTabButton85 = function (x) {
1714 + if (x === 204) {
1715 + return AdsPESideTrayTabButton82(203);
1716 + }
1717 + };
1718 +
1719 + var AdsPEEditorChildLink86 = function (x) {
1720 + if (x === 211) {
1721 + return React.createElement(
1722 + "div",
1723 + { className: "_3ywr" },
1724 + Link2(208),
1725 + React.createElement(
1726 + "span",
1727 + { className: "_3ywq" },
1728 + "|"
1729 + ),
1730 + Link2(210)
1731 + );
1732 + }
1733 + };
1734 +
1735 + var AdsPEEditorChildLinkContainer87 = function (x) {
1736 + if (x === 212) {
1737 + return AdsPEEditorChildLink86(211);
1738 + }
1739 + };
1740 +
1741 + var AdsPEHeaderSection88 = function (x) {
1742 + if (x === 213) {
1743 + return React.createElement(
1744 + "div",
1745 + { className: "_yke" },
1746 + React.createElement("div", { className: "_2x9d _pr-" }),
1747 + XUIText29(205),
1748 + React.createElement(
1749 + "div",
1750 + { className: "_3a-a" },
1751 + React.createElement(
1752 + "div",
1753 + { className: "_3a-b" },
1754 + XUIText29(206)
1755 + )
1756 + ),
1757 + AdsPEEditorChildLinkContainer87(212)
1758 + );
1759 + }
1760 + };
1761 +
1762 + var AdsPECampaignGroupHeaderSectionContainer89 = function (x) {
1763 + if (x === 214) {
1764 + return AdsPEHeaderSection88(213);
1765 + }
1766 + };
1767 +
1768 + var AdsEditorLoadingErrors90 = function (x) {
1769 + if (x === 215) {
1770 + return null;
1771 + }
1772 + };
1773 +
1774 + var AdsTextInput91 = function (x) {
1775 + if (x === 217) {
1776 + return ReactXUIError76(216);
1777 + }
1778 + };
1779 +
1780 + var BUIFormElement92 = function (x) {
1781 + if (x === 218) {
1782 + return React.createElement(
1783 + "div",
1784 + { className: "_5521 clearfix" },
1785 + React.createElement(
1786 + "div",
1787 + { className: "_5522 _3w5q" },
1788 + React.createElement(
1789 + "label",
1790 + { onClick: undefined, htmlFor: "1467872040612:1961945894", className: "_5523 _3w5r" },
1791 + "Campaign Name",
1792 + null
1793 + )
1794 + ),
1795 + React.createElement(
1796 + "div",
1797 + { className: "_5527" },
1798 + React.createElement(
1799 + "div",
1800 + { className: "_5528" },
1801 + React.createElement(
1802 + "span",
1803 + { key: ".0", className: "_40bg", id: "1467872040612:1961945894" },
1804 + AdsTextInput91(217),
1805 + null
1806 + )
1807 + ),
1808 + null
1809 + )
1810 + );
1811 + }
1812 + };
1813 +
1814 + var BUIForm93 = function (x) {
1815 + if (x === 219) {
1816 + return React.createElement(
1817 + "div",
1818 + { className: "_5ks1 _550r _550t _550y _3w5n" },
1819 + BUIFormElement92(218)
1820 + );
1821 + }
1822 + };
1823 +
1824 + var XUICard94 = function (x) {
1825 + if (x === 220) {
1826 + return React.createElement(
1827 + "div",
1828 + { className: "_40bc _12k2 _4-u2 _4-u8" },
1829 + BUIForm93(219)
1830 + );
1831 + }
1832 + if (x === 249) {
1833 + return React.createElement(
1834 + "div",
1835 + { className: "_12k2 _4-u2 _4-u8" },
1836 + AdsCardHeader103(230),
1837 + AdsCardSection108(248)
1838 + );
1839 + }
1840 + if (x === 279) {
1841 + return React.createElement(
1842 + "div",
1843 + { className: "_12k2 _4-u2 _4-u8" },
1844 + AdsCardLeftRightHeader122(278)
1845 + );
1846 + }
1847 + };
1848 +
1849 + var AdsCard95 = function (x) {
1850 + if (x === 222) {
1851 + return ReactXUIError76(221);
1852 + }
1853 + if (x === 251) {
1854 + return ReactXUIError76(250);
1855 + }
1856 + if (x === 281) {
1857 + return ReactXUIError76(280);
1858 + }
1859 + };
1860 +
1861 + var AdsEditorNameSection96 = function (x) {
1862 + if (x === 223) {
1863 + return AdsCard95(222);
1864 + }
1865 + };
1866 +
1867 + var AdsCampaignGroupNameSectionContainer97 = function (x) {
1868 + if (x === 224) {
1869 + return AdsEditorNameSection96(223);
1870 + }
1871 + };
1872 +
1873 + var _render98 = function (x) {
1874 + if (x === 225) {
1875 + return AdsCampaignGroupNameSectionContainer97(224);
1876 + }
1877 + };
1878 +
1879 + var AdsPluginWrapper99 = function (x) {
1880 + if (x === 226) {
1881 + return _render98(225);
1882 + }
1883 + if (x === 255) {
1884 + return _render111(254);
1885 + }
1886 + if (x === 258) {
1887 + return _render113(257);
1888 + }
1889 + if (x === 287) {
1890 + return _render127(286);
1891 + }
1892 + if (x === 291) {
1893 + return _render130(290);
1894 + }
1895 + };
1896 +
1897 + var XUICardHeaderTitle100 = function (x) {
1898 + if (x === 227) {
1899 + return React.createElement(
1900 + "span",
1901 + { className: "_38my" },
1902 + "Campaign Details",
1903 + null,
1904 + React.createElement("span", { className: "_c1c" })
1905 + );
1906 + }
1907 + if (x === 265) {
1908 + return React.createElement(
1909 + "span",
1910 + { className: "_38my" },
1911 + [React.createElement(
1912 + "span",
1913 + { key: 1 },
1914 + "Campaign ID",
1915 + ": ",
1916 + "98010048849317"
1917 + ), React.createElement(
1918 + "div",
1919 + { className: "_5lh9", key: 2 },
1920 + FluxContainer_AdsCampaignGroupStatusSwitchContainer_119(264)
1921 + )],
1922 + null,
1923 + React.createElement("span", { className: "_c1c" })
1924 + );
1925 + }
1926 + };
1927 +
1928 + var XUICardSection101 = function (x) {
1929 + if (x === 228) {
1930 + return React.createElement(
1931 + "div",
1932 + { className: "_5dw9 _5dwa _4-u3" },
1933 + [XUICardHeaderTitle100(227)],
1934 + undefined,
1935 + undefined,
1936 + React.createElement("div", { className: "_3s3-" })
1937 + );
1938 + }
1939 + if (x === 247) {
1940 + return React.createElement(
1941 + "div",
1942 + { className: "_12jy _4-u3" },
1943 + React.createElement(
1944 + "div",
1945 + { className: "_3-8j" },
1946 + FlexibleBlock105(233),
1947 + FlexibleBlock105(236),
1948 + FlexibleBlock105(246),
1949 + null,
1950 + null
1951 + )
1952 + );
1953 + }
1954 + };
1955 +
1956 + var XUICardHeader102 = function (x) {
1957 + if (x === 229) {
1958 + return XUICardSection101(228);
1959 + }
1960 + };
1961 +
1962 + var AdsCardHeader103 = function (x) {
1963 + if (x === 230) {
1964 + return XUICardHeader102(229);
1965 + }
1966 + };
1967 +
1968 + var AdsLabeledField104 = function (x) {
1969 + if (x === 231) {
1970 + return React.createElement(
1971 + "div",
1972 + { className: "_2oc6 _3bvz", label: "Objective" },
1973 + React.createElement(
1974 + "label",
1975 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
1976 + "Objective "
1977 + ),
1978 + null,
1979 + React.createElement("div", { className: "_3bv-" })
1980 + );
1981 + }
1982 + if (x === 234) {
1983 + return React.createElement(
1984 + "div",
1985 + { className: "_2oc6 _3bvz", label: "Buying Type" },
1986 + React.createElement(
1987 + "label",
1988 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
1989 + "Buying Type "
1990 + ),
1991 + null,
1992 + React.createElement("div", { className: "_3bv-" })
1993 + );
1994 + }
1995 + if (x === 240) {
1996 + return React.createElement(
1997 + "div",
1998 + { className: "_2oc6 _3bvz" },
1999 + React.createElement(
2000 + "label",
2001 + { className: "_4el4 _3qwj _3hy-", htmlFor: undefined },
2002 + "Campaign Spending Limit "
2003 + ),
2004 + AdsHelpLink63(239),
2005 + React.createElement("div", { className: "_3bv-" })
2006 + );
2007 + }
2008 + };
2009 +
2010 + var FlexibleBlock105 = function (x) {
2011 + if (x === 233) {
2012 + return LeftRight21(232);
2013 + }
2014 + if (x === 236) {
2015 + return LeftRight21(235);
2016 + }
2017 + if (x === 246) {
2018 + return LeftRight21(245);
2019 + }
2020 + };
2021 +
2022 + var AdsBulkCampaignSpendCapField106 = function (x) {
2023 + if (x === 243) {
2024 + return React.createElement(
2025 + "div",
2026 + { className: "_33dv" },
2027 + "",
2028 + Link2(242),
2029 + " (optional)"
2030 + );
2031 + }
2032 + };
2033 +
2034 + var FluxContainer_AdsCampaignGroupSpendCapContainer_107 = function (x) {
2035 + if (x === 244) {
2036 + return AdsBulkCampaignSpendCapField106(243);
2037 + }
2038 + };
2039 +
2040 + var AdsCardSection108 = function (x) {
2041 + if (x === 248) {
2042 + return XUICardSection101(247);
2043 + }
2044 + };
2045 +
2046 + var AdsEditorCampaignGroupDetailsSection109 = function (x) {
2047 + if (x === 252) {
2048 + return AdsCard95(251);
2049 + }
2050 + };
2051 +
2052 + var AdsEditorCampaignGroupDetailsSectionContainer110 = function (x) {
2053 + if (x === 253) {
2054 + return AdsEditorCampaignGroupDetailsSection109(252);
2055 + }
2056 + };
2057 +
2058 + var _render111 = function (x) {
2059 + if (x === 254) {
2060 + return AdsEditorCampaignGroupDetailsSectionContainer110(253);
2061 + }
2062 + };
2063 +
2064 + var FluxContainer_AdsEditorToplineDetailsSectionContainer_112 = function (x) {
2065 + if (x === 256) {
2066 + return null;
2067 + }
2068 + };
2069 +
2070 + var _render113 = function (x) {
2071 + if (x === 257) {
2072 + return FluxContainer_AdsEditorToplineDetailsSectionContainer_112(256);
2073 + }
2074 + };
2075 +
2076 + var AdsStickyArea114 = function (x) {
2077 + if (x === 259) {
2078 + return React.createElement(
2079 + "div",
2080 + { },
2081 + React.createElement("div", { onWheel: function () {} })
2082 + );
2083 + }
2084 + if (x === 292) {
2085 + return React.createElement(
2086 + "div",
2087 + { },
2088 + React.createElement(
2089 + "div",
2090 + { onWheel: function () {} },
2091 + [React.createElement(
2092 + "div",
2093 + { key: "campaign_group_errors_section98010048849317" },
2094 + AdsPluginWrapper99(291)
2095 + )]
2096 + )
2097 + );
2098 + }
2099 + };
2100 +
2101 + var FluxContainer_AdsEditorColumnContainer_115 = function (x) {
2102 + if (x === 260) {
2103 + return React.createElement(
2104 + "div",
2105 + null,
2106 + [React.createElement(
2107 + "div",
2108 + { key: "campaign_group_name_section98010048849317" },
2109 + AdsPluginWrapper99(226)
2110 + ), React.createElement(
2111 + "div",
2112 + { key: "campaign_group_basic_section98010048849317" },
2113 + AdsPluginWrapper99(255)
2114 + ), React.createElement(
2115 + "div",
2116 + { key: "campaign_group_topline_section98010048849317" },
2117 + AdsPluginWrapper99(258)
2118 + )],
2119 + AdsStickyArea114(259)
2120 + );
2121 + }
2122 + if (x === 293) {
2123 + return React.createElement(
2124 + "div",
2125 + null,
2126 + [React.createElement(
2127 + "div",
2128 + { key: "campaign_group_navigation_section98010048849317" },
2129 + AdsPluginWrapper99(287)
2130 + )],
2131 + AdsStickyArea114(292)
2132 + );
2133 + }
2134 + };
2135 +
2136 + var BUISwitch116 = function (x) {
2137 + if (x === 261) {
2138 + return React.createElement(
2139 + "div",
2140 + { "data-hover": "tooltip", "data-tooltip-content": "Currently active. Click this switch to deactivate it.", "data-tooltip-position": "below", disabled: false, value: true, onToggle: function () {}, className: "_128j _128k _128n", role: "checkbox", "aria-checked": "true" },
2141 + React.createElement(
2142 + "div",
2143 + { className: "_128o", onClick: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, tabIndex: "0" },
2144 + React.createElement("div", { className: "_128p" })
2145 + ),
2146 + null
2147 + );
2148 + }
2149 + };
2150 +
2151 + var AdsStatusSwitchInternal117 = function (x) {
2152 + if (x === 262) {
2153 + return BUISwitch116(261);
2154 + }
2155 + };
2156 +
2157 + var AdsStatusSwitch118 = function (x) {
2158 + if (x === 263) {
2159 + return AdsStatusSwitchInternal117(262);
2160 + }
2161 + };
2162 +
2163 + var FluxContainer_AdsCampaignGroupStatusSwitchContainer_119 = function (x) {
2164 + if (x === 264) {
2165 + return AdsStatusSwitch118(263);
2166 + }
2167 + };
2168 +
2169 + var AdsLinksMenu120 = function (x) {
2170 + if (x === 275) {
2171 + return ReactPopoverMenu20(274);
2172 + }
2173 + };
2174 +
2175 + var FluxContainer_AdsPluginizedLinksMenuContainer_121 = function (x) {
2176 + if (x === 276) {
2177 + return React.createElement(
2178 + "div",
2179 + null,
2180 + null,
2181 + AdsLinksMenu120(275)
2182 + );
2183 + }
2184 + };
2185 +
2186 + var AdsCardLeftRightHeader122 = function (x) {
2187 + if (x === 278) {
2188 + return LeftRight21(277);
2189 + }
2190 + };
2191 +
2192 + var AdsPEIDSection123 = function (x) {
2193 + if (x === 282) {
2194 + return AdsCard95(281);
2195 + }
2196 + };
2197 +
2198 + var FluxContainer_AdsPECampaignGroupIDSectionContainer_124 = function (x) {
2199 + if (x === 283) {
2200 + return AdsPEIDSection123(282);
2201 + }
2202 + };
2203 +
2204 + var DeferredComponent125 = function (x) {
2205 + if (x === 284) {
2206 + return FluxContainer_AdsPECampaignGroupIDSectionContainer_124(283);
2207 + }
2208 + };
2209 +
2210 + var BootloadedComponent126 = function (x) {
2211 + if (x === 285) {
2212 + return DeferredComponent125(284);
2213 + }
2214 + };
2215 +
2216 + var _render127 = function (x) {
2217 + if (x === 286) {
2218 + return BootloadedComponent126(285);
2219 + }
2220 + };
2221 +
2222 + var AdsEditorErrorsCard128 = function (x) {
2223 + if (x === 288) {
2224 + return null;
2225 + }
2226 + };
2227 +
2228 + var FluxContainer_FunctionalContainer_129 = function (x) {
2229 + if (x === 289) {
2230 + return AdsEditorErrorsCard128(288);
2231 + }
2232 + };
2233 +
2234 + var _render130 = function (x) {
2235 + if (x === 290) {
2236 + return FluxContainer_FunctionalContainer_129(289);
2237 + }
2238 + };
2239 +
2240 + var AdsEditorMultiColumnLayout131 = function (x) {
2241 + if (x === 294) {
2242 + return React.createElement(
2243 + "div",
2244 + { className: "_psh" },
2245 + React.createElement(
2246 + "div",
2247 + { className: "_3cc0" },
2248 + React.createElement(
2249 + "div",
2250 + null,
2251 + AdsEditorLoadingErrors90(215),
2252 + React.createElement(
2253 + "div",
2254 + { className: "_3ms3" },
2255 + React.createElement(
2256 + "div",
2257 + { className: "_3ms4" },
2258 + FluxContainer_AdsEditorColumnContainer_115(260)
2259 + ),
2260 + React.createElement(
2261 + "div",
2262 + { className: "_3pvg" },
2263 + FluxContainer_AdsEditorColumnContainer_115(293)
2264 + )
2265 + )
2266 + )
2267 + )
2268 + );
2269 + }
2270 + };
2271 +
2272 + var AdsPECampaignGroupEditor132 = function (x) {
2273 + if (x === 295) {
2274 + return React.createElement(
2275 + "div",
2276 + null,
2277 + AdsPECampaignGroupHeaderSectionContainer89(214),
2278 + AdsEditorMultiColumnLayout131(294)
2279 + );
2280 + }
2281 + };
2282 +
2283 + var AdsPECampaignGroupEditorContainer133 = function (x) {
2284 + if (x === 296) {
2285 + return AdsPECampaignGroupEditor132(295);
2286 + }
2287 + };
2288 +
2289 + var AdsPESideTrayTabContent134 = function (x) {
2290 + if (x === 297) {
2291 + return React.createElement(
2292 + "div",
2293 + { className: "_1o_8 _44ra _5cyn" },
2294 + AdsPECampaignGroupEditorContainer133(296)
2295 + );
2296 + }
2297 + };
2298 +
2299 + var AdsPEEditorTrayTabContentContainer135 = function (x) {
2300 + if (x === 298) {
2301 + return AdsPESideTrayTabContent134(297);
2302 + }
2303 + };
2304 +
2305 + var AdsPEMultiTabDrawer136 = function (x) {
2306 + if (x === 299) {
2307 + return React.createElement(
2308 + "div",
2309 + { className: "_2kev _2kex" },
2310 + React.createElement(
2311 + "div",
2312 + { className: "_5yno" },
2313 + AdsPEEditorTrayTabButton83(197),
2314 + AdsPEInsightsTrayTabButton84(202),
2315 + AdsPENekoDebuggerTrayTabButton85(204)
2316 + ),
2317 + React.createElement(
2318 + "div",
2319 + { className: "_5ynn" },
2320 + AdsPEEditorTrayTabContentContainer135(298),
2321 + null
2322 + )
2323 + );
2324 + }
2325 + };
2326 +
2327 + var FluxContainer_AdsPEMultiTabDrawerContainer_137 = function (x) {
2328 + if (x === 300) {
2329 + return AdsPEMultiTabDrawer136(299);
2330 + }
2331 + };
2332 +
2333 + var AdsPESimpleOrganizer138 = function (x) {
2334 + if (x === 309) {
2335 + return React.createElement(
2336 + "div",
2337 + { className: "_tm2" },
2338 + XUIButton4(304),
2339 + XUIButton4(306),
2340 + XUIButton4(308)
2341 + );
2342 + }
2343 + };
2344 +
2345 + var AdsPEOrganizerContainer139 = function (x) {
2346 + if (x === 310) {
2347 + return React.createElement(
2348 + "div",
2349 + null,
2350 + AdsPESimpleOrganizer138(309)
2351 + );
2352 + }
2353 + };
2354 +
2355 + var FixedDataTableColumnResizeHandle140 = function (x) {
2356 + if (x === 313) {
2357 + return React.createElement(
2358 + "div",
2359 + { className: "_3487 _3488 _3489", style: { "width": 0, "height": 25, "left": 0 } },
2360 + React.createElement("div", { className: "_348a", style: { "height": 25 } })
2361 + );
2362 + }
2363 + };
2364 +
2365 + var AdsPETableHeader141 = function (x) {
2366 + if (x === 315) {
2367 + return React.createElement(
2368 + "div",
2369 + { className: "_1cig _1ksv _1vd7 _4h2r", id: undefined },
2370 + ReactImage0(314),
2371 + React.createElement(
2372 + "span",
2373 + { className: "_1cid" },
2374 + "Campaigns"
2375 + )
2376 + );
2377 + }
2378 + if (x === 320) {
2379 + return React.createElement(
2380 + "div",
2381 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2382 + null,
2383 + React.createElement(
2384 + "span",
2385 + { className: "_1cid" },
2386 + "Performance"
2387 + )
2388 + );
2389 + }
2390 + if (x === 323) {
2391 + return React.createElement(
2392 + "div",
2393 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2394 + null,
2395 + React.createElement(
2396 + "span",
2397 + { className: "_1cid" },
2398 + "Overview"
2399 + )
2400 + );
2401 + }
2402 + if (x === 326) {
2403 + return React.createElement(
2404 + "div",
2405 + { className: "_1cig _1vd7 _4h2r", id: undefined },
2406 + null,
2407 + React.createElement(
2408 + "span",
2409 + { className: "_1cid" },
2410 + "Toplines"
2411 + )
2412 + );
2413 + }
2414 + if (x === 329) {
2415 + return React.createElement("div", { className: "_1cig _1vd7 _4h2r", id: undefined });
2416 + }
2417 + if (x === 340) {
2418 + return React.createElement(
2419 + "div",
2420 + { className: "_1cig _25fg", id: undefined },
2421 + null,
2422 + React.createElement(
2423 + "span",
2424 + { className: "_1cid" },
2425 + "Campaign Name"
2426 + )
2427 + );
2428 + }
2429 + if (x === 346) {
2430 + return React.createElement(
2431 + "div",
2432 + { className: "_1cig _25fg", id: undefined, "data-tooltip-content": "Changed", "data-hover": "tooltip" },
2433 + ReactImage0(345),
2434 + null
2435 + );
2436 + }
2437 + if (x === 352) {
2438 + return React.createElement(
2439 + "div",
2440 + { className: "_1cig _25fg", id: "ads_pe_table_error_header", "data-tooltip-content": "Errors", "data-hover": "tooltip" },
2441 + ReactImage0(351),
2442 + null
2443 + );
2444 + }
2445 + if (x === 357) {
2446 + return React.createElement(
2447 + "div",
2448 + { className: "_1cig _25fg", id: undefined },
2449 + null,
2450 + React.createElement(
2451 + "span",
2452 + { className: "_1cid" },
2453 + "Status"
2454 + )
2455 + );
2456 + }
2457 + if (x === 362) {
2458 + return React.createElement(
2459 + "div",
2460 + { className: "_1cig _25fg", id: undefined },
2461 + null,
2462 + React.createElement(
2463 + "span",
2464 + { className: "_1cid" },
2465 + "Delivery"
2466 + )
2467 + );
2468 + }
2469 + if (x === 369) {
2470 + return React.createElement(
2471 + "div",
2472 + { className: "_1cig _25fg", id: undefined },
2473 + null,
2474 + React.createElement(
2475 + "span",
2476 + { className: "_1cid" },
2477 + "Results"
2478 + )
2479 + );
2480 + }
2481 + if (x === 374) {
2482 + return React.createElement(
2483 + "div",
2484 + { className: "_1cig _25fg", id: undefined },
2485 + null,
2486 + React.createElement(
2487 + "span",
2488 + { className: "_1cid" },
2489 + "Cost"
2490 + )
2491 + );
2492 + }
2493 + if (x === 379) {
2494 + return React.createElement(
2495 + "div",
2496 + { className: "_1cig _25fg", id: undefined },
2497 + null,
2498 + React.createElement(
2499 + "span",
2500 + { className: "_1cid" },
2501 + "Reach"
2502 + )
2503 + );
2504 + }
2505 + if (x === 384) {
2506 + return React.createElement(
2507 + "div",
2508 + { className: "_1cig _25fg", id: undefined },
2509 + null,
2510 + React.createElement(
2511 + "span",
2512 + { className: "_1cid" },
2513 + "Impressions"
2514 + )
2515 + );
2516 + }
2517 + if (x === 389) {
2518 + return React.createElement(
2519 + "div",
2520 + { className: "_1cig _25fg", id: undefined },
2521 + null,
2522 + React.createElement(
2523 + "span",
2524 + { className: "_1cid" },
2525 + "Clicks"
2526 + )
2527 + );
2528 + }
2529 + if (x === 394) {
2530 + return React.createElement(
2531 + "div",
2532 + { className: "_1cig _25fg", id: undefined },
2533 + null,
2534 + React.createElement(
2535 + "span",
2536 + { className: "_1cid" },
2537 + "Avg. CPM"
2538 + )
2539 + );
2540 + }
2541 + if (x === 399) {
2542 + return React.createElement(
2543 + "div",
2544 + { className: "_1cig _25fg", id: undefined },
2545 + null,
2546 + React.createElement(
2547 + "span",
2548 + { className: "_1cid" },
2549 + "Avg. CPC"
2550 + )
2551 + );
2552 + }
2553 + if (x === 404) {
2554 + return React.createElement(
2555 + "div",
2556 + { className: "_1cig _25fg", id: undefined },
2557 + null,
2558 + React.createElement(
2559 + "span",
2560 + { className: "_1cid" },
2561 + "CTR %"
2562 + )
2563 + );
2564 + }
2565 + if (x === 409) {
2566 + return React.createElement(
2567 + "div",
2568 + { className: "_1cig _25fg", id: undefined },
2569 + null,
2570 + React.createElement(
2571 + "span",
2572 + { className: "_1cid" },
2573 + "Spent"
2574 + )
2575 + );
2576 + }
2577 + if (x === 414) {
2578 + return React.createElement(
2579 + "div",
2580 + { className: "_1cig _25fg", id: undefined },
2581 + null,
2582 + React.createElement(
2583 + "span",
2584 + { className: "_1cid" },
2585 + "Objective"
2586 + )
2587 + );
2588 + }
2589 + if (x === 419) {
2590 + return React.createElement(
2591 + "div",
2592 + { className: "_1cig _25fg", id: undefined },
2593 + null,
2594 + React.createElement(
2595 + "span",
2596 + { className: "_1cid" },
2597 + "Buying Type"
2598 + )
2599 + );
2600 + }
2601 + if (x === 424) {
2602 + return React.createElement(
2603 + "div",
2604 + { className: "_1cig _25fg", id: undefined },
2605 + null,
2606 + React.createElement(
2607 + "span",
2608 + { className: "_1cid" },
2609 + "Campaign ID"
2610 + )
2611 + );
2612 + }
2613 + if (x === 429) {
2614 + return React.createElement(
2615 + "div",
2616 + { className: "_1cig _25fg", id: undefined },
2617 + null,
2618 + React.createElement(
2619 + "span",
2620 + { className: "_1cid" },
2621 + "Start"
2622 + )
2623 + );
2624 + }
2625 + if (x === 434) {
2626 + return React.createElement(
2627 + "div",
2628 + { className: "_1cig _25fg", id: undefined },
2629 + null,
2630 + React.createElement(
2631 + "span",
2632 + { className: "_1cid" },
2633 + "End"
2634 + )
2635 + );
2636 + }
2637 + if (x === 439) {
2638 + return React.createElement(
2639 + "div",
2640 + { className: "_1cig _25fg", id: undefined },
2641 + null,
2642 + React.createElement(
2643 + "span",
2644 + { className: "_1cid" },
2645 + "Date created"
2646 + )
2647 + );
2648 + }
2649 + if (x === 444) {
2650 + return React.createElement(
2651 + "div",
2652 + { className: "_1cig _25fg", id: undefined },
2653 + null,
2654 + React.createElement(
2655 + "span",
2656 + { className: "_1cid" },
2657 + "Date last edited"
2658 + )
2659 + );
2660 + }
2661 + if (x === 449) {
2662 + return React.createElement(
2663 + "div",
2664 + { className: "_1cig _25fg _4h2r", id: undefined },
2665 + null,
2666 + React.createElement(
2667 + "span",
2668 + { className: "_1cid" },
2669 + "Tags"
2670 + )
2671 + );
2672 + }
2673 + if (x === 452) {
2674 + return React.createElement("div", { className: "_1cig _25fg _4h2r", id: undefined });
2675 + }
2676 + };
2677 +
2678 + var TransitionCell142 = function (x) {
2679 + if (x === 316) {
2680 + return React.createElement(
2681 + "div",
2682 + { label: "Campaigns", height: 40, width: 721, className: "_4lgc _4h2u", style: { "height": 40, "width": 721 } },
2683 + React.createElement(
2684 + "div",
2685 + { className: "_4lgd _4h2w" },
2686 + React.createElement(
2687 + "div",
2688 + { className: "_4lge _4h2x" },
2689 + AdsPETableHeader141(315)
2690 + )
2691 + )
2692 + );
2693 + }
2694 + if (x === 321) {
2695 + return React.createElement(
2696 + "div",
2697 + { label: "Performance", height: 40, width: 798, className: "_4lgc _4h2u", style: { "height": 40, "width": 798 } },
2698 + React.createElement(
2699 + "div",
2700 + { className: "_4lgd _4h2w" },
2701 + React.createElement(
2702 + "div",
2703 + { className: "_4lge _4h2x" },
2704 + AdsPETableHeader141(320)
2705 + )
2706 + )
2707 + );
2708 + }
2709 + if (x === 324) {
2710 + return React.createElement(
2711 + "div",
2712 + { label: "Overview", height: 40, width: 1022, className: "_4lgc _4h2u", style: { "height": 40, "width": 1022 } },
2713 + React.createElement(
2714 + "div",
2715 + { className: "_4lgd _4h2w" },
2716 + React.createElement(
2717 + "div",
2718 + { className: "_4lge _4h2x" },
2719 + AdsPETableHeader141(323)
2720 + )
2721 + )
2722 + );
2723 + }
2724 + if (x === 327) {
2725 + return React.createElement(
2726 + "div",
2727 + { label: "Toplines", height: 40, width: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2728 + React.createElement(
2729 + "div",
2730 + { className: "_4lgd _4h2w" },
2731 + React.createElement(
2732 + "div",
2733 + { className: "_4lge _4h2x" },
2734 + AdsPETableHeader141(326)
2735 + )
2736 + )
2737 + );
2738 + }
2739 + if (x === 330) {
2740 + return React.createElement(
2741 + "div",
2742 + { label: "", height: 40, width: 25, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2743 + React.createElement(
2744 + "div",
2745 + { className: "_4lgd _4h2w" },
2746 + React.createElement(
2747 + "div",
2748 + { className: "_4lge _4h2x" },
2749 + AdsPETableHeader141(329)
2750 + )
2751 + )
2752 + );
2753 + }
2754 + if (x === 338) {
2755 + return React.createElement(
2756 + "div",
2757 + { label: undefined, width: 42, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 42 } },
2758 + React.createElement(
2759 + "div",
2760 + { className: "_4lgd _4h2w" },
2761 + React.createElement(
2762 + "div",
2763 + { className: "_4lge _4h2x" },
2764 + XUICheckboxInput60(337)
2765 + )
2766 + )
2767 + );
2768 + }
2769 + if (x === 343) {
2770 + return React.createElement(
2771 + "div",
2772 + { label: "Campaign Name", width: 400, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 400 } },
2773 + React.createElement(
2774 + "div",
2775 + { className: "_4lgd _4h2w" },
2776 + React.createElement(
2777 + "div",
2778 + { className: "_4lge _4h2x" },
2779 + FixedDataTableSortableHeader149(342)
2780 + )
2781 + )
2782 + );
2783 + }
2784 + if (x === 349) {
2785 + return React.createElement(
2786 + "div",
2787 + { label: undefined, width: 33, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 33 } },
2788 + React.createElement(
2789 + "div",
2790 + { className: "_4lgd _4h2w" },
2791 + React.createElement(
2792 + "div",
2793 + { className: "_4lge _4h2x" },
2794 + FixedDataTableSortableHeader149(348)
2795 + )
2796 + )
2797 + );
2798 + }
2799 + if (x === 355) {
2800 + return React.createElement(
2801 + "div",
2802 + { label: undefined, width: 36, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 36 } },
2803 + React.createElement(
2804 + "div",
2805 + { className: "_4lgd _4h2w" },
2806 + React.createElement(
2807 + "div",
2808 + { className: "_4lge _4h2x" },
2809 + FixedDataTableSortableHeader149(354)
2810 + )
2811 + )
2812 + );
2813 + }
2814 + if (x === 360) {
2815 + return React.createElement(
2816 + "div",
2817 + { label: "Status", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
2818 + React.createElement(
2819 + "div",
2820 + { className: "_4lgd _4h2w" },
2821 + React.createElement(
2822 + "div",
2823 + { className: "_4lge _4h2x" },
2824 + FixedDataTableSortableHeader149(359)
2825 + )
2826 + )
2827 + );
2828 + }
2829 + if (x === 365) {
2830 + return React.createElement(
2831 + "div",
2832 + { label: "Delivery", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
2833 + React.createElement(
2834 + "div",
2835 + { className: "_4lgd _4h2w" },
2836 + React.createElement(
2837 + "div",
2838 + { className: "_4lge _4h2x" },
2839 + FixedDataTableSortableHeader149(364)
2840 + )
2841 + )
2842 + );
2843 + }
2844 + if (x === 372) {
2845 + return React.createElement(
2846 + "div",
2847 + { label: "Results", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
2848 + React.createElement(
2849 + "div",
2850 + { className: "_4lgd _4h2w" },
2851 + React.createElement(
2852 + "div",
2853 + { className: "_4lge _4h2x" },
2854 + FixedDataTableSortableHeader149(371)
2855 + )
2856 + )
2857 + );
2858 + }
2859 + if (x === 377) {
2860 + return React.createElement(
2861 + "div",
2862 + { label: "Cost", width: 140, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 140 } },
2863 + React.createElement(
2864 + "div",
2865 + { className: "_4lgd _4h2w" },
2866 + React.createElement(
2867 + "div",
2868 + { className: "_4lge _4h2x" },
2869 + FixedDataTableSortableHeader149(376)
2870 + )
2871 + )
2872 + );
2873 + }
2874 + if (x === 382) {
2875 + return React.createElement(
2876 + "div",
2877 + { label: "Reach", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2878 + React.createElement(
2879 + "div",
2880 + { className: "_4lgd _4h2w" },
2881 + React.createElement(
2882 + "div",
2883 + { className: "_4lge _4h2x" },
2884 + FixedDataTableSortableHeader149(381)
2885 + )
2886 + )
2887 + );
2888 + }
2889 + if (x === 387) {
2890 + return React.createElement(
2891 + "div",
2892 + { label: "Impressions", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2893 + React.createElement(
2894 + "div",
2895 + { className: "_4lgd _4h2w" },
2896 + React.createElement(
2897 + "div",
2898 + { className: "_4lge _4h2x" },
2899 + FixedDataTableSortableHeader149(386)
2900 + )
2901 + )
2902 + );
2903 + }
2904 + if (x === 392) {
2905 + return React.createElement(
2906 + "div",
2907 + { label: "Clicks", width: 60, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 60 } },
2908 + React.createElement(
2909 + "div",
2910 + { className: "_4lgd _4h2w" },
2911 + React.createElement(
2912 + "div",
2913 + { className: "_4lge _4h2x" },
2914 + FixedDataTableSortableHeader149(391)
2915 + )
2916 + )
2917 + );
2918 + }
2919 + if (x === 397) {
2920 + return React.createElement(
2921 + "div",
2922 + { label: "Avg. CPM", width: 80, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 80 } },
2923 + React.createElement(
2924 + "div",
2925 + { className: "_4lgd _4h2w" },
2926 + React.createElement(
2927 + "div",
2928 + { className: "_4lge _4h2x" },
2929 + FixedDataTableSortableHeader149(396)
2930 + )
2931 + )
2932 + );
2933 + }
2934 + if (x === 402) {
2935 + return React.createElement(
2936 + "div",
2937 + { label: "Avg. CPC", width: 78, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 78 } },
2938 + React.createElement(
2939 + "div",
2940 + { className: "_4lgd _4h2w" },
2941 + React.createElement(
2942 + "div",
2943 + { className: "_4lge _4h2x" },
2944 + FixedDataTableSortableHeader149(401)
2945 + )
2946 + )
2947 + );
2948 + }
2949 + if (x === 407) {
2950 + return React.createElement(
2951 + "div",
2952 + { label: "CTR %", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
2953 + React.createElement(
2954 + "div",
2955 + { className: "_4lgd _4h2w" },
2956 + React.createElement(
2957 + "div",
2958 + { className: "_4lge _4h2x" },
2959 + FixedDataTableSortableHeader149(406)
2960 + )
2961 + )
2962 + );
2963 + }
2964 + if (x === 412) {
2965 + return React.createElement(
2966 + "div",
2967 + { label: "Spent", width: 70, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 70 } },
2968 + React.createElement(
2969 + "div",
2970 + { className: "_4lgd _4h2w" },
2971 + React.createElement(
2972 + "div",
2973 + { className: "_4lge _4h2x" },
2974 + FixedDataTableSortableHeader149(411)
2975 + )
2976 + )
2977 + );
2978 + }
2979 + if (x === 417) {
2980 + return React.createElement(
2981 + "div",
2982 + { label: "Objective", width: 200, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 200 } },
2983 + React.createElement(
2984 + "div",
2985 + { className: "_4lgd _4h2w" },
2986 + React.createElement(
2987 + "div",
2988 + { className: "_4lge _4h2x" },
2989 + FixedDataTableSortableHeader149(416)
2990 + )
2991 + )
2992 + );
2993 + }
2994 + if (x === 422) {
2995 + return React.createElement(
2996 + "div",
2997 + { label: "Buying Type", width: 100, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 100 } },
2998 + React.createElement(
2999 + "div",
3000 + { className: "_4lgd _4h2w" },
3001 + React.createElement(
3002 + "div",
3003 + { className: "_4lge _4h2x" },
3004 + FixedDataTableSortableHeader149(421)
3005 + )
3006 + )
3007 + );
3008 + }
3009 + if (x === 427) {
3010 + return React.createElement(
3011 + "div",
3012 + { label: "Campaign ID", width: 120, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 120 } },
3013 + React.createElement(
3014 + "div",
3015 + { className: "_4lgd _4h2w" },
3016 + React.createElement(
3017 + "div",
3018 + { className: "_4lge _4h2x" },
3019 + FixedDataTableSortableHeader149(426)
3020 + )
3021 + )
3022 + );
3023 + }
3024 + if (x === 432) {
3025 + return React.createElement(
3026 + "div",
3027 + { label: "Start", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3028 + React.createElement(
3029 + "div",
3030 + { className: "_4lgd _4h2w" },
3031 + React.createElement(
3032 + "div",
3033 + { className: "_4lge _4h2x" },
3034 + FixedDataTableSortableHeader149(431)
3035 + )
3036 + )
3037 + );
3038 + }
3039 + if (x === 437) {
3040 + return React.createElement(
3041 + "div",
3042 + { label: "End", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3043 + React.createElement(
3044 + "div",
3045 + { className: "_4lgd _4h2w" },
3046 + React.createElement(
3047 + "div",
3048 + { className: "_4lge _4h2x" },
3049 + FixedDataTableSortableHeader149(436)
3050 + )
3051 + )
3052 + );
3053 + }
3054 + if (x === 442) {
3055 + return React.createElement(
3056 + "div",
3057 + { label: "Date created", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3058 + React.createElement(
3059 + "div",
3060 + { className: "_4lgd _4h2w" },
3061 + React.createElement(
3062 + "div",
3063 + { className: "_4lge _4h2x" },
3064 + FixedDataTableSortableHeader149(441)
3065 + )
3066 + )
3067 + );
3068 + }
3069 + if (x === 447) {
3070 + return React.createElement(
3071 + "div",
3072 + { label: "Date last edited", width: 113, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 113 } },
3073 + React.createElement(
3074 + "div",
3075 + { className: "_4lgd _4h2w" },
3076 + React.createElement(
3077 + "div",
3078 + { className: "_4lge _4h2x" },
3079 + FixedDataTableSortableHeader149(446)
3080 + )
3081 + )
3082 + );
3083 + }
3084 + if (x === 450) {
3085 + return React.createElement(
3086 + "div",
3087 + { label: "Tags", width: 150, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 150 } },
3088 + React.createElement(
3089 + "div",
3090 + { className: "_4lgd _4h2w" },
3091 + React.createElement(
3092 + "div",
3093 + { className: "_4lge _4h2x" },
3094 + AdsPETableHeader141(449)
3095 + )
3096 + )
3097 + );
3098 + }
3099 + if (x === 453) {
3100 + return React.createElement(
3101 + "div",
3102 + { label: "", width: 25, className: "_4lgc _4h2u", height: 25, style: { "height": 25, "width": 25 } },
3103 + React.createElement(
3104 + "div",
3105 + { className: "_4lgd _4h2w" },
3106 + React.createElement(
3107 + "div",
3108 + { className: "_4lge _4h2x" },
3109 + AdsPETableHeader141(452)
3110 + )
3111 + )
3112 + );
3113 + }
3114 + };
3115 +
3116 + var FixedDataTableCell143 = function (x) {
3117 + if (x === 317) {
3118 + return React.createElement(
3119 + "div",
3120 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 721, "left": 0 } },
3121 + undefined,
3122 + TransitionCell142(316)
3123 + );
3124 + }
3125 + if (x === 322) {
3126 + return React.createElement(
3127 + "div",
3128 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 798, "left": 0 } },
3129 + undefined,
3130 + TransitionCell142(321)
3131 + );
3132 + }
3133 + if (x === 325) {
3134 + return React.createElement(
3135 + "div",
3136 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 1022, "left": 798 } },
3137 + undefined,
3138 + TransitionCell142(324)
3139 + );
3140 + }
3141 + if (x === 328) {
3142 + return React.createElement(
3143 + "div",
3144 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 1820 } },
3145 + undefined,
3146 + TransitionCell142(327)
3147 + );
3148 + }
3149 + if (x === 331) {
3150 + return React.createElement(
3151 + "div",
3152 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 1820 } },
3153 + undefined,
3154 + TransitionCell142(330)
3155 + );
3156 + }
3157 + if (x === 339) {
3158 + return React.createElement(
3159 + "div",
3160 + { className: "_4lg0 _4lg6 _4h2m", style: { "height": 25, "width": 42, "left": 0 } },
3161 + undefined,
3162 + TransitionCell142(338)
3163 + );
3164 + }
3165 + if (x === 344) {
3166 + return React.createElement(
3167 + "div",
3168 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 400, "left": 42 } },
3169 + React.createElement(
3170 + "div",
3171 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3172 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3173 + ),
3174 + TransitionCell142(343)
3175 + );
3176 + }
3177 + if (x === 350) {
3178 + return React.createElement(
3179 + "div",
3180 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 33, "left": 442 } },
3181 + undefined,
3182 + TransitionCell142(349)
3183 + );
3184 + }
3185 + if (x === 356) {
3186 + return React.createElement(
3187 + "div",
3188 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 36, "left": 475 } },
3189 + undefined,
3190 + TransitionCell142(355)
3191 + );
3192 + }
3193 + if (x === 361) {
3194 + return React.createElement(
3195 + "div",
3196 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 60, "left": 511 } },
3197 + undefined,
3198 + TransitionCell142(360)
3199 + );
3200 + }
3201 + if (x === 366) {
3202 + return React.createElement(
3203 + "div",
3204 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 571 } },
3205 + React.createElement(
3206 + "div",
3207 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3208 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3209 + ),
3210 + TransitionCell142(365)
3211 + );
3212 + }
3213 + if (x === 373) {
3214 + return React.createElement(
3215 + "div",
3216 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 0 } },
3217 + React.createElement(
3218 + "div",
3219 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3220 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3221 + ),
3222 + TransitionCell142(372)
3223 + );
3224 + }
3225 + if (x === 378) {
3226 + return React.createElement(
3227 + "div",
3228 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 140 } },
3229 + React.createElement(
3230 + "div",
3231 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3232 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3233 + ),
3234 + TransitionCell142(377)
3235 + );
3236 + }
3237 + if (x === 383) {
3238 + return React.createElement(
3239 + "div",
3240 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 280 } },
3241 + React.createElement(
3242 + "div",
3243 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3244 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3245 + ),
3246 + TransitionCell142(382)
3247 + );
3248 + }
3249 + if (x === 388) {
3250 + return React.createElement(
3251 + "div",
3252 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 360 } },
3253 + React.createElement(
3254 + "div",
3255 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3256 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3257 + ),
3258 + TransitionCell142(387)
3259 + );
3260 + }
3261 + if (x === 393) {
3262 + return React.createElement(
3263 + "div",
3264 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 440 } },
3265 + React.createElement(
3266 + "div",
3267 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3268 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3269 + ),
3270 + TransitionCell142(392)
3271 + );
3272 + }
3273 + if (x === 398) {
3274 + return React.createElement(
3275 + "div",
3276 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 500 } },
3277 + React.createElement(
3278 + "div",
3279 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3280 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3281 + ),
3282 + TransitionCell142(397)
3283 + );
3284 + }
3285 + if (x === 403) {
3286 + return React.createElement(
3287 + "div",
3288 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 78, "left": 580 } },
3289 + React.createElement(
3290 + "div",
3291 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3292 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3293 + ),
3294 + TransitionCell142(402)
3295 + );
3296 + }
3297 + if (x === 408) {
3298 + return React.createElement(
3299 + "div",
3300 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 658 } },
3301 + React.createElement(
3302 + "div",
3303 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3304 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3305 + ),
3306 + TransitionCell142(407)
3307 + );
3308 + }
3309 + if (x === 413) {
3310 + return React.createElement(
3311 + "div",
3312 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 728 } },
3313 + React.createElement(
3314 + "div",
3315 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3316 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3317 + ),
3318 + TransitionCell142(412)
3319 + );
3320 + }
3321 + if (x === 418) {
3322 + return React.createElement(
3323 + "div",
3324 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 200, "left": 798 } },
3325 + React.createElement(
3326 + "div",
3327 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3328 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3329 + ),
3330 + TransitionCell142(417)
3331 + );
3332 + }
3333 + if (x === 423) {
3334 + return React.createElement(
3335 + "div",
3336 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 998 } },
3337 + React.createElement(
3338 + "div",
3339 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3340 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3341 + ),
3342 + TransitionCell142(422)
3343 + );
3344 + }
3345 + if (x === 428) {
3346 + return React.createElement(
3347 + "div",
3348 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 120, "left": 1098 } },
3349 + React.createElement(
3350 + "div",
3351 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3352 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3353 + ),
3354 + TransitionCell142(427)
3355 + );
3356 + }
3357 + if (x === 433) {
3358 + return React.createElement(
3359 + "div",
3360 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1218 } },
3361 + React.createElement(
3362 + "div",
3363 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3364 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3365 + ),
3366 + TransitionCell142(432)
3367 + );
3368 + }
3369 + if (x === 438) {
3370 + return React.createElement(
3371 + "div",
3372 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1331 } },
3373 + React.createElement(
3374 + "div",
3375 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3376 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3377 + ),
3378 + TransitionCell142(437)
3379 + );
3380 + }
3381 + if (x === 443) {
3382 + return React.createElement(
3383 + "div",
3384 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1444 } },
3385 + React.createElement(
3386 + "div",
3387 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3388 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3389 + ),
3390 + TransitionCell142(442)
3391 + );
3392 + }
3393 + if (x === 448) {
3394 + return React.createElement(
3395 + "div",
3396 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1557 } },
3397 + React.createElement(
3398 + "div",
3399 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3400 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3401 + ),
3402 + TransitionCell142(447)
3403 + );
3404 + }
3405 + if (x === 451) {
3406 + return React.createElement(
3407 + "div",
3408 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 1670 } },
3409 + React.createElement(
3410 + "div",
3411 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3412 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3413 + ),
3414 + TransitionCell142(450)
3415 + );
3416 + }
3417 + if (x === 454) {
3418 + return React.createElement(
3419 + "div",
3420 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 25, "left": 1820 } },
3421 + undefined,
3422 + TransitionCell142(453)
3423 + );
3424 + }
3425 + };
3426 +
3427 + var FixedDataTableCellGroupImpl144 = function (x) {
3428 + if (x === 318) {
3429 + return React.createElement(
3430 + "div",
3431 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3432 + FixedDataTableCell143(317)
3433 + );
3434 + }
3435 + if (x === 332) {
3436 + return React.createElement(
3437 + "div",
3438 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3439 + FixedDataTableCell143(322),
3440 + FixedDataTableCell143(325),
3441 + FixedDataTableCell143(328),
3442 + FixedDataTableCell143(331)
3443 + );
3444 + }
3445 + if (x === 367) {
3446 + return React.createElement(
3447 + "div",
3448 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 721, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3449 + FixedDataTableCell143(339),
3450 + FixedDataTableCell143(344),
3451 + FixedDataTableCell143(350),
3452 + FixedDataTableCell143(356),
3453 + FixedDataTableCell143(361),
3454 + FixedDataTableCell143(366)
3455 + );
3456 + }
3457 + if (x === 455) {
3458 + return React.createElement(
3459 + "div",
3460 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 1845, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3461 + FixedDataTableCell143(373),
3462 + FixedDataTableCell143(378),
3463 + FixedDataTableCell143(383),
3464 + FixedDataTableCell143(388),
3465 + FixedDataTableCell143(393),
3466 + FixedDataTableCell143(398),
3467 + FixedDataTableCell143(403),
3468 + FixedDataTableCell143(408),
3469 + FixedDataTableCell143(413),
3470 + FixedDataTableCell143(418),
3471 + FixedDataTableCell143(423),
3472 + FixedDataTableCell143(428),
3473 + FixedDataTableCell143(433),
3474 + FixedDataTableCell143(438),
3475 + FixedDataTableCell143(443),
3476 + FixedDataTableCell143(448),
3477 + FixedDataTableCell143(451),
3478 + FixedDataTableCell143(454)
3479 + );
3480 + }
3481 + };
3482 +
3483 + var FixedDataTableCellGroup145 = function (x) {
3484 + if (x === 319) {
3485 + return React.createElement(
3486 + "div",
3487 + { style: { "height": 40, "left": 0 }, className: "_3pzk" },
3488 + FixedDataTableCellGroupImpl144(318)
3489 + );
3490 + }
3491 + if (x === 333) {
3492 + return React.createElement(
3493 + "div",
3494 + { style: { "height": 40, "left": 721 }, className: "_3pzk" },
3495 + FixedDataTableCellGroupImpl144(332)
3496 + );
3497 + }
3498 + if (x === 368) {
3499 + return React.createElement(
3500 + "div",
3501 + { style: { "height": 25, "left": 0 }, className: "_3pzk" },
3502 + FixedDataTableCellGroupImpl144(367)
3503 + );
3504 + }
3505 + if (x === 456) {
3506 + return React.createElement(
3507 + "div",
3508 + { style: { "height": 25, "left": 721 }, className: "_3pzk" },
3509 + FixedDataTableCellGroupImpl144(455)
3510 + );
3511 + }
3512 + };
3513 +
3514 + var FixedDataTableRowImpl146 = function (x) {
3515 + if (x === 334) {
3516 + return React.createElement(
3517 + "div",
3518 + { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 40 } },
3519 + React.createElement(
3520 + "div",
3521 + { className: "_1gd5" },
3522 + FixedDataTableCellGroup145(319),
3523 + FixedDataTableCellGroup145(333),
3524 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 721, "height": 40 } })
3525 + )
3526 + );
3527 + }
3528 + if (x === 457) {
3529 + return React.createElement(
3530 + "div",
3531 + { className: "_1gd4 _4li _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1209, "height": 25 } },
3532 + React.createElement(
3533 + "div",
3534 + { className: "_1gd5" },
3535 + FixedDataTableCellGroup145(368),
3536 + FixedDataTableCellGroup145(456),
3537 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 721, "height": 25 } })
3538 + )
3539 + );
3540 + }
3541 + };
3542 +
3543 + var FixedDataTableRow147 = function (x) {
3544 + if (x === 335) {
3545 + return React.createElement(
3546 + "div",
3547 + { style: { "width": 1209, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
3548 + FixedDataTableRowImpl146(334)
3549 + );
3550 + }
3551 + if (x === 458) {
3552 + return React.createElement(
3553 + "div",
3554 + { style: { "width": 1209, "height": 25, "zIndex": 1, "transform": "translate3d(0px,40px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
3555 + FixedDataTableRowImpl146(457)
3556 + );
3557 + }
3558 + };
3559 +
3560 + var FixedDataTableAbstractSortableHeader148 = function (x) {
3561 + if (x === 341) {
3562 + return React.createElement(
3563 + "div",
3564 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3565 + React.createElement(
3566 + "div",
3567 + { className: "_2eq6" },
3568 + null,
3569 + AdsPETableHeader141(340)
3570 + )
3571 + );
3572 + }
3573 + if (x === 347) {
3574 + return React.createElement(
3575 + "div",
3576 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3577 + React.createElement(
3578 + "div",
3579 + { className: "_2eq6" },
3580 + null,
3581 + AdsPETableHeader141(346)
3582 + )
3583 + );
3584 + }
3585 + if (x === 353) {
3586 + return React.createElement(
3587 + "div",
3588 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
3589 + React.createElement(
3590 + "div",
3591 + { className: "_2eq6" },
3592 + null,
3593 + AdsPETableHeader141(352)
3594 + )
3595 + );
3596 + }
3597 + if (x === 358) {
3598 + return React.createElement(
3599 + "div",
3600 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3601 + React.createElement(
3602 + "div",
3603 + { className: "_2eq6" },
3604 + null,
3605 + AdsPETableHeader141(357)
3606 + )
3607 + );
3608 + }
3609 + if (x === 363) {
3610 + return React.createElement(
3611 + "div",
3612 + { onClick: function () {}, className: "_54_8 _54_9 _4h2r _2wzx" },
3613 + React.createElement(
3614 + "div",
3615 + { className: "_2eq6" },
3616 + null,
3617 + AdsPETableHeader141(362)
3618 + )
3619 + );
3620 + }
3621 + if (x === 370) {
3622 + return React.createElement(
3623 + "div",
3624 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3625 + React.createElement(
3626 + "div",
3627 + { className: "_2eq6" },
3628 + null,
3629 + AdsPETableHeader141(369)
3630 + )
3631 + );
3632 + }
3633 + if (x === 375) {
3634 + return React.createElement(
3635 + "div",
3636 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3637 + React.createElement(
3638 + "div",
3639 + { className: "_2eq6" },
3640 + null,
3641 + AdsPETableHeader141(374)
3642 + )
3643 + );
3644 + }
3645 + if (x === 380) {
3646 + return React.createElement(
3647 + "div",
3648 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3649 + React.createElement(
3650 + "div",
3651 + { className: "_2eq6" },
3652 + null,
3653 + AdsPETableHeader141(379)
3654 + )
3655 + );
3656 + }
3657 + if (x === 385) {
3658 + return React.createElement(
3659 + "div",
3660 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3661 + React.createElement(
3662 + "div",
3663 + { className: "_2eq6" },
3664 + null,
3665 + AdsPETableHeader141(384)
3666 + )
3667 + );
3668 + }
3669 + if (x === 390) {
3670 + return React.createElement(
3671 + "div",
3672 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3673 + React.createElement(
3674 + "div",
3675 + { className: "_2eq6" },
3676 + null,
3677 + AdsPETableHeader141(389)
3678 + )
3679 + );
3680 + }
3681 + if (x === 395) {
3682 + return React.createElement(
3683 + "div",
3684 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3685 + React.createElement(
3686 + "div",
3687 + { className: "_2eq6" },
3688 + null,
3689 + AdsPETableHeader141(394)
3690 + )
3691 + );
3692 + }
3693 + if (x === 400) {
3694 + return React.createElement(
3695 + "div",
3696 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3697 + React.createElement(
3698 + "div",
3699 + { className: "_2eq6" },
3700 + null,
3701 + AdsPETableHeader141(399)
3702 + )
3703 + );
3704 + }
3705 + if (x === 405) {
3706 + return React.createElement(
3707 + "div",
3708 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3709 + React.createElement(
3710 + "div",
3711 + { className: "_2eq6" },
3712 + null,
3713 + AdsPETableHeader141(404)
3714 + )
3715 + );
3716 + }
3717 + if (x === 410) {
3718 + return React.createElement(
3719 + "div",
3720 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3721 + React.createElement(
3722 + "div",
3723 + { className: "_2eq6" },
3724 + null,
3725 + AdsPETableHeader141(409)
3726 + )
3727 + );
3728 + }
3729 + if (x === 415) {
3730 + return React.createElement(
3731 + "div",
3732 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3733 + React.createElement(
3734 + "div",
3735 + { className: "_2eq6" },
3736 + null,
3737 + AdsPETableHeader141(414)
3738 + )
3739 + );
3740 + }
3741 + if (x === 420) {
3742 + return React.createElement(
3743 + "div",
3744 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3745 + React.createElement(
3746 + "div",
3747 + { className: "_2eq6" },
3748 + null,
3749 + AdsPETableHeader141(419)
3750 + )
3751 + );
3752 + }
3753 + if (x === 425) {
3754 + return React.createElement(
3755 + "div",
3756 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3757 + React.createElement(
3758 + "div",
3759 + { className: "_2eq6" },
3760 + null,
3761 + AdsPETableHeader141(424)
3762 + )
3763 + );
3764 + }
3765 + if (x === 430) {
3766 + return React.createElement(
3767 + "div",
3768 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3769 + React.createElement(
3770 + "div",
3771 + { className: "_2eq6" },
3772 + null,
3773 + AdsPETableHeader141(429)
3774 + )
3775 + );
3776 + }
3777 + if (x === 435) {
3778 + return React.createElement(
3779 + "div",
3780 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3781 + React.createElement(
3782 + "div",
3783 + { className: "_2eq6" },
3784 + null,
3785 + AdsPETableHeader141(434)
3786 + )
3787 + );
3788 + }
3789 + if (x === 440) {
3790 + return React.createElement(
3791 + "div",
3792 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3793 + React.createElement(
3794 + "div",
3795 + { className: "_2eq6" },
3796 + null,
3797 + AdsPETableHeader141(439)
3798 + )
3799 + );
3800 + }
3801 + if (x === 445) {
3802 + return React.createElement(
3803 + "div",
3804 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3805 + React.createElement(
3806 + "div",
3807 + { className: "_2eq6" },
3808 + null,
3809 + AdsPETableHeader141(444)
3810 + )
3811 + );
3812 + }
3813 + };
3814 +
3815 + var FixedDataTableSortableHeader149 = function (x) {
3816 + if (x === 342) {
3817 + return FixedDataTableAbstractSortableHeader148(341);
3818 + }
3819 + if (x === 348) {
3820 + return FixedDataTableAbstractSortableHeader148(347);
3821 + }
3822 + if (x === 354) {
3823 + return FixedDataTableAbstractSortableHeader148(353);
3824 + }
3825 + if (x === 359) {
3826 + return FixedDataTableAbstractSortableHeader148(358);
3827 + }
3828 + if (x === 364) {
3829 + return FixedDataTableAbstractSortableHeader148(363);
3830 + }
3831 + if (x === 371) {
3832 + return FixedDataTableAbstractSortableHeader148(370);
3833 + }
3834 + if (x === 376) {
3835 + return FixedDataTableAbstractSortableHeader148(375);
3836 + }
3837 + if (x === 381) {
3838 + return FixedDataTableAbstractSortableHeader148(380);
3839 + }
3840 + if (x === 386) {
3841 + return FixedDataTableAbstractSortableHeader148(385);
3842 + }
3843 + if (x === 391) {
3844 + return FixedDataTableAbstractSortableHeader148(390);
3845 + }
3846 + if (x === 396) {
3847 + return FixedDataTableAbstractSortableHeader148(395);
3848 + }
3849 + if (x === 401) {
3850 + return FixedDataTableAbstractSortableHeader148(400);
3851 + }
3852 + if (x === 406) {
3853 + return FixedDataTableAbstractSortableHeader148(405);
3854 + }
3855 + if (x === 411) {
3856 + return FixedDataTableAbstractSortableHeader148(410);
3857 + }
3858 + if (x === 416) {
3859 + return FixedDataTableAbstractSortableHeader148(415);
3860 + }
3861 + if (x === 421) {
3862 + return FixedDataTableAbstractSortableHeader148(420);
3863 + }
3864 + if (x === 426) {
3865 + return FixedDataTableAbstractSortableHeader148(425);
3866 + }
3867 + if (x === 431) {
3868 + return FixedDataTableAbstractSortableHeader148(430);
3869 + }
3870 + if (x === 436) {
3871 + return FixedDataTableAbstractSortableHeader148(435);
3872 + }
3873 + if (x === 441) {
3874 + return FixedDataTableAbstractSortableHeader148(440);
3875 + }
3876 + if (x === 446) {
3877 + return FixedDataTableAbstractSortableHeader148(445);
3878 + }
3879 + };
3880 +
3881 + var FixedDataTableBufferedRows150 = function (x) {
3882 + if (x === 459) {
3883 + return React.createElement("div", { style: { "position": "absolute", "pointerEvents": "auto", "transform": "translate3d(0px,65px,0)", "backfaceVisibility": "hidden" } });
3884 + }
3885 + };
3886 +
3887 + var Scrollbar151 = function (x) {
3888 + if (x === 460) {
3889 + return null;
3890 + }
3891 + if (x === 461) {
3892 + return React.createElement(
3893 + "div",
3894 + { onFocus: function () {}, onBlur: function () {}, onKeyDown: function () {}, onMouseDown: function () {}, onWheel: function () {}, className: "_1t0r _1t0t _4jdr _1t0u", style: { "width": 1209, "zIndex": 99 }, tabIndex: 0 },
3895 + React.createElement("div", { className: "_1t0w _1t0y _1t0_", style: { "width": 561.6340607950117, "transform": "translate3d(4px,0px,0)", "backfaceVisibility": "hidden" } })
3896 + );
3897 + }
3898 + };
3899 +
3900 + var HorizontalScrollbar152 = function (x) {
3901 + if (x === 462) {
3902 + return React.createElement(
3903 + "div",
3904 + { className: "_3h1k _3h1m", style: { "height": 15, "width": 1209 } },
3905 + React.createElement(
3906 + "div",
3907 + { style: { "height": 15, "position": "absolute", "overflow": "hidden", "width": 1209, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
3908 + Scrollbar151(461)
3909 + )
3910 + );
3911 + }
3912 + };
3913 +
3914 + var FixedDataTable153 = function (x) {
3915 + if (x === 463) {
3916 + return React.createElement(
3917 + "div",
3918 + { className: "_3h1i _1mie", onWheel: function () {}, style: { "height": 25, "width": 1209 } },
3919 + React.createElement(
3920 + "div",
3921 + { className: "_3h1j", style: { "height": 8, "width": 1209 } },
3922 + FixedDataTableColumnResizeHandle140(313),
3923 + FixedDataTableRow147(335),
3924 + FixedDataTableRow147(458),
3925 + FixedDataTableBufferedRows150(459),
3926 + null,
3927 + undefined,
3928 + React.createElement("div", { className: "_3h1e _3h1h", style: { "top": 8 } })
3929 + ),
3930 + Scrollbar151(460),
3931 + HorizontalScrollbar152(462)
3932 + );
3933 + }
3934 + };
3935 +
3936 + var TransitionTable154 = function (x) {
3937 + if (x === 464) {
3938 + return FixedDataTable153(463);
3939 + }
3940 + };
3941 +
3942 + var AdsSelectableFixedDataTable155 = function (x) {
3943 + if (x === 465) {
3944 + return React.createElement(
3945 + "div",
3946 + { className: "_5hht" },
3947 + TransitionTable154(464)
3948 + );
3949 + }
3950 + };
3951 +
3952 + var AdsDataTableKeyboardSupportDecorator156 = function (x) {
3953 + if (x === 466) {
3954 + return React.createElement(
3955 + "div",
3956 + { className: "_5d6f", tabIndex: "0", onKeyDown: function () {} },
3957 + AdsSelectableFixedDataTable155(465)
3958 + );
3959 + }
3960 + };
3961 +
3962 + var AdsEditableDataTableDecorator157 = function (x) {
3963 + if (x === 467) {
3964 + return React.createElement(
3965 + "div",
3966 + { onCopy: function () {} },
3967 + AdsDataTableKeyboardSupportDecorator156(466)
3968 + );
3969 + }
3970 + };
3971 +
3972 + var AdsPEDataTableContainer158 = function (x) {
3973 + if (x === 468) {
3974 + return React.createElement(
3975 + "div",
3976 + { className: "_35l_ _1hr clearfix" },
3977 + null,
3978 + null,
3979 + null,
3980 + AdsEditableDataTableDecorator157(467)
3981 + );
3982 + }
3983 + };
3984 +
3985 + var AdsPECampaignGroupTableContainer159 = function (x) {
3986 + if (x === 470) {
3987 + return ResponsiveBlock37(469);
3988 + }
3989 + };
3990 +
3991 + var AdsPEManageAdsPaneContainer160 = function (x) {
3992 + if (x === 473) {
3993 + return React.createElement(
3994 + "div",
3995 + null,
3996 + AdsErrorBoundary10(65),
3997 + React.createElement(
3998 + "div",
3999 + { className: "_2uty" },
4000 + AdsErrorBoundary10(125)
4001 + ),
4002 + React.createElement(
4003 + "div",
4004 + { className: "_2utx _21oc" },
4005 + AdsErrorBoundary10(171),
4006 + React.createElement(
4007 + "div",
4008 + { className: "_41tu" },
4009 + AdsErrorBoundary10(176),
4010 + AdsErrorBoundary10(194)
4011 + )
4012 + ),
4013 + React.createElement(
4014 + "div",
4015 + { className: "_2utz", style: { "height": 25 } },
4016 + AdsErrorBoundary10(302),
4017 + React.createElement(
4018 + "div",
4019 + { className: "_2ut-" },
4020 + AdsErrorBoundary10(312)
4021 + ),
4022 + React.createElement(
4023 + "div",
4024 + { className: "_2ut_" },
4025 + AdsErrorBoundary10(472)
4026 + )
4027 + )
4028 + );
4029 + }
4030 + };
4031 +
4032 + var AdsPEContentContainer161 = function (x) {
4033 + if (x === 474) {
4034 + return AdsPEManageAdsPaneContainer160(473);
4035 + }
4036 + };
4037 +
4038 + var FluxContainer_AdsPEWorkspaceContainer_162 = function (x) {
4039 + if (x === 477) {
4040 + return React.createElement(
4041 + "div",
4042 + { className: "_49wu", style: { "height": 177, "top": 43, "width": 1306 } },
4043 + ResponsiveBlock37(62, '0'),
4044 + AdsErrorBoundary10(476, '1'),
4045 + null
4046 + );
4047 + }
4048 + };
4049 +
4050 + var FluxContainer_AdsSessionExpiredDialogContainer_163 = function (x) {
4051 + if (x === 478) {
4052 + return null;
4053 + }
4054 + };
4055 +
4056 + var FluxContainer_AdsPEUploadDialogLazyContainer_164 = function (x) {
4057 + if (x === 479) {
4058 + return null;
4059 + }
4060 + };
4061 +
4062 + var FluxContainer_DialogContainer_165 = function (x) {
4063 + if (x === 480) {
4064 + return null;
4065 + }
4066 + };
4067 +
4068 + var AdsBugReportContainer166 = function (x) {
4069 + if (x === 481) {
4070 + return React.createElement("span", null);
4071 + }
4072 + };
4073 +
4074 + var AdsPEAudienceSplittingDialog167 = function (x) {
4075 + if (x === 482) {
4076 + return null;
4077 + }
4078 + };
4079 +
4080 + var AdsPEAudienceSplittingDialogContainer168 = function (x) {
4081 + if (x === 483) {
4082 + return React.createElement(
4083 + "div",
4084 + null,
4085 + AdsPEAudienceSplittingDialog167(482)
4086 + );
4087 + }
4088 + };
4089 +
4090 + var FluxContainer_AdsRuleDialogBootloadContainer_169 = function (x) {
4091 + if (x === 484) {
4092 + return null;
4093 + }
4094 + };
4095 +
4096 + var FluxContainer_AdsPECFTrayContainer_170 = function (x) {
4097 + if (x === 485) {
4098 + return null;
4099 + }
4100 + };
4101 +
4102 + var FluxContainer_AdsPEDeleteDraftContainer_171 = function (x) {
4103 + if (x === 486) {
4104 + return null;
4105 + }
4106 + };
4107 +
4108 + var FluxContainer_AdsPEInitialDraftPublishDialogContainer_172 = function (x) {
4109 + if (x === 487) {
4110 + return null;
4111 + }
4112 + };
4113 +
4114 + var FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173 = function (x) {
4115 + if (x === 488) {
4116 + return null;
4117 + }
4118 + };
4119 +
4120 + var FluxContainer_AdsPEPurgeArchiveDialogContainer_174 = function (x) {
4121 + if (x === 489) {
4122 + return null;
4123 + }
4124 + };
4125 +
4126 + var AdsPECreateDialogContainer175 = function (x) {
4127 + if (x === 490) {
4128 + return React.createElement("span", null);
4129 + }
4130 + };
4131 +
4132 + var FluxContainer_AdsPEModalStatusContainer_176 = function (x) {
4133 + if (x === 491) {
4134 + return null;
4135 + }
4136 + };
4137 +
4138 + var FluxContainer_AdsBrowserExtensionErrorDialogContainer_177 = function (x) {
4139 + if (x === 492) {
4140 + return null;
4141 + }
4142 + };
4143 +
4144 + var FluxContainer_AdsPESortByErrorTipContainer_178 = function (x) {
4145 + if (x === 493) {
4146 + return null;
4147 + }
4148 + };
4149 +
4150 + var LeadDownloadDialogSelector179 = function (x) {
4151 + if (x === 494) {
4152 + return null;
4153 + }
4154 + };
4155 +
4156 + var FluxContainer_AdsPELeadDownloadDialogContainerClass_180 = function (x) {
4157 + if (x === 495) {
4158 + return LeadDownloadDialogSelector179(494);
4159 + }
4160 + };
4161 +
4162 + var AdsPEContainer181 = function (x) {
4163 + if (x === 496) {
4164 + return React.createElement(
4165 + "div",
4166 + { id: "ads_pe_container" },
4167 + FluxContainer_AdsPETopNavContainer_26(41),
4168 + null,
4169 + FluxContainer_AdsPEWorkspaceContainer_162(477),
4170 + FluxContainer_AdsSessionExpiredDialogContainer_163(478),
4171 + FluxContainer_AdsPEUploadDialogLazyContainer_164(479),
4172 + FluxContainer_DialogContainer_165(480),
4173 + AdsBugReportContainer166(481),
4174 + AdsPEAudienceSplittingDialogContainer168(483),
4175 + FluxContainer_AdsRuleDialogBootloadContainer_169(484),
4176 + FluxContainer_AdsPECFTrayContainer_170(485),
4177 + React.createElement(
4178 + "span",
4179 + null,
4180 + FluxContainer_AdsPEDeleteDraftContainer_171(486),
4181 + FluxContainer_AdsPEInitialDraftPublishDialogContainer_172(487),
4182 + FluxContainer_AdsPEReachFrequencyStatusTransitionDialogBootloadContainer_173(488)
4183 + ),
4184 + FluxContainer_AdsPEPurgeArchiveDialogContainer_174(489),
4185 + AdsPECreateDialogContainer175(490),
4186 + FluxContainer_AdsPEModalStatusContainer_176(491),
4187 + FluxContainer_AdsBrowserExtensionErrorDialogContainer_177(492),
4188 + FluxContainer_AdsPESortByErrorTipContainer_178(493),
4189 + FluxContainer_AdsPELeadDownloadDialogContainerClass_180(495),
4190 + React.createElement("div", { id: "web_ads_guidance_tips" })
4191 + );
4192 + }
4193 + };
4194 +
4195 + var Benchmark = function (x) {
4196 + if (x === undefined) {
4197 + return AdsPEContainer181(496);
4198 + }
4199 + };
4200 +
4201 + var app = document.getElementById('app');
4202 +
4203 + window.render = function render() {
4204 + ReactDOM.render(Benchmark(), app);
4205 + }
4206 +})();
scripts/bench/benchmarks/pe-no-components/build.js new
+19
@@ -0,0 +1,19 @@
1 +'use strict';
2 +
3 +const {
4 + join,
5 +} = require('path');
6 +
7 +async function build(reactPath, asyncCopyTo) {
8 + // copy the UMD bundles
9 + await asyncCopyTo(
10 + join(reactPath, 'build', 'dist', 'react.production.min.js'),
11 + join(__dirname, 'react.production.min.js')
12 + );
13 + await asyncCopyTo(
14 + join(reactPath, 'build', 'dist', 'react-dom.production.min.js'),
15 + join(__dirname, 'react-dom.production.min.js')
16 + );
17 +}
18 +
19 +module.exports = build;
scripts/bench/benchmarks/pe-no-components/index.html new
+32
@@ -0,0 +1,32 @@
1 +<html>
2 +<body>
3 + <div id="app"></div>
4 + <script>
5 + performance.mark('Load React');
6 + performance.mark('Load React+ReactDOM');
7 + </script>
8 + <script src="react.production.min.js"></script>
9 + <script>
10 + performance.measure('Load React', 'Load React');
11 + </script>
12 + <script>
13 + performance.mark('Load ReactDOM');
14 + </script>
15 + <script src="react-dom.production.min.js"></script>
16 + <script>
17 + performance.measure('Load ReactDOM', 'Load ReactDOM');
18 + performance.measure('Load React+ReactDOM', 'Load React+ReactDOM');
19 + </script>
20 + <script src="benchmark.js"></script>
21 + <script>
22 + performance.mark('Inital Render');
23 + render();
24 + performance.measure('Inital Render', 'Inital Render');
25 + requestAnimationFrame(() => {
26 + performance.mark('Update Render');
27 + render();
28 + performance.measure('Update Render', 'Update Render');
29 + });
30 + </script>
31 + </body>
32 +</html>
\ No newline at end of file
scripts/bench/build.js new
+128
@@ -0,0 +1,128 @@
1 +'use strict';
2 +
3 +const Git = require('nodegit');
4 +const rimraf = require('rimraf');
5 +const ncp = require('ncp').ncp;
6 +const {
7 + existsSync,
8 +} = require('fs');
9 +const exec = require('child_process').exec;
10 +const {
11 + join,
12 +} = require('path');
13 +
14 +const reactUrl = 'https://github.com/facebook/react.git';
15 +
16 +function cleanDir() {
17 + return new Promise(_resolve => rimraf('remote-repo', _resolve));
18 +}
19 +
20 +function executeCommand(command) {
21 + return new Promise(_resolve => exec(command, (error) => {
22 + if (!error) {
23 + _resolve();
24 + } else {
25 + console.error(error);
26 + process.exit(1);
27 + }
28 + }));
29 +}
30 +
31 +function asyncCopyTo(from, to) {
32 + return new Promise(_resolve => {
33 + ncp(from, to, error => {
34 + if (error) {
35 + console.error(error);
36 + process.exit(1);
37 + }
38 + _resolve();
39 + });
40 + });
41 +}
42 +
43 +function getDefaultReactPath() {
44 + return join(__dirname, 'remote-repo');
45 +}
46 +
47 +async function buldAllBundles(reactPath = getDefaultReactPath()) {
48 + // build the react FB bundles in the build
49 + await executeCommand(`cd ${reactPath} && yarn && yarn build`);
50 +}
51 +
52 +async function buildBenchmark(reactPath = getDefaultReactPath(), benchmark) {
53 + // get the build.js from the benchmark directory and execute it
54 + await require(
55 + join(__dirname, 'benchmarks', benchmark, 'build.js')
56 + )(reactPath, asyncCopyTo);
57 +}
58 +
59 +function getBundleResults(reactPath = getDefaultReactPath()) {
60 + return require(join(reactPath, 'scripts', 'rollup', 'results.json'));
61 +}
62 +
63 +async function getMergeBaseFromLocalGitRepo(localRepo) {
64 + const repo = await Git.Repository.open(localRepo);
65 + return await Git.Merge.base(
66 + repo,
67 + await repo.getHeadCommit(),
68 + await repo.getBranchCommit('master')
69 + );
70 +}
71 +
72 +async function buildBenchmarkBundlesFromGitRepo(commitId, skipBuild, url = reactUrl, clean) {
73 + let repo;
74 + const remoteRepoDir = getDefaultReactPath();
75 +
76 + if (!skipBuild) {
77 + if (clean) {
78 + //clear remote-repo folder
79 + await cleanDir(remoteRepoDir);
80 + }
81 + // check if remote-repo diretory already exists
82 + if (existsSync(join(__dirname, 'remote-repo'))) {
83 + repo = await Git.Repository.open(remoteRepoDir);
84 + // fetch all the latest remote changes
85 + await repo.fetchAll();
86 + } else {
87 + // if not, clone the repo to remote-repo folder
88 + repo = await Git.Clone(url, remoteRepoDir);
89 + }
90 + let commit = await repo.getBranchCommit('master');
91 + // reset hard to this remote head
92 + await Git.Reset.reset(repo, commit, Git.Reset.TYPE.HARD);
93 + // then we checkout the latest master head
94 + await repo.checkoutBranch('master');
95 + // make sure we pull in the latest changes
96 + await repo.mergeBranches('master', 'origin/master');
97 + // then we check if we need to move the HEAD to the merge base
98 + if (commitId && commitId !== 'master') {
99 + // as the commitId probably came from our local repo
100 + // we use it to lookup the right commit in our remote repo
101 + commit = await Git.Commit.lookup(repo, commitId);
102 + // then we checkout the merge base
103 + await Git.Checkout.tree(repo, commit);
104 + }
105 + await buildAllBundles();
106 + }
107 + return getBundleResults();
108 +}
109 +
110 +async function buildAllBundles(reactPath, skipBuild) {
111 + if (!skipBuild) {
112 + // build all bundles so we can get all stats and use bundles for benchmarks
113 + await buldAllBundles(reactPath);
114 + }
115 + return getBundleResults(reactPath);
116 +}
117 +
118 +// if run directly via CLI
119 +if (require.main === module) {
120 + buildBenchmarkBundlesFromGitRepo();
121 +}
122 +
123 +module.exports = {
124 + buildAllBundles,
125 + buildBenchmark,
126 + buildBenchmarkBundlesFromGitRepo,
127 + getMergeBaseFromLocalGitRepo,
128 +};
scripts/bench/extract-component.js deleted
-207
@@ -1,207 +0,0 @@
1 -/*global copy */
2 -/*eslint-disable no-debugger */
3 -
4 -// Copy and paste this file into your (Chrome) browser console after changing
5 -// the React root ID. Works on facebook.com as of 7/6/16 (use a test user).
6 -// Then run this to convert the JSX:
7 -//
8 -// ../../node_modules/.bin/babel \
9 -// --presets ../../node_modules/babel-preset-react \
10 -// --no-babelrc --compact=false \
11 -// bench-foo.js -o bench-foo-es5.js
12 -
13 -'use strict';
14 -
15 -var rootID = 5;
16 -var outputStatelessFunctional = false;
17 -
18 -var React = require('React');
19 -var ReactMount = require('ReactMount');
20 -copy(print(ReactMount._instancesByReactRootID[rootID]._renderedComponent));
21 -
22 -function elementMeta(element) {
23 - var meta = '';
24 - var key = element.key;
25 - if (key) {
26 - meta += ' key={' + JSON.stringify(key) + '}';
27 - }
28 - var ref = element.ref;
29 - if (typeof ref === 'string') {
30 - meta += ' ref={' + JSON.stringify(ref) + '}';
31 - } else if (typeof ref === 'function') {
32 - meta += ' ref={function() {}}';
33 - }
34 - return meta;
35 -}
36 -
37 -function print(outerComponent) {
38 - var typeCounter = 0;
39 - var elementCounter = 0;
40 - var composites = new Map();
41 -
42 - function addComposite(type, child) {
43 - var info = composites.get(type);
44 - if (!info) {
45 - var name = (type.displayName || type.name || 'Component').replace(/(?:^[^a-z]|\W)+/gi, '_') + typeCounter++;
46 - if (!/^[A-Z]/.test(name)) {
47 - name = '_' + name;
48 - }
49 - info = {name: name, values: new Map()};
50 - composites.set(type, info);
51 - }
52 - var c = elementCounter++;
53 - info.values.set(c, child);
54 - return '<' + info.name + ' x={' + c + '} />';
55 - }
56 -
57 - function printComposite(info) {
58 - if (outputStatelessFunctional) {
59 - output += 'var ' + info.name + ' = function(props) {\n';
60 - } else {
61 - output += 'var ' + info.name + ' = React.createClass({\n';
62 - output += ' render: function() {\n';
63 - output += ' var props = this.props;\n';
64 - }
65 - for (var [c, child] of info.values) {
66 - output += ' if (props.x === ' + c + ') {\n';
67 - if (child.indexOf('\n') !== -1) {
68 - output += ' return (\n';
69 - output += child.replace(/^|\n/g, '$& ') + '\n';
70 - output += ' );\n';
71 - } else {
72 - output += ' return ' + child + ';\n';
73 - }
74 - output += ' }\n';
75 - }
76 - if (outputStatelessFunctional) {
77 - output += '};\n';
78 - } else {
79 - output += ' },\n';
80 - output += '});\n';
81 - }
82 - output += '\n';
83 - }
84 -
85 - function printImpl(component) {
86 - var element = component._currentElement;
87 -
88 - // Empty component
89 - if (element === null || element === false) {
90 - return '' + element;
91 - }
92 -
93 - // Text component
94 - if (typeof element === 'string' || typeof element === 'number') {
95 - return JSON.stringify(element);
96 - }
97 -
98 - // Composite component
99 - if (typeof element.type === 'function') {
100 - var rendered = printImpl(component._renderedComponent);
101 - return addComposite(component._currentElement.type, rendered)
102 - .replace(/(?= \/>$)/, elementMeta(component._currentElement));
103 - }
104 -
105 - // Native component
106 - if (typeof element.type === 'string') {
107 - var markup = '<' + element.type;
108 - markup += elementMeta(component._currentElement);
109 - for (var propKey in element.props) {
110 - var value = element.props[propKey];
111 - var valueString = null;
112 - if (propKey === 'style' || propKey === 'dangerouslySetInnerHTML') {
113 - valueString = JSON.stringify(value);
114 - } else if (propKey === 'children') {
115 - } else {
116 - if (typeof value === 'function') {
117 - valueString = 'function() {}';
118 - } else if (typeof value === 'string' || typeof value === 'number') {
119 - valueString = JSON.stringify(value);
120 - } else if (value == null || typeof value === 'boolean') {
121 - valueString = '' + value;
122 - } else if (typeof value === 'object') {
123 - valueString = '{}';
124 - console.log('smooshing', element.type, propKey, value);
125 - } else {
126 - debugger;
127 - throw new Error('huh? ' + typeof value + ' ' + value);
128 - }
129 - }
130 - if (valueString) {
131 - markup += ' ' + propKey + '={' + valueString + '}';
132 - }
133 - }
134 - markup += '>';
135 -
136 - if (
137 - typeof element.props.children === 'string' ||
138 - typeof element.props.children === 'number'
139 - ) {
140 - markup += '{' + JSON.stringify(element.props.children) + '}';
141 - } else if (component._renderedChildren) {
142 - var renderedChildren = component._renderedChildren;
143 - var keys = Object.keys(renderedChildren);
144 - var values = keys.map((childKey) => renderedChildren[childKey]);
145 -
146 - if (keys.length) {
147 - var dump = function(children) {
148 - if (typeof children === 'boolean' || children == null) {
149 - return '' + children;
150 - }
151 - if (typeof children === 'object' && !Array.isArray(children) && children[Symbol.iterator]) {
152 - // TODO: Not quite right.
153 - children = Array.from(children);
154 - }
155 - if (Array.isArray(children)) {
156 - return children.length ? (
157 - '[\n' +
158 - children.map(function(ch) {
159 - return ' ' + dump(ch).replace(/\n/g, '$& ') + ',\n';
160 - }).join('') +
161 - ']'
162 - ) : '[]';
163 - } else if (React.isValidElement(children) || typeof children === 'string' || typeof children === 'number') {
164 - return printImpl(values.shift());
165 - } else {
166 - debugger;
167 - throw new Error('hmm');
168 - }
169 - };
170 -
171 - markup += '\n';
172 - var children = element.props.children;
173 - children = Array.isArray(children) ? children : [children];
174 - children.forEach(function(child) {
175 - var dumped = dump(child).replace(/\n/g, '$& ');
176 - if (dumped.charAt(0) === '<') {
177 - markup += ' ' + dumped + '\n';
178 - } else {
179 - markup += ' {' + dumped + '}\n';
180 - }
181 - });
182 - if (values.length !== 0) {
183 - debugger;
184 - throw new Error('not all children processed');
185 - }
186 - }
187 - }
188 -
189 - markup += '</' + element.type + '>';
190 - return markup;
191 - }
192 -
193 - debugger;
194 - throw new Error('hmm');
195 - }
196 -
197 - var output = '(function() {\n\n';
198 -
199 - var tail = printImpl(outerComponent);
200 - for (var info of composites.values()) {
201 - printComposite(info);
202 - }
203 - printComposite({name: 'Benchmark', values: new Map([[undefined, tail]])});
204 - output += 'this.Benchmark = Benchmark;\n';
205 - output += '\n})(this);\n';
206 - return output;
207 -}
scripts/bench/measure.py deleted
-175
@@ -1,175 +0,0 @@
1 -#!/usr/bin/env python
2 -# Copyright 2015-present, Facebook, Inc.
3 -# All rights reserved.
4 -#
5 -# This source code is licensed under the BSD-style license found in the
6 -# LICENSE file in the root directory of this source tree. An additional grant
7 -# of patent rights can be found in the PATENTS file in the same directory.
8 -
9 -import functools
10 -import json
11 -import os
12 -import random
13 -import subprocess
14 -import sys
15 -
16 -
17 -def _run_js_in_jsc(jit, js, env):
18 - return subprocess.check_output(
19 - ['jsc', '-e', """
20 - function now() {
21 - return preciseTime() * 1000;
22 - }
23 - function globalEval(code) {
24 - (0, eval)(code);
25 - }
26 - function report(label, time) {
27 - print(label + '_' + %(engine)s, time);
28 - }
29 -
30 - this.ENV = %(env)s;
31 - %(js)s
32 - """ % {
33 - 'env': json.dumps(env),
34 - 'js': js,
35 - 'engine': json.dumps('jsc_' + ('jit' if jit else 'nojit')),
36 - }],
37 - env=dict(os.environ, JSC_useJIT='yes' if jit else 'no'),
38 - )
39 -
40 -_run_js_in_jsc_jit = functools.partial(_run_js_in_jsc, True)
41 -_run_js_in_jsc_nojit = functools.partial(_run_js_in_jsc, False)
42 -
43 -
44 -def _run_js_in_node(js, env):
45 - return subprocess.check_output(
46 - ['node', '-e', """
47 - function now() {
48 - var hrTime = process.hrtime();
49 - return hrTime[0] * 1e3 + hrTime[1] * 1e-6;
50 - }
51 - function globalEval(code) {
52 - var vm = require('vm');
53 - // Hide "module" so UMD wrappers use the global
54 - vm.runInThisContext('(function(module){' + code + '\\n})()');
55 - }
56 - function readFile(filename) {
57 - var fs = require('fs');
58 - return fs.readFileSync(filename);
59 - }
60 - function report(label, time) {
61 - console.log(label + '_node', time);
62 - }
63 -
64 - global.ENV = %(env)s;
65 - %(js)s
66 - """ % {
67 - 'env': json.dumps(env),
68 - 'js': js
69 - }]
70 - )
71 -
72 -
73 -def _measure_ssr_ms(engine, react_path, bench_name, bench_path, measure_warm):
74 - return engine(
75 - """
76 - var reactCode = readFile(ENV.react_path + '/react.min.js');
77 - var reactDOMServerCode = readFile(ENV.react_path + '/react-dom-server.min.js');
78 - var START = now();
79 - globalEval(reactCode);
80 - globalEval(reactDOMServerCode);
81 - var END = now();
82 - if (typeof React !== 'object') throw new Error('React not loaded');
83 - if (typeof ReactDOMServer !== 'object') throw new Error('ReactDOMServer not loaded');
84 - report('factory_ms', END - START);
85 -
86 - globalEval(readFile(ENV.bench_path));
87 - if (typeof Benchmark !== 'function') {
88 - throw new Error('benchmark not loaded');
89 - }
90 - var START = now();
91 - var html = ReactDOMServer.renderToString(React.createElement(Benchmark));
92 - html.charCodeAt(0); // flatten ropes
93 - var END = now();
94 - report('ssr_' + ENV.bench_name + '_cold_ms', END - START);
95 -
96 - var warmup = ENV.measure_warm ? 80 : 0;
97 - var trials = ENV.measure_warm ? 40 : 0;
98 -
99 - for (var i = 0; i < warmup; i++) {
100 - ReactDOMServer.renderToString(React.createElement(Benchmark));
101 - }
102 -
103 - for (var i = 0; i < trials; i++) {
104 - var START = now();
105 - var html = ReactDOMServer.renderToString(React.createElement(Benchmark));
106 - html.charCodeAt(0); // flatten ropes
107 - var END = now();
108 - report('ssr_' + ENV.bench_name + '_warm_ms', END - START);
109 - }
110 - """,
111 - {
112 - 'bench_name': bench_name,
113 - 'bench_path': bench_path,
114 - 'measure_warm': measure_warm,
115 - 'react_path': react_path,
116 - },
117 - )
118 -
119 -
120 -def _main():
121 - if len(sys.argv) < 2 or len(sys.argv) % 2 == 0:
122 - sys.stderr.write("usage: measure.py build-folder-a a.txt build-folder-b b.txt\n")
123 - return 1
124 - # [(react_path, out_path)]
125 - react_paths = sys.argv[1::2]
126 - files = [open(out_path, 'w') for out_path in sys.argv[2::2]]
127 -
128 - trials = 30
129 - sys.stderr.write("Measuring SSR for PE benchmark (%d trials)\n" % trials)
130 - sys.stderr.write("_" * trials + "\n")
131 - for i in range(trials):
132 - for engine in [
133 - _run_js_in_jsc_jit,
134 - _run_js_in_jsc_nojit,
135 - _run_js_in_node
136 - ]:
137 - engines = range(len(react_paths))
138 - random.shuffle(engines)
139 - for i in engines:
140 - out = _measure_ssr_ms(engine, react_paths[i], 'pe', 'bench-pe-es5.js', False)
141 - files[i].write(out)
142 - sys.stderr.write(".")
143 - sys.stderr.flush()
144 - sys.stderr.write("\n")
145 - sys.stderr.flush()
146 -
147 - # You can set this to a number of trials you want to do with warm JIT.
148 - # They are disabled by default because they are slower.
149 - trials = 0
150 -
151 - sys.stderr.write("Measuring SSR for PE with warm JIT (%d slow trials)\n" % trials)
152 - sys.stderr.write("_" * trials + "\n")
153 - for i in range(trials):
154 - for engine in [
155 - _run_js_in_jsc_jit,
156 - _run_js_in_jsc_nojit,
157 - _run_js_in_node
158 - ]:
159 - engines = range(len(react_paths))
160 - random.shuffle(engines)
161 - for i in engines:
162 - out = _measure_ssr_ms(engine, react_paths[i], 'pe', 'bench-pe-es5.js', True)
163 - files[i].write(out)
164 - sys.stderr.write(".")
165 - sys.stderr.flush()
166 - sys.stderr.write("\n")
167 - sys.stderr.flush()
168 -
169 - for f in files:
170 - f.close()
171 -
172 -
173 -if __name__ == '__main__':
174 - sys.exit(_main())
175 -
scripts/bench/runner.js new
+140
@@ -0,0 +1,140 @@
1 +'use strict';
2 +
3 +const {
4 + readdirSync,
5 + statSync,
6 +} = require('fs');
7 +const { join } = require('path');
8 +const runBenchmark = require('./benchmark');
9 +const {
10 + buildAllBundles,
11 + buildBenchmark,
12 + buildBenchmarkBundlesFromGitRepo,
13 + getMergeBaseFromLocalGitRepo,
14 +} = require('./build');
15 +const argv = require('minimist')(process.argv.slice(2));
16 +const chalk = require('chalk');
17 +const printResults = require('./stats');
18 +const serveBenchmark = require('./server');
19 +
20 +function getBenchmarkNames() {
21 + return readdirSync(join(__dirname, 'benchmarks')).filter(
22 + file => statSync(join(__dirname, 'benchmarks', file)).isDirectory()
23 + );
24 +}
25 +
26 +function wait(val) {
27 + return new Promise(resolve => setTimeout(resolve, val));
28 +}
29 +
30 +const runRemote = argv.remote;
31 +const runLocal = argv.local;
32 +const benchmarkFilter = argv.benchmark;
33 +const headless = argv.headless;
34 +const skipBuild = argv['skip-build'];
35 +
36 +async function runBenchmarks(reactPath) {
37 + const benchmarkNames = getBenchmarkNames();
38 + const results = {};
39 + const server = serveBenchmark();
40 + await wait(1000);
41 +
42 + for (let i = 0; i < benchmarkNames.length; i++) {
43 + const benchmarkName = benchmarkNames[i];
44 +
45 + if (
46 + !benchmarkFilter
47 + ||
48 + (benchmarkFilter && benchmarkName.indexOf(benchmarkFilter) !== -1)
49 + ) {
50 + console.log(chalk.gray(`- Building benchmark "${chalk.white(benchmarkName)}"...`));
51 + await buildBenchmark(reactPath, benchmarkName);
52 + console.log(chalk.gray(`- Running benchmark "${chalk.white(benchmarkName)}"...`));
53 + results[benchmarkName] = await runBenchmark(benchmarkName, headless);
54 + }
55 + }
56 +
57 + server.close();
58 + // http-server.close() is async but they don't provide a callback..
59 + await wait(500);
60 + return results;
61 +}
62 +
63 +// get the performance benchmark results
64 +// from remote master (default React repo)
65 +async function benchmarkRemoteMaster() {
66 + console.log(chalk.gray(`- Building React bundles...`));
67 + let commit = argv.remote;
68 +
69 + if (!commit || typeof commit !== 'string') {
70 + commit = await getMergeBaseFromLocalGitRepo(join(__dirname, '..', '..'));
71 + console.log(chalk.gray(`- Merge base commit ${chalk.white(commit.tostrS())}`));
72 + }
73 + return {
74 + // we build the bundles from the React repo
75 + bundles: await buildBenchmarkBundlesFromGitRepo(
76 + commit,
77 + skipBuild
78 + ),
79 + // we use these bundles to run the benchmarks
80 + benchmarks: await runBenchmarks(),
81 + };
82 +}
83 +
84 +// get the performance benchmark results
85 +// of the local react repo
86 +async function benchmarkLocal(reactPath) {
87 + console.log(chalk.gray(`- Building React bundles...`));
88 + return {
89 + // we build the bundles from the React repo
90 + bundles: await buildAllBundles(reactPath, skipBuild),
91 + // we use these bundles to run the benchmarks
92 + benchmarks: await runBenchmarks(reactPath),
93 + };
94 +}
95 +
96 +async function runLocalBenchmarks(showResults) {
97 + console.log(
98 + chalk.white.bold('Running benchmarks for ')
99 + + chalk.green.bold('Local (Current Branch)')
100 + );
101 + const localResults = await benchmarkLocal(join(__dirname, '..', '..'));
102 +
103 + if (showResults) {
104 + printResults(localResults, null);
105 + }
106 + return localResults;
107 +}
108 +
109 +async function runRemoteBenchmarks(showResults) {
110 + console.log(
111 + chalk.white.bold('Running benchmarks for ')
112 + + chalk.yellow.bold('Remote (Merge Base)')
113 + );
114 + const remoteMasterResults = await benchmarkRemoteMaster();
115 +
116 + if (showResults) {
117 + printResults(null, remoteMasterResults);
118 + }
119 + return remoteMasterResults;
120 +}
121 +
122 +async function compareLocalToMaster() {
123 + console.log(
124 + chalk.white.bold('Comparing ')
125 + + chalk.green.bold('Local (Current Branch)')
126 + + chalk.white.bold(' to ')
127 + + chalk.yellow.bold('Remote (Merge Base)')
128 + );
129 + const localResults = await runLocalBenchmarks(false);
130 + const remoteMasterResults = await runRemoteBenchmarks(false);
131 + printResults(localResults, remoteMasterResults);
132 +}
133 +
134 +if ((runLocal && runRemote) || (!runLocal && !runRemote)) {
135 + compareLocalToMaster().then(() => process.exit(0));
136 +} else if (runLocal) {
137 + runLocalBenchmarks(true).then(() => process.exit(0));
138 +} else if (runRemote) {
139 + runRemoteBenchmarks(true).then(() => process.exit(0));
140 +}
scripts/bench/server.js new
+77
@@ -0,0 +1,77 @@
1 +'use strict';
2 +
3 +const http2Server = require('http2');
4 +const httpServer = require('http-server');
5 +const {
6 + existsSync,
7 + statSync,
8 + createReadStream,
9 +} = require('fs');
10 +const { join } = require('path');
11 +const argv = require('minimist')(process.argv.slice(2));
12 +const mime = require('mime');
13 +
14 +function sendFile(filename, response) {
15 + response.setHeader('Content-Type', mime.lookup(filename));
16 + response.writeHead(200);
17 + const fileStream = createReadStream(filename);
18 + fileStream.pipe(response);
19 + fileStream.on('finish', response.end);
20 +}
21 +
22 +function createHTTP2Server(benchmark) {
23 + const server = http2Server.createServer({}, (request, response) => {
24 + const filename = join(__dirname, 'benchmarks', benchmark, request.url).replace(/\?.*/g, '');
25 +
26 + if (existsSync(filename) && statSync(filename).isFile()) {
27 + sendFile(filename, response);
28 + } else {
29 + const indexHtmlPath = join(filename, 'index.html');
30 +
31 + if (existsSync(indexHtmlPath)) {
32 + sendFile(indexHtmlPath, response);
33 + } else {
34 + response.writeHead(404);
35 + response.end();
36 + }
37 + }
38 + });
39 + server.listen(8080);
40 + return server;
41 +}
42 +
43 +function createHTTPServer() {
44 + const server = httpServer.createServer({
45 + root: join(__dirname, 'benchmarks'),
46 + robots: true,
47 + cache: 'no-store',
48 + headers: {
49 + 'Access-Control-Allow-Origin': '*',
50 + 'Access-Control-Allow-Credentials': 'true',
51 + },
52 + });
53 + server.listen(8080);
54 + return server;
55 +}
56 +
57 +function serveBenchmark(benchmark, http2) {
58 + if (http2) {
59 + return createHTTP2Server(benchmark);
60 + } else {
61 + return createHTTPServer();
62 + }
63 +}
64 +
65 +// if run directly via CLI
66 +if (require.main === module) {
67 + const benchmarkInput = argv._[0];
68 +
69 + if (benchmarkInput) {
70 + serveBenchmark(benchmarkInput);
71 + } else {
72 + console.error('Please specifiy a benchmark directory to serve!');
73 + process.exit(1);
74 + }
75 +}
76 +
77 +module.exports = serveBenchmark;
scripts/bench/stats.js new
+163
@@ -0,0 +1,163 @@
1 +'use strict';
2 +
3 +const chalk = require('chalk');
4 +const Table = require('cli-table');
5 +
6 +function percentChange(prev, current, prevSem, currentSem) {
7 + const [mean, sd] = calculateMeanAndSdOfRatioFromDeltaMethod(
8 + prev,
9 + current,
10 + prevSem,
11 + currentSem
12 + );
13 + const pctChange = +(mean * 100).toFixed(1);
14 + const ci95 = +(100 * 1.96 * sd).toFixed(1);
15 +
16 + const ciInfo = ci95 > 0 ? ` +- ${ci95} %` : '';
17 + const text = `${pctChange > 0 ? '+' : ''}${pctChange} %${ciInfo}`;
18 + if (pctChange + ci95 < 0) {
19 + return chalk.green(text);
20 + } else if (pctChange - ci95 > 0) {
21 + return chalk.red(text);
22 + } else {
23 + // Statistically insignificant.
24 + return text;
25 + }
26 +}
27 +
28 +function calculateMeanAndSdOfRatioFromDeltaMethod(
29 + meanControl,
30 + meanTest,
31 + semControl,
32 + semTest
33 +) {
34 + const mean = (
35 + ((meanTest - meanControl) / meanControl) -
36 + (Math.pow(semControl, 2) * meanTest / Math.pow(meanControl, 3))
37 + );
38 + const variance = (
39 + Math.pow(semTest / meanControl, 2) +
40 + (Math.pow(semControl * meanTest, 2) / Math.pow(meanControl, 4))
41 + );
42 + return [mean, Math.sqrt(variance)];
43 +}
44 +
45 +function addBenchmarkResults(table, localResults, remoteMasterResults) {
46 + const benchmarks = Object.keys(
47 + (localResults && localResults.benchmarks) || (remoteMasterResults && remoteMasterResults.benchmarks)
48 + );
49 + benchmarks.forEach(benchmark => {
50 + const rowHeader = [chalk.white.bold(benchmark)];
51 + if (remoteMasterResults) {
52 + rowHeader.push(chalk.white.bold('Time'));
53 + }
54 + if (localResults) {
55 + rowHeader.push(chalk.white.bold('Time'));
56 + }
57 + if (localResults && remoteMasterResults) {
58 + rowHeader.push(chalk.white.bold('Diff'));
59 + }
60 + table.push(rowHeader);
61 +
62 + const measurements = (
63 + (localResults && localResults.benchmarks[benchmark].averages)
64 + ||
65 + (remoteMasterResults && remoteMasterResults.benchmarks[benchmark].averages)
66 + );
67 + measurements.forEach((measurement, i) => {
68 + const row = [
69 + chalk.gray(measurement.entry),
70 + ];
71 + let remoteMean;
72 + let remoteSem;
73 + if (remoteMasterResults) {
74 + remoteMean = remoteMasterResults.benchmarks[benchmark].averages[i].mean;
75 + remoteSem = remoteMasterResults.benchmarks[benchmark].averages[i].sem;
76 + // https://en.wikipedia.org/wiki/1.96 gives a 99% confidence interval.
77 + const ci95 = remoteSem * 1.96;
78 + row.push(chalk.white(+remoteMean.toFixed(2) + ' ms +- ' + ci95.toFixed(2)));
79 + }
80 + let localMean;
81 + let localSem;
82 + if (localResults) {
83 + localMean = localResults.benchmarks[benchmark].averages[i].mean;
84 + localSem = localResults.benchmarks[benchmark].averages[i].sem;
85 + const ci95 = localSem * 1.96;
86 + row.push(chalk.white(+localMean.toFixed(2) + ' ms +- ' + ci95.toFixed(2)));
87 + }
88 + if (localResults && remoteMasterResults) {
89 + row.push(percentChange(remoteMean, localMean, remoteSem, localSem));
90 + }
91 + table.push(row);
92 + });
93 + });
94 +}
95 +
96 +function addBundleSizeComparions(table, localResults, remoteMasterResults) {
97 + const bundlesRowHeader = [chalk.white.bold('Bundles')];
98 + if (remoteMasterResults) {
99 + bundlesRowHeader.push(chalk.white.bold('Size'));
100 + }
101 + if (localResults) {
102 + bundlesRowHeader.push(chalk.white.bold('Size'));
103 + }
104 + if (localResults && remoteMasterResults) {
105 + bundlesRowHeader.push(chalk.white.bold('Diff'));
106 + }
107 + table.push(bundlesRowHeader);
108 +
109 + const bundles = Object.keys(
110 + (localResults && localResults.bundles.bundleSizes)
111 + ||
112 + (remoteMasterResults && remoteMasterResults.bundles.bundleSizes)
113 + );
114 + bundles.forEach(bundle => {
115 + const row = [
116 + chalk.gray(bundle),
117 + ];
118 + let remoteSize = 0;
119 + if (remoteMasterResults) {
120 + const remoteBundle = remoteSize = remoteMasterResults.bundles.bundleSizes[bundle];
121 +
122 + if (remoteBundle) {
123 + remoteSize = remoteSize.size;
124 + }
125 + row.push(chalk.white(remoteSize + ' kb'));
126 + }
127 + let localSize = 0;
128 + if (localResults) {
129 + const localBundle = localResults.bundles.bundleSizes[bundle];
130 +
131 + if (localBundle) {
132 + localSize = localBundle.size;
133 + }
134 + localSize = localResults.bundles.bundleSizes[bundle].size;
135 + row.push(chalk.white(localSize + ' kb'));
136 + }
137 + if (localResults && remoteMasterResults) {
138 + row.push(percentChange(remoteSize, localSize, 0, 0));
139 + }
140 + table.push(row);
141 + });
142 +}
143 +
144 +function printResults(localResults, remoteMasterResults) {
145 + const head = [''];
146 + if (remoteMasterResults) {
147 + head.push(chalk.yellow.bold('Remote (Merge Base)'));
148 + }
149 + if (localResults) {
150 + head.push(chalk.green.bold('Local (Current Branch)'));
151 + }
152 + if (localResults && remoteMasterResults) {
153 + head.push('');
154 + }
155 + const table = new Table({ head });
156 +
157 + addBundleSizeComparions(table, localResults, remoteMasterResults);
158 + addBenchmarkResults(table, localResults, remoteMasterResults);
159 +
160 + console.log(table.toString());
161 +}
162 +
163 +module.exports = printResults;
scripts/circleci/bench.sh new
+5
@@ -0,0 +1,5 @@
1 +#!/bin/bash
2 +
3 +set -e
4 +
5 +npm run bench
\ No newline at end of file
scripts/circleci/test_entry_point.sh
+1 -8
@@ -4,14 +4,6 @@ set -e
4
5 COMMANDS_TO_RUN=()
6
7 -# We split these to be approximately equal chunks of four. As of this writing,
8 -# times were around:
9 -# - 3:30 test_coverage.sh
10 -# - 2:00 test_fiber.sh
11 -# - 1:15 test_html_generation.sh
12 -# - 1:15 grunt build
13 -# with everything else < 0:30.
14 -
7 if [ $((1 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
8 COMMANDS_TO_RUN+=('./scripts/circleci/test_coverage.sh')
9 fi
@@ -33,6 +25,7 @@ if [ $((0 % CIRCLE_NODE_TOTAL)) -eq "$CIRCLE_NODE_INDEX" ]; then
25 COMMANDS_TO_RUN+=('./scripts/circleci/build.sh')
26 COMMANDS_TO_RUN+=('./scripts/circleci/test_print_warnings.sh')
27 COMMANDS_TO_RUN+=('./scripts/circleci/track_stats.sh')
28 + # COMMANDS_TO_RUN+=('./scripts/circleci/bench.sh')
29 fi
30
31 RETURN_CODES=()
scripts/rollup/results.json
+31 -32
@@ -1,5 +1,4 @@
1 {
2 - "branch": "master",
2 "bundleSizes": {
3 "react.development.js (UMD_DEV)": {
4 "size": 123496,
@@ -10,20 +9,20 @@
9 "gzip": 5824
10 },
11 "react-dom.development.js (UMD_DEV)": {
13 - "size": 591951,
14 - "gzip": 136503
12 + "size": 591916,
13 + "gzip": 136500
14 },
15 "react-dom.production.min.js (UMD_PROD)": {
17 - "size": 122170,
18 - "gzip": 38552
16 + "size": 122172,
17 + "gzip": 38559
18 },
19 "react-dom-server.development.js (UMD_DEV)": {
21 - "size": 499109,
22 - "gzip": 120706
20 + "size": 499074,
21 + "gzip": 120705
22 },
23 "react-dom-server.production.min.js (UMD_PROD)": {
25 - "size": 107574,
26 - "gzip": 33508
24 + "size": 107593,
25 + "gzip": 33517
26 },
27 "react-art.development.js (UMD_DEV)": {
28 "size": 348302,
@@ -46,56 +45,56 @@
45 "gzip": 18181
46 },
47 "React-prod.js (FB_PROD)": {
49 - "size": 36483,
50 - "gzip": 9222
48 + "size": 36456,
49 + "gzip": 9216
50 },
51 "ReactDOMStack-dev.js (FB_DEV)": {
53 - "size": 494745,
54 - "gzip": 117995
52 + "size": 494710,
53 + "gzip": 117992
54 },
55 "ReactDOMStack-prod.js (FB_PROD)": {
57 - "size": 353177,
56 + "size": 353169,
57 "gzip": 84692
58 },
59 "react-dom.development.js (NODE_DEV)": {
61 - "size": 549527,
62 - "gzip": 126729
60 + "size": 549492,
61 + "gzip": 126720
62 },
63 "react-dom.production.min.js (NODE_PROD)": {
65 - "size": 118379,
66 - "gzip": 37197
64 + "size": 118381,
65 + "gzip": 37204
66 },
67 "ReactDOMFiber-dev.js (FB_DEV)": {
69 - "size": 550449,
70 - "gzip": 127235
68 + "size": 550414,
69 + "gzip": 127232
70 },
71 "ReactDOMFiber-prod.js (FB_PROD)": {
73 - "size": 410322,
74 - "gzip": 94075
72 + "size": 410323,
73 + "gzip": 94077
74 },
75 "react-dom-server.development.js (NODE_DEV)": {
77 - "size": 447720,
78 - "gzip": 108154
76 + "size": 447685,
77 + "gzip": 108152
78 },
79 "react-dom-server.production.min.js (NODE_PROD)": {
81 - "size": 101947,
82 - "gzip": 31462
80 + "size": 101966,
81 + "gzip": 31470
82 },
83 "ReactDOMServerStack-dev.js (FB_DEV)": {
85 - "size": 446406,
86 - "gzip": 108005
84 + "size": 446371,
85 + "gzip": 108003
86 },
87 "ReactDOMServerStack-prod.js (FB_PROD)": {
89 - "size": 334132,
90 - "gzip": 80393
88 + "size": 334124,
89 + "gzip": 80394
90 },
91 "ReactARTStack-dev.js (FB_DEV)": {
92 "size": 143166,
93 "gzip": 32816
94 },
95 "ReactARTStack-prod.js (FB_PROD)": {
97 - "size": 101209,
98 - "gzip": 23045
96 + "size": 101182,
97 + "gzip": 23039
98 },
99 "react-art.development.js (NODE_DEV)": {
100 "size": 269626,
scripts/rollup/stats.js
+1 -6
@@ -2,14 +2,12 @@
2
3 const Table = require('cli-table');
4 const filesize = require('filesize');
5 -const branch = require('git-branch');
5 const chalk = require('chalk');
6 const join = require('path').join;
7 const fs = require('fs');
8 const prevBuildResults = require('./results.json');
9
10 const currentBuildResults = {
12 - branch: branch.sync(),
11 // Mutated during the build.
12 bundleSizes: Object.assign({}, prevBuildResults.bundleSizes),
13 };
@@ -65,10 +63,7 @@ function printResults() {
63 percentChange(prevGzip, gzip),
64 ]);
65 });
68 - return (
69 - table.toString() +
70 - `\n\nThe difference was compared to the last build on "${chalk.green.bold(prevBuildResults.branch)}" branch.\n`
71 - );
66 + return table.toString();
67 }
68
69 module.exports = {
yarn.lock
+637 -42
@@ -80,6 +80,12 @@ amdefine@>=0.0.4:
80 version "1.0.1"
81 resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
82
83 +ansi-align@^1.1.0:
84 + version "1.1.0"
85 + resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-1.1.0.tgz#2f0c1658829739add5ebb15e6b0c6e3423f016ba"
86 + dependencies:
87 + string-width "^1.0.1"
88 +
89 ansi-escapes@^1.1.0, ansi-escapes@^1.4.0:
90 version "1.4.0"
91 resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e"
@@ -150,6 +156,10 @@ array-filter@~0.0.0:
156 version "0.0.1"
157 resolved "https://registry.yarnpkg.com/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
158
159 +array-find-index@^1.0.1:
160 + version "1.0.2"
161 + resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
162 +
163 array-map@~0.0.0:
164 version "0.0.0"
165 resolved "https://registry.yarnpkg.com/array-map/-/array-map-0.0.0.tgz#88a2bab73d1cf7bcd5c1b118a003f66f665fa662"
@@ -243,6 +253,10 @@ async-each@^1.0.0:
253 version "1.0.1"
254 resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.1.tgz#19d386a1d9edc6e7c1c85d388aedbcc56d33602d"
255
256 +async@0.9.0:
257 + version "0.9.0"
258 + resolved "https://registry.yarnpkg.com/async/-/async-0.9.0.tgz#ac3613b1da9bed1b47510bb4651b8931e47146c7"
259 +
260 async@^1.4.0, async@^1.5.0:
261 version "1.5.2"
262 resolved "https://registry.yarnpkg.com/async/-/async-1.5.2.tgz#ec6a61ae56480c0c3cb241c95618e20892f9672a"
@@ -265,6 +279,16 @@ aws4@^1.2.1:
279 version "1.6.0"
280 resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.6.0.tgz#83ef5ca860b2b32e4a0deedee8c771b9db57471e"
281
282 +axe-core@2.1.7:
283 + version "2.1.7"
284 + resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-2.1.7.tgz#4f66f2b3ee3b58ec2d3db4339dd124c5b33b79c3"
285 +
286 +babar@0.0.3:
287 + version "0.0.3"
288 + resolved "https://registry.yarnpkg.com/babar/-/babar-0.0.3.tgz#2f394d4a5918f7e1ae9e5408e9a96f3f935ee1e2"
289 + dependencies:
290 + colors "~0.6.2"
291 +
292 babel-cli@^6.6.5:
293 version "6.24.1"
294 resolved "https://registry.yarnpkg.com/babel-cli/-/babel-cli-6.24.1.tgz#207cd705bba61489b2ea41b5312341cf6aca2283"
@@ -945,6 +969,18 @@ boom@2.x.x:
969 dependencies:
970 hoek "2.x.x"
971
972 +boxen@^1.0.0:
973 + version "1.0.0"
974 + resolved "https://registry.yarnpkg.com/boxen/-/boxen-1.0.0.tgz#b2694baf1f605f708ff0177c12193b22f29aaaab"
975 + dependencies:
976 + ansi-align "^1.1.0"
977 + camelcase "^4.0.0"
978 + chalk "^1.1.1"
979 + cli-boxes "^1.0.0"
980 + string-width "^2.0.0"
981 + term-size "^0.1.0"
982 + widest-line "^1.0.0"
983 +
984 brace-expansion@^1.0.0:
985 version "1.1.7"
986 resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.7.tgz#3effc3c50e000531fb720eaff80f0ae8ef23cf59"
@@ -1178,14 +1214,33 @@ callsites@^2.0.0:
1214 version "2.0.0"
1215 resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
1216
1217 +camelcase-keys@^2.0.0:
1218 + version "2.1.0"
1219 + resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
1220 + dependencies:
1221 + camelcase "^2.0.0"
1222 + map-obj "^1.0.0"
1223 +
1224 camelcase@^1.0.2, camelcase@^1.2.1:
1225 version "1.2.1"
1226 resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-1.2.1.tgz#9bb5304d2e0b56698b2c758b08a3eaa9daa58a39"
1227
1228 +camelcase@^2.0.0, camelcase@^2.0.1:
1229 + version "2.1.1"
1230 + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
1231 +
1232 camelcase@^3.0.0:
1233 version "3.0.0"
1234 resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-3.0.0.tgz#32fc4b9fcdaf845fcdf7e73bb97cac2261f0ab0a"
1235
1236 +camelcase@^4.0.0:
1237 + version "4.1.0"
1238 + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
1239 +
1240 +capture-stack-trace@^1.0.0:
1241 + version "1.0.0"
1242 + resolved "https://registry.yarnpkg.com/capture-stack-trace/-/capture-stack-trace-1.0.0.tgz#4a6fa07399c26bba47f0b2496b4d0fb408c5550d"
1243 +
1244 caseless@~0.11.0:
1245 version "0.11.0"
1246 resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.11.0.tgz#715b96ea9841593cc33067923f5ec60ebda4f7d7"
@@ -1226,6 +1281,14 @@ chokidar@^1.0.0, chokidar@^1.6.1:
1281 optionalDependencies:
1282 fsevents "^1.0.0"
1283
1284 +chrome-devtools-frontend@1.0.401423:
1285 + version "1.0.401423"
1286 + resolved "https://registry.yarnpkg.com/chrome-devtools-frontend/-/chrome-devtools-frontend-1.0.401423.tgz#32a89b8d04e378a494be3c8d63271703be1c04ea"
1287 +
1288 +chrome-devtools-frontend@1.0.422034:
1289 + version "1.0.422034"
1290 + resolved "https://registry.yarnpkg.com/chrome-devtools-frontend/-/chrome-devtools-frontend-1.0.422034.tgz#071c8ce14466b7653032fcd1ad1a4a68d5e3cbd9"
1291 +
1292 ci-info@^1.0.0:
1293 version "1.0.0"
1294 resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-1.0.0.tgz#dc5285f2b4e251821683681c381c3388f46ec534"
@@ -1240,6 +1303,10 @@ circular-json@^0.3.1:
1303 version "0.3.1"
1304 resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.1.tgz#be8b36aefccde8b3ca7aa2d6afc07a37242c0d2d"
1305
1306 +cli-boxes@^1.0.0:
1307 + version "1.0.0"
1308 + resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-1.0.0.tgz#4fa917c3e59c94a004cd61f8ee509da651687143"
1309 +
1310 cli-cursor@^1.0.1:
1311 version "1.0.2"
1312 resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987"
@@ -1264,7 +1331,7 @@ cliui@^2.1.0:
1331 right-align "^0.1.1"
1332 wordwrap "0.0.2"
1333
1267 -cliui@^3.2.0:
1334 +cliui@^3.0.3, cliui@^3.2.0:
1335 version "3.2.0"
1336 resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
1337 dependencies:
@@ -1306,6 +1373,10 @@ colors@1.0.3:
1373 version "1.0.3"
1374 resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
1375
1376 +colors@~0.6.2:
1377 + version "0.6.2"
1378 + resolved "https://registry.yarnpkg.com/colors/-/colors-0.6.2.tgz#2423fe6678ac0c5dae8852e5d0e5be08c997abcc"
1379 +
1380 combine-source-map@~0.6.1:
1381 version "0.6.1"
1382 resolved "https://registry.yarnpkg.com/combine-source-map/-/combine-source-map-0.6.1.tgz#9b4a09c316033d768e0f11e029fa2730e079ad96"
@@ -1362,6 +1433,17 @@ concat-stream@^1.4.6, concat-stream@^1.4.7, concat-stream@^1.5.0, concat-stream@
1433 readable-stream "~2.0.0"
1434 typedarray "~0.0.5"
1435
1436 +configstore@^3.0.0:
1437 + version "3.0.0"
1438 + resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.0.0.tgz#e1b8669c1803ccc50b545e92f8e6e79aa80e0196"
1439 + dependencies:
1440 + dot-prop "^4.1.0"
1441 + graceful-fs "^4.1.2"
1442 + mkdirp "^0.5.0"
1443 + unique-string "^1.0.0"
1444 + write-file-atomic "^1.1.2"
1445 + xdg-basedir "^3.0.0"
1446 +
1447 console-browserify@^1.1.0:
1448 version "1.1.0"
1449 resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.1.0.tgz#f0241c45730a9fc6323b206dbf38edc741d0bb10"
@@ -1400,9 +1482,13 @@ core-util-is@~1.0.0:
1482 version "1.0.2"
1483 resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
1484
1485 +corser@~2.0.0:
1486 + version "2.0.1"
1487 + resolved "https://registry.yarnpkg.com/corser/-/corser-2.0.1.tgz#8eda252ecaab5840dcd975ceb90d9370c819ff87"
1488 +
1489 coveralls@^2.11.6:
1404 - version "2.13.0"
1405 - resolved "https://registry.yarnpkg.com/coveralls/-/coveralls-2.13.0.tgz#df933876e8c6f478efb04f4d3ab70dc96b7e5a8e"
1490 + version "2.13.1"
1491 + resolved "https://registry.yarnpkg.com/coveralls/-/coveralls-2.13.1.tgz#d70bb9acc1835ec4f063ff9dac5423c17b11f178"
1492 dependencies:
1493 js-yaml "3.6.1"
1494 lcov-parse "0.0.10"
@@ -1421,6 +1507,12 @@ create-ecdh@^4.0.0:
1507 bn.js "^4.1.0"
1508 elliptic "^6.0.0"
1509
1510 +create-error-class@^3.0.0:
1511 + version "3.0.2"
1512 + resolved "https://registry.yarnpkg.com/create-error-class/-/create-error-class-3.0.2.tgz#06be7abef947a3f14a30fd610671d401bca8b7b6"
1513 + dependencies:
1514 + capture-stack-trace "^1.0.0"
1515 +
1516 create-hash@^1.1.0, create-hash@^1.1.1:
1517 version "1.1.2"
1518 resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.1.2.tgz#51210062d7bb7479f6c65bb41a92208b1d61abad"
@@ -1444,7 +1536,7 @@ create-react-class@^15.5.2:
1536 fbjs "^0.8.9"
1537 object-assign "^4.1.1"
1538
1447 -cross-spawn-async@^2.2.2:
1539 +cross-spawn-async@^2.1.1, cross-spawn-async@^2.2.2:
1540 version "2.2.5"
1541 resolved "https://registry.yarnpkg.com/cross-spawn-async/-/cross-spawn-async-2.2.5.tgz#845ff0c0834a3ded9d160daca6d390906bb288cc"
1542 dependencies:
@@ -1479,6 +1571,10 @@ crypto-browserify@^3.0.0:
1571 public-encrypt "^4.0.0"
1572 randombytes "^2.0.0"
1573
1574 +crypto-random-string@^1.0.0:
1575 + version "1.0.0"
1576 + resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
1577 +
1578 cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
1579 version "0.3.2"
1580 resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.2.tgz#b8036170c79f07a90ff2f16e22284027a243848b"
@@ -1489,6 +1585,12 @@ cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0":
1585 dependencies:
1586 cssom "0.3.x"
1587
1588 +currently-unhandled@^0.4.1:
1589 + version "0.4.1"
1590 + resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
1591 + dependencies:
1592 + array-find-index "^1.0.1"
1593 +
1594 d@1:
1595 version "1.0.0"
1596 resolved "https://registry.yarnpkg.com/d/-/d-1.0.0.tgz#754bb5bfe55451da69a58b94d45f4c5b0462d58f"
@@ -1509,13 +1611,19 @@ dateformat@^2.0.0:
1611 version "2.0.0"
1612 resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-2.0.0.tgz#2743e3abb5c3fc2462e527dca445e04e9f4dee17"
1613
1614 +debug@2.2.0:
1615 + version "2.2.0"
1616 + resolved "https://registry.yarnpkg.com/debug/-/debug-2.2.0.tgz#f87057e995b1a1f6ae6a4960664137bc56f039da"
1617 + dependencies:
1618 + ms "0.7.1"
1619 +
1620 debug@^2.1.1, debug@^2.2.0:
1513 - version "2.6.4"
1514 - resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.4.tgz#7586a9b3c39741c0282ae33445c4e8ac74734fe0"
1621 + version "2.6.6"
1622 + resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.6.tgz#a9fa6fbe9ca43cf1e79f73b75c0189cbb7d6db5a"
1623 dependencies:
1624 ms "0.7.3"
1625
1518 -decamelize@^1.0.0, decamelize@^1.1.1:
1626 +decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2:
1627 version "1.2.0"
1628 resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
1629
@@ -1630,6 +1738,13 @@ detective@^4.0.0, detective@^4.3.1:
1738 acorn "^4.0.3"
1739 defined "^1.0.0"
1740
1741 +devtools-timeline-model@1.1.6:
1742 + version "1.1.6"
1743 + resolved "https://registry.yarnpkg.com/devtools-timeline-model/-/devtools-timeline-model-1.1.6.tgz#7be51a73b55d727b597bb30dd1ed2e8e210639a5"
1744 + dependencies:
1745 + chrome-devtools-frontend "1.0.401423"
1746 + resolve "1.1.7"
1747 +
1748 diff@^3.0.0:
1749 version "3.2.0"
1750 resolved "https://registry.yarnpkg.com/diff/-/diff-3.2.0.tgz#c9ce393a4b7cbd0b058a725c93df299027868ff9"
@@ -1660,6 +1775,12 @@ domain-browser@~1.1.0:
1775 version "1.1.7"
1776 resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.1.7.tgz#867aa4b093faa05f1de08c06f4d7b21fdf8698bc"
1777
1778 +dot-prop@^4.1.0:
1779 + version "4.1.1"
1780 + resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.1.1.tgz#a8493f0b7b5eeec82525b5c7587fa7de7ca859c1"
1781 + dependencies:
1782 + is-obj "^1.0.0"
1783 +
1784 duplexer2@0.0.2:
1785 version "0.0.2"
1786 resolved "https://registry.yarnpkg.com/duplexer2/-/duplexer2-0.0.2.tgz#c614dcf67e2fb14995a91711e5a617e8a60a31db"
@@ -1672,6 +1793,10 @@ duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
1793 dependencies:
1794 readable-stream "^2.0.2"
1795
1796 +duplexer3@^0.1.4:
1797 + version "0.1.4"
1798 + resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
1799 +
1800 duplexer@^0.1.1:
1801 version "0.1.1"
1802 resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
@@ -1691,6 +1816,15 @@ ecc-jsbn@~0.1.1:
1816 dependencies:
1817 jsbn "~0.1.0"
1818
1819 +ecstatic@^1.4.0:
1820 + version "1.4.1"
1821 + resolved "https://registry.yarnpkg.com/ecstatic/-/ecstatic-1.4.1.tgz#32cb7b6fa2e290d58668674d115e8f0c3d567d6a"
1822 + dependencies:
1823 + he "^0.5.0"
1824 + mime "^1.2.11"
1825 + minimist "^1.1.0"
1826 + url-join "^1.0.0"
1827 +
1828 elliptic@^6.0.0:
1829 version "6.4.0"
1830 resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.4.0.tgz#cac9af8762c85836187003c8dfe193e5e2eae5df"
@@ -1956,6 +2090,10 @@ event-emitter@~0.3.5:
2090 d "1"
2091 es5-ext "~0.10.14"
2092
2093 +eventemitter3@1.x.x:
2094 + version "1.2.0"
2095 + resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-1.2.0.tgz#1c86991d816ad1e504750e73874224ecf3bec508"
2096 +
2097 events@~1.1.0:
2098 version "1.1.1"
2099 resolved "https://registry.yarnpkg.com/events/-/events-1.1.1.tgz#9ebdb7635ad099c70dcc4c2a1f5004288e8bd924"
@@ -1972,6 +2110,17 @@ exec-sh@^0.2.0:
2110 dependencies:
2111 merge "^1.1.3"
2112
2113 +execa@^0.4.0:
2114 + version "0.4.0"
2115 + resolved "https://registry.yarnpkg.com/execa/-/execa-0.4.0.tgz#4eb6467a36a095fabb2970ff9d5e3fb7bce6ebc3"
2116 + dependencies:
2117 + cross-spawn-async "^2.1.1"
2118 + is-stream "^1.1.0"
2119 + npm-run-path "^1.0.0"
2120 + object-assign "^4.0.1"
2121 + path-key "^1.0.0"
2122 + strip-eof "^1.0.0"
2123 +
2124 exit-hook@^1.0.0:
2125 version "1.1.1"
2126 resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8"
@@ -1999,8 +2148,8 @@ extend@^1.2.1:
2148 resolved "https://registry.yarnpkg.com/extend/-/extend-1.3.0.tgz#d1516fb0ff5624d2ebf9123ea1dac5a1994004f8"
2149
2150 extend@^3.0.0, extend@~3.0.0:
2002 - version "3.0.0"
2003 - resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.0.tgz#5a474353b9f3353ddd8176dfd37b91c83a46f1d4"
2151 + version "3.0.1"
2152 + resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.1.tgz#a755ea7bc1adfcc5a31ce7e762dbaadc5e636444"
2153
2154 extglob@^0.3.1:
2155 version "0.3.2"
@@ -2172,6 +2321,16 @@ form-data@~2.1.1:
2321 combined-stream "^1.0.5"
2322 mime-types "^2.1.12"
2323
2324 +fs-extra@~0.26.2:
2325 + version "0.26.7"
2326 + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-0.26.7.tgz#9ae1fdd94897798edab76d0918cf42d0c3184fa9"
2327 + dependencies:
2328 + graceful-fs "^4.1.2"
2329 + jsonfile "^2.1.0"
2330 + klaw "^1.0.0"
2331 + path-is-absolute "^1.0.0"
2332 + rimraf "^2.2.8"
2333 +
2334 fs-readdir-recursive@^0.1.0:
2335 version "0.1.2"
2336 resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-0.1.2.tgz#315b4fb8c1ca5b8c47defef319d073dad3568059"
@@ -2247,6 +2406,10 @@ get-stdin@^4.0.1:
2406 version "4.0.1"
2407 resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
2408
2409 +get-stream@^3.0.0:
2410 + version "3.0.0"
2411 + resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
2412 +
2413 getpass@^0.1.1:
2414 version "0.1.7"
2415 resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
@@ -2257,6 +2420,10 @@ git-branch@^0.3.0:
2420 version "0.3.0"
2421 resolved "https://registry.yarnpkg.com/git-branch/-/git-branch-0.3.0.tgz#cae53f599054d2bd4773e164550f54cc5fe53d2c"
2422
2423 +gl-matrix@2.3.2:
2424 + version "2.3.2"
2425 + resolved "https://registry.yarnpkg.com/gl-matrix/-/gl-matrix-2.3.2.tgz#aac808c74af7d5db05fe04cb60ca1a0fcb174d74"
2426 +
2427 glob-base@^0.3.0:
2428 version "0.3.0"
2429 resolved "https://registry.yarnpkg.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
@@ -2348,7 +2515,23 @@ glogg@^1.0.0:
2515 dependencies:
2516 sparkles "^1.0.0"
2517
2351 -graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6:
2518 +got@^6.7.1:
2519 + version "6.7.1"
2520 + resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
2521 + dependencies:
2522 + create-error-class "^3.0.0"
2523 + duplexer3 "^0.1.4"
2524 + get-stream "^3.0.0"
2525 + is-redirect "^1.0.0"
2526 + is-retry-allowed "^1.0.0"
2527 + is-stream "^1.0.0"
2528 + lowercase-keys "^1.0.0"
2529 + safe-buffer "^5.0.1"
2530 + timed-out "^4.0.0"
2531 + unzip-response "^2.0.1"
2532 + url-parse-lax "^1.0.0"
2533 +
2534 +graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6, graceful-fs@^4.1.9:
2535 version "4.1.11"
2536 resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.11.tgz#0e8bdfe4d1ddb8854d64e04ea7c00e2a026e5658"
2537
@@ -2402,9 +2585,9 @@ gzip-size@^3.0.0:
2585 dependencies:
2586 duplexer "^0.1.1"
2587
2405 -handlebars@^4.0.3:
2406 - version "4.0.6"
2407 - resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.6.tgz#2ce4484850537f9c97a8026d5399b935c4ed4ed7"
2588 +handlebars@4.0.5, handlebars@^4.0.3:
2589 + version "4.0.5"
2590 + resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.0.5.tgz#92c6ed6bb164110c50d4d8d0fbddc70806c6f8e7"
2591 dependencies:
2592 async "^1.4.0"
2593 optimist "^0.6.1"
@@ -2473,6 +2656,10 @@ hawk@~3.1.3:
2656 hoek "2.x.x"
2657 sntp "1.x.x"
2658
2659 +he@^0.5.0:
2660 + version "0.5.0"
2661 + resolved "https://registry.yarnpkg.com/he/-/he-0.5.0.tgz#2c05ffaef90b68e860f3fd2b54ef580989277ee2"
2662 +
2663 hmac-drbg@^1.0.0:
2664 version "1.0.1"
2665 resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -2513,6 +2700,26 @@ htmlescape@^1.1.0:
2700 version "1.1.1"
2701 resolved "https://registry.yarnpkg.com/htmlescape/-/htmlescape-1.1.1.tgz#3a03edc2214bca3b66424a3e7959349509cb0351"
2702
2703 +http-proxy@^1.8.1:
2704 + version "1.16.2"
2705 + resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.16.2.tgz#06dff292952bf64dbe8471fa9df73066d4f37742"
2706 + dependencies:
2707 + eventemitter3 "1.x.x"
2708 + requires-port "1.x.x"
2709 +
2710 +http-server@^0.9.0:
2711 + version "0.9.0"
2712 + resolved "https://registry.yarnpkg.com/http-server/-/http-server-0.9.0.tgz#8f1b06bdc733618d4dc42831c7ba1aff4e06001a"
2713 + dependencies:
2714 + colors "1.0.3"
2715 + corser "~2.0.0"
2716 + ecstatic "^1.4.0"
2717 + http-proxy "^1.8.1"
2718 + opener "~1.4.0"
2719 + optimist "0.6.x"
2720 + portfinder "0.4.x"
2721 + union "~0.4.3"
2722 +
2723 http-signature@~1.1.0:
2724 version "1.1.1"
2725 resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.1.1.tgz#df72e267066cd0ac67fb76adf8e134a8fbcf91bf"
@@ -2521,6 +2728,10 @@ http-signature@~1.1.0:
2728 jsprim "^1.2.2"
2729 sshpk "^1.7.0"
2730
2731 +http2@^3.3.6:
2732 + version "3.3.6"
2733 + resolved "https://registry.yarnpkg.com/http2/-/http2-3.3.6.tgz#7df06227e02b5b5a5841deea08239b3198d04bec"
2734 +
2735 https-browserify@~0.0.0:
2736 version "0.0.1"
2737 resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-0.0.1.tgz#3f91365cabe60b77ed0ebba24b454e3e09d95a82"
@@ -2541,10 +2752,20 @@ ignore@^3.2.0:
2752 version "3.2.7"
2753 resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.2.7.tgz#4810ca5f1d8eca5595213a34b94f2eb4ed926bbd"
2754
2755 +image-ssim@^0.2.0:
2756 + version "0.2.0"
2757 + resolved "https://registry.yarnpkg.com/image-ssim/-/image-ssim-0.2.0.tgz#83b42c7a2e6e4b85505477fe6917f5dbc56420e5"
2758 +
2759 imurmurhash@^0.1.4:
2760 version "0.1.4"
2761 resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
2762
2763 +indent-string@^2.1.0:
2764 + version "2.1.0"
2765 + resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
2766 + dependencies:
2767 + repeating "^2.0.0"
2768 +
2769 indexof@0.0.1:
2770 version "0.0.1"
2771 resolved "https://registry.yarnpkg.com/indexof/-/indexof-0.0.1.tgz#82dc336d232b9062179d05ab3293a66059fd435d"
@@ -2735,12 +2956,20 @@ is-negated-glob@^1.0.0:
2956 version "1.0.0"
2957 resolved "https://registry.yarnpkg.com/is-negated-glob/-/is-negated-glob-1.0.0.tgz#6910bca5da8c95e784b5751b976cf5a10fee36d2"
2958
2959 +is-npm@^1.0.0:
2960 + version "1.0.0"
2961 + resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-1.0.0.tgz#f2fb63a65e4905b406c86072765a1a4dc793b9f4"
2962 +
2963 is-number@^2.0.2, is-number@^2.1.0:
2964 version "2.1.0"
2965 resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
2966 dependencies:
2967 kind-of "^3.0.2"
2968
2969 +is-obj@^1.0.0:
2970 + version "1.0.1"
2971 + resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
2972 +
2973 is-path-cwd@^1.0.0:
2974 version "1.0.0"
2975 resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d"
@@ -2769,6 +2998,10 @@ is-property@^1.0.0:
2998 version "1.0.2"
2999 resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84"
3000
3001 +is-redirect@^1.0.0:
3002 + version "1.0.0"
3003 + resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24"
3004 +
3005 is-regex@^1.0.3:
3006 version "1.0.4"
3007 resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.0.4.tgz#5517489b547091b0930e095654ced25ee97e9491"
@@ -2787,7 +3020,11 @@ is-resolvable@^1.0.0:
3020 dependencies:
3021 tryit "^1.0.1"
3022
2790 -is-stream@^1.0.1:
3023 +is-retry-allowed@^1.0.0:
3024 + version "1.1.0"
3025 + resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34"
3026 +
3027 +is-stream@^1.0.0, is-stream@^1.0.1, is-stream@^1.1.0:
3028 version "1.1.0"
3029 resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
3030
@@ -2941,8 +3178,8 @@ jest-cli@^19.0.2:
3178 yargs "^6.3.0"
3179
3180 jest-config@^19.0.1, jest-config@^19.0.2:
2944 - version "19.0.2"
2945 - resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-19.0.2.tgz#1b9bd2db0ddd16df61c2b10a54009e1768da6411"
3181 + version "19.0.4"
3182 + resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-19.0.4.tgz#42980211d46417e91ca7abffd086c270234f73fd"
3183 dependencies:
3184 chalk "^1.1.1"
3185 jest-environment-jsdom "^19.0.2"
@@ -2982,8 +3219,8 @@ jest-file-exists@^19.0.0:
3219 resolved "https://registry.yarnpkg.com/jest-file-exists/-/jest-file-exists-19.0.0.tgz#cca2e587a11ec92e24cfeab3f8a94d657f3fceb8"
3220
3221 jest-haste-map@^19.0.0:
2985 - version "19.0.1"
2986 - resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-19.0.1.tgz#7616222491275050c7af39dbeab0a57c32ef9652"
3222 + version "19.0.2"
3223 + resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-19.0.2.tgz#286484c3a16e86da7872b0877c35dce30c3d6f07"
3224 dependencies:
3225 fb-watchman "^2.0.0"
3226 graceful-fs "^4.1.6"
@@ -3047,8 +3284,8 @@ jest-resolve@^19.0.2:
3284 resolve "^1.2.0"
3285
3286 jest-runtime@^19.0.1, jest-runtime@^19.0.2:
3050 - version "19.0.2"
3051 - resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-19.0.2.tgz#d9a43e72de416d27d196fd9c7940d98fe6685407"
3287 + version "19.0.3"
3288 + resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-19.0.3.tgz#a163354ace46910ee33f0282b6bff6b0b87d4330"
3289 dependencies:
3290 babel-core "^6.0.0"
3291 babel-jest "^19.0.0"
@@ -3121,6 +3358,10 @@ jodid25519@^1.0.0:
3358 dependencies:
3359 jsbn "~0.1.0"
3360
3361 +jpeg-js@^0.1.2:
3362 + version "0.1.2"
3363 + resolved "https://registry.yarnpkg.com/jpeg-js/-/jpeg-js-0.1.2.tgz#135b992c0575c985cfa0f494a3227ed238583ece"
3364 +
3365 js-tokens@1.0.1:
3366 version "1.0.1"
3367 resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-1.0.1.tgz#cc435a5c8b94ad15acb7983140fc80182c89aeae"
@@ -3195,7 +3436,7 @@ json-stable-stringify@~0.0.0:
3436 dependencies:
3437 jsonify "~0.0.0"
3438
3198 -json-stringify-safe@~5.0.1:
3439 +json-stringify-safe@5.0.1, json-stringify-safe@~5.0.1:
3440 version "5.0.1"
3441 resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
3442
@@ -3207,6 +3448,12 @@ json5@^0.5.0:
3448 version "0.5.1"
3449 resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
3450
3451 +jsonfile@^2.1.0:
3452 + version "2.4.0"
3453 + resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
3454 + optionalDependencies:
3455 + graceful-fs "^4.1.6"
3456 +
3457 jsonify@~0.0.0:
3458 version "0.0.0"
3459 resolved "https://registry.yarnpkg.com/jsonify/-/jsonify-0.0.0.tgz#2c74b6ee41d93ca51b7b5aaee8f503631d252a73"
@@ -3238,6 +3485,12 @@ kind-of@^3.0.2:
3485 dependencies:
3486 is-buffer "^1.1.5"
3487
3488 +klaw@^1.0.0:
3489 + version "1.3.1"
3490 + resolved "https://registry.yarnpkg.com/klaw/-/klaw-1.3.1.tgz#4088433b46b3b1ba259d78785d8e96f73ba02439"
3491 + optionalDependencies:
3492 + graceful-fs "^4.1.9"
3493 +
3494 labeled-stream-splicer@^2.0.0:
3495 version "2.0.0"
3496 resolved "https://registry.yarnpkg.com/labeled-stream-splicer/-/labeled-stream-splicer-2.0.0.tgz#a52e1d138024c00b86b1c0c91f677918b8ae0a59"
@@ -3246,10 +3499,20 @@ labeled-stream-splicer@^2.0.0:
3499 isarray "~0.0.1"
3500 stream-splicer "^2.0.0"
3501
3502 +latest-version@^3.0.0:
3503 + version "3.1.0"
3504 + resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-3.1.0.tgz#a205383fea322b33b5ae3b18abee0dc2f356ee15"
3505 + dependencies:
3506 + package-json "^4.0.0"
3507 +
3508 lazy-cache@^1.0.3:
3509 version "1.0.4"
3510 resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
3511
3512 +lazy-req@^2.0.0:
3513 + version "2.0.0"
3514 + resolved "https://registry.yarnpkg.com/lazy-req/-/lazy-req-2.0.0.tgz#c9450a363ecdda2e6f0c70132ad4f37f8f06f2b4"
3515 +
3516 lcid@^1.0.0:
3517 version "1.0.0"
3518 resolved "https://registry.yarnpkg.com/lcid/-/lcid-1.0.0.tgz#308accafa0bc483a3867b4b6f2b9506251d1b835"
@@ -3281,6 +3544,29 @@ lexical-scope@^1.2.0:
3544 dependencies:
3545 astw "^2.0.0"
3546
3547 +lighthouse@^1.6.3:
3548 + version "1.6.5"
3549 + resolved "https://registry.yarnpkg.com/lighthouse/-/lighthouse-1.6.5.tgz#7e06a7025c8be298b6f912dbc2f15def1d4b6531"
3550 + dependencies:
3551 + axe-core "2.1.7"
3552 + chrome-devtools-frontend "1.0.422034"
3553 + debug "2.2.0"
3554 + devtools-timeline-model "1.1.6"
3555 + gl-matrix "2.3.2"
3556 + handlebars "4.0.5"
3557 + json-stringify-safe "5.0.1"
3558 + marked "0.3.6"
3559 + metaviewport-parser "0.0.1"
3560 + mkdirp "0.5.1"
3561 + opn "4.0.2"
3562 + rimraf "2.2.8"
3563 + semver "5.3.0"
3564 + speedline "1.0.3"
3565 + update-notifier "^2.1.0"
3566 + whatwg-url "4.0.0"
3567 + ws "1.1.1"
3568 + yargs "3.32.0"
3569 +
3570 load-json-file@^1.0.0:
3571 version "1.1.0"
3572 resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
@@ -3389,7 +3675,7 @@ lodash@^3.10.0, lodash@^3.2.0, lodash@^3.9.3:
3675 version "3.10.1"
3676 resolved "https://registry.yarnpkg.com/lodash/-/lodash-3.10.1.tgz#5bf45e8e49ba4189e17d482789dfd15bd140b7b6"
3677
3392 -lodash@^4.0.0, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.2.0, lodash@^4.3.0:
3678 +lodash@^4.0.0, lodash@^4.13.1, lodash@^4.14.0, lodash@^4.15.0, lodash@^4.2.0, lodash@^4.3.0:
3679 version "4.17.4"
3680 resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
3681
@@ -3407,6 +3693,17 @@ loose-envify@^1.0.0, loose-envify@^1.1.0:
3693 dependencies:
3694 js-tokens "^3.0.0"
3695
3696 +loud-rejection@^1.0.0, loud-rejection@^1.3.0:
3697 + version "1.6.0"
3698 + resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
3699 + dependencies:
3700 + currently-unhandled "^0.4.1"
3701 + signal-exit "^3.0.0"
3702 +
3703 +lowercase-keys@^1.0.0:
3704 + version "1.0.0"
3705 + resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.0.tgz#4e3366b39e7f5457e35f1324bdf6f88d0bfc7306"
3706 +
3707 lru-cache@^4.0.0:
3708 version "4.0.2"
3709 resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.0.2.tgz#1d17679c069cda5d040991a09dbc2c0db377e55e"
@@ -3438,6 +3735,29 @@ makeerror@1.0.x:
3735 dependencies:
3736 tmpl "1.0.x"
3737
3738 +map-obj@^1.0.0, map-obj@^1.0.1:
3739 + version "1.0.1"
3740 + resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
3741 +
3742 +marked@0.3.6:
3743 + version "0.3.6"
3744 + resolved "https://registry.yarnpkg.com/marked/-/marked-0.3.6.tgz#b2c6c618fccece4ef86c4fc6cb8a7cbf5aeda8d7"
3745 +
3746 +meow@^3.7.0:
3747 + version "3.7.0"
3748 + resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
3749 + dependencies:
3750 + camelcase-keys "^2.0.0"
3751 + decamelize "^1.1.2"
3752 + loud-rejection "^1.0.0"
3753 + map-obj "^1.0.1"
3754 + minimist "^1.1.3"
3755 + normalize-package-data "^2.3.4"
3756 + object-assign "^4.0.1"
3757 + read-pkg-up "^1.0.1"
3758 + redent "^1.0.0"
3759 + trim-newlines "^1.0.0"
3760 +
3761 merge-stream@^1.0.0:
3762 version "1.0.1"
3763 resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-1.0.1.tgz#4041202d508a342ba00174008df0c251b8c135e1"
@@ -3448,6 +3768,10 @@ merge@^1.1.3:
3768 version "1.2.0"
3769 resolved "https://registry.yarnpkg.com/merge/-/merge-1.2.0.tgz#7531e39d4949c281a66b8c5a6e0265e8b05894da"
3770
3771 +metaviewport-parser@0.0.1:
3772 + version "0.0.1"
3773 + resolved "https://registry.yarnpkg.com/metaviewport-parser/-/metaviewport-parser-0.0.1.tgz#9b28179659b76ff9d21de84ae25583257909b206"
3774 +
3775 micromatch@^2.1.5, micromatch@^2.3.11:
3776 version "2.3.11"
3777 resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
@@ -3483,6 +3807,10 @@ mime-types@^2.1.12, mime-types@~2.1.7:
3807 dependencies:
3808 mime-db "~1.27.0"
3809
3810 +mime@^1.2.11, mime@^1.3.4:
3811 + version "1.3.4"
3812 + resolved "https://registry.yarnpkg.com/mime/-/mime-1.3.4.tgz#115f9e3b6b3daf2959983cb38f149a2d40eb5d53"
3813 +
3814 minimalistic-assert@^1.0.0:
3815 version "1.0.0"
3816 resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.0.tgz#702be2dda6b37f4836bcb3f5db56641b64a1d3d3"
@@ -3507,11 +3835,11 @@ minimist@0.0.8, minimist@~0.0.1:
3835 version "0.0.8"
3836 resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
3837
3510 -minimist@1.2.0, minimist@^1.1.0, minimist@^1.1.1, minimist@^1.2.0:
3838 +minimist@1.2.0, minimist@^1.1.0, minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
3839 version "1.2.0"
3840 resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
3841
3514 -"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
3842 +mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1:
3843 version "0.5.1"
3844 resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
3845 dependencies:
@@ -3537,6 +3865,10 @@ module-deps@^4.0.8:
3865 through2 "^2.0.0"
3866 xtend "^4.0.0"
3867
3868 +ms@0.7.1:
3869 + version "0.7.1"
3870 + resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.1.tgz#9cd13c03adbff25b65effde7ce864ee952017098"
3871 +
3872 ms@0.7.3:
3873 version "0.7.3"
3874 resolved "https://registry.yarnpkg.com/ms/-/ms-0.7.3.tgz#708155a5e44e33f5fd0fc53e81d0d40a91be1fff"
@@ -3551,7 +3883,7 @@ mute-stream@0.0.5:
3883 version "0.0.5"
3884 resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.5.tgz#8fbfabb0a98a253d3184331f9e8deb7372fac6c0"
3885
3554 -nan@^2.3.0:
3886 +nan@^2.2.0, nan@^2.3.0:
3887 version "2.6.2"
3888 resolved "https://registry.yarnpkg.com/nan/-/nan-2.6.2.tgz#e4ff34e6c95fdfb5aecc08de6596f43605a7db45"
3889
@@ -3570,6 +3902,24 @@ node-fetch@^1.0.1:
3902 encoding "^0.1.11"
3903 is-stream "^1.0.1"
3904
3905 +node-gyp@^3.5.0:
3906 + version "3.6.0"
3907 + resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.6.0.tgz#7474f63a3a0501161dda0b6341f022f14c423fa6"
3908 + dependencies:
3909 + fstream "^1.0.0"
3910 + glob "^7.0.3"
3911 + graceful-fs "^4.1.2"
3912 + minimatch "^3.0.2"
3913 + mkdirp "^0.5.0"
3914 + nopt "2 || 3"
3915 + npmlog "0 || 1 || 2 || 3 || 4"
3916 + osenv "0"
3917 + request "2"
3918 + rimraf "2"
3919 + semver "~5.3.0"
3920 + tar "^2.0.0"
3921 + which "1"
3922 +
3923 node-int64@^0.4.0:
3924 version "0.4.0"
3925 resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -3583,7 +3933,7 @@ node-notifier@^5.0.1:
3933 shellwords "^0.1.0"
3934 which "^1.2.12"
3935
3586 -node-pre-gyp@^0.6.29:
3936 +node-pre-gyp@^0.6.29, node-pre-gyp@~0.6.32:
3937 version "0.6.34"
3938 resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.6.34.tgz#94ad1c798a11d7fc67381b50d47f8cc18d9799f7"
3939 dependencies:
@@ -3597,6 +3947,29 @@ node-pre-gyp@^0.6.29:
3947 tar "^2.2.1"
3948 tar-pack "^3.4.0"
3949
3950 +nodegit-promise@~4.0.0:
3951 + version "4.0.0"
3952 + resolved "https://registry.yarnpkg.com/nodegit-promise/-/nodegit-promise-4.0.0.tgz#5722b184f2df7327161064a791d2e842c9167b34"
3953 + dependencies:
3954 + asap "~2.0.3"
3955 +
3956 +nodegit@^0.18.0:
3957 + version "0.18.3"
3958 + resolved "https://registry.yarnpkg.com/nodegit/-/nodegit-0.18.3.tgz#305b6a305ea485fe5f1679fe37e6224a669ae9fc"
3959 + dependencies:
3960 + fs-extra "~0.26.2"
3961 + lodash "^4.13.1"
3962 + nan "^2.2.0"
3963 + node-gyp "^3.5.0"
3964 + node-pre-gyp "~0.6.32"
3965 + promisify-node "~0.3.0"
3966 +
3967 +"nopt@2 || 3":
3968 + version "3.0.6"
3969 + resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
3970 + dependencies:
3971 + abbrev "1"
3972 +
3973 nopt@^4.0.1:
3974 version "4.0.1"
3975 resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
@@ -3604,7 +3977,7 @@ nopt@^4.0.1:
3977 abbrev "1"
3978 osenv "^0.1.4"
3979
3607 -normalize-package-data@^2.3.2:
3980 +normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
3981 version "2.3.8"
3982 resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.3.8.tgz#d819eda2a9dedbd1ffa563ea4071d936782295bb"
3983 dependencies:
@@ -3619,7 +3992,13 @@ normalize-path@^2.0.1:
3992 dependencies:
3993 remove-trailing-separator "^1.0.1"
3994
3622 -npmlog@^4.0.2:
3995 +npm-run-path@^1.0.0:
3996 + version "1.0.0"
3997 + resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-1.0.0.tgz#f5c32bf595fe81ae927daec52e82f8b000ac3c8f"
3998 + dependencies:
3999 + path-key "^1.0.0"
4000 +
4001 +"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.2:
4002 version "4.0.2"
4003 resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.0.2.tgz#d03950e0e78ce1527ba26d2a7592e9348ac3e75f"
4004 dependencies:
@@ -3683,7 +4062,18 @@ onetime@^1.0.0:
4062 version "1.1.0"
4063 resolved "https://registry.yarnpkg.com/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789"
4064
3686 -optimist@^0.6.1:
4065 +opener@~1.4.0:
4066 + version "1.4.3"
4067 + resolved "https://registry.yarnpkg.com/opener/-/opener-1.4.3.tgz#5c6da2c5d7e5831e8ffa3964950f8d6674ac90b8"
4068 +
4069 +opn@4.0.2:
4070 + version "4.0.2"
4071 + resolved "https://registry.yarnpkg.com/opn/-/opn-4.0.2.tgz#7abc22e644dff63b0a96d5ab7f2790c0f01abc95"
4072 + dependencies:
4073 + object-assign "^4.0.1"
4074 + pinkie-promise "^2.0.0"
4075 +
4076 +optimist@0.6.x, optimist@^0.6.1:
4077 version "0.6.1"
4078 resolved "https://registry.yarnpkg.com/optimist/-/optimist-0.6.1.tgz#da3ea74686fa21a19a111c326e90eb15a0196686"
4079 dependencies:
@@ -3701,6 +4091,10 @@ optionator@^0.8.1, optionator@^0.8.2:
4091 type-check "~0.3.2"
4092 wordwrap "~1.0.0"
4093
4094 +options@>=0.0.5:
4095 + version "0.0.6"
4096 + resolved "https://registry.yarnpkg.com/options/-/options-0.0.6.tgz#ec22d312806bb53e731773e7cdaefcf1c643128f"
4097 +
4098 ordered-read-streams@^1.0.0:
4099 version "1.0.0"
4100 resolved "https://registry.yarnpkg.com/ordered-read-streams/-/ordered-read-streams-1.0.0.tgz#d674a86ffcedf83d0ae06afa2918855e96d4033a"
@@ -3730,7 +4124,7 @@ os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.1:
4124 version "1.0.2"
4125 resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
4126
3733 -osenv@^0.1.4:
4127 +osenv@0, osenv@^0.1.4:
4128 version "0.1.4"
4129 resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.4.tgz#42fe6d5953df06c8064be6f176c3d05aaaa34644"
4130 dependencies:
@@ -3755,6 +4149,15 @@ p-locate@^2.0.0:
4149 dependencies:
4150 p-limit "^1.1.0"
4151
4152 +package-json@^4.0.0:
4153 + version "4.0.1"
4154 + resolved "https://registry.yarnpkg.com/package-json/-/package-json-4.0.1.tgz#8869a0401253661c4c4ca3da6c2121ed555f5eed"
4155 + dependencies:
4156 + got "^6.7.1"
4157 + registry-auth-token "^3.0.1"
4158 + registry-url "^3.0.3"
4159 + semver "^5.1.0"
4160 +
4161 pako@~0.2.0:
4162 version "0.2.9"
4163 resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -3824,6 +4227,10 @@ path-is-inside@^1.0.1:
4227 version "1.0.2"
4228 resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
4229
4230 +path-key@^1.0.0:
4231 + version "1.0.0"
4232 + resolved "https://registry.yarnpkg.com/path-key/-/path-key-1.0.0.tgz#5d53d578019646c0d68800db4e146e6bdc2ac7af"
4233 +
4234 path-parse@^1.0.5:
4235 version "1.0.5"
4236 resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.5.tgz#3c1adf871ea9cd6c9431b6ea2bd74a0ff055c4c1"
@@ -3872,10 +4279,21 @@ pluralize@^1.2.1:
4279 version "1.2.1"
4280 resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-1.2.1.tgz#d1a21483fd22bb41e58a12fa3421823140897c45"
4281
4282 +portfinder@0.4.x:
4283 + version "0.4.0"
4284 + resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-0.4.0.tgz#a3ffadffafe4fb98e0601a85eda27c27ce84ca1e"
4285 + dependencies:
4286 + async "0.9.0"
4287 + mkdirp "0.5.x"
4288 +
4289 prelude-ls@~1.1.2:
4290 version "1.1.2"
4291 resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
4292
4293 +prepend-http@^1.0.1:
4294 + version "1.0.4"
4295 + resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
4296 +
4297 preserve@^0.2.0:
4298 version "0.2.0"
4299 resolved "https://registry.yarnpkg.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
@@ -3910,8 +4328,8 @@ process-nextick-args@~1.0.6:
4328 resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-1.0.7.tgz#150e20b756590ad3f91093f25a4f2ad8bff30ba3"
4329
4330 process@~0.11.0:
3913 - version "0.11.9"
3914 - resolved "https://registry.yarnpkg.com/process/-/process-0.11.9.tgz#7bd5ad21aa6253e7da8682264f1e11d11c0318c1"
4331 + version "0.11.10"
4332 + resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
4333
4334 progress@^1.1.8:
4335 version "1.1.8"
@@ -3923,6 +4341,12 @@ promise@^7.1.1:
4341 dependencies:
4342 asap "~2.0.3"
4343
4344 +promisify-node@~0.3.0:
4345 + version "0.3.0"
4346 + resolved "https://registry.yarnpkg.com/promisify-node/-/promisify-node-0.3.0.tgz#b4b55acf90faa7d2b8b90ca396899086c03060cf"
4347 + dependencies:
4348 + nodegit-promise "~4.0.0"
4349 +
4350 prop-types@^15.5.8:
4351 version "15.5.8"
4352 resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.5.8.tgz#6b7b2e141083be38c8595aa51fc55775c7199394"
@@ -3974,6 +4398,10 @@ q@^1.1.2:
4398 version "1.5.0"
4399 resolved "https://registry.yarnpkg.com/q/-/q-1.5.0.tgz#dd01bac9d06d30e6f219aecb8253ee9ebdc308f1"
4400
4401 +qs@~2.3.3:
4402 + version "2.3.3"
4403 + resolved "https://registry.yarnpkg.com/qs/-/qs-2.3.3.tgz#e9e85adbe75da0bbe4c8e0476a086290f863b404"
4404 +
4405 qs@~6.3.0:
4406 version "6.3.2"
4407 resolved "https://registry.yarnpkg.com/qs/-/qs-6.3.2.tgz#e75bd5f6e268122a2a0e0bda630b2550c166502c"
@@ -4001,7 +4429,7 @@ randombytes@^2.0.0, randombytes@^2.0.1:
4429 version "2.0.3"
4430 resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.0.3.tgz#674c99760901c3c4112771a31e521dc349cc09ec"
4431
4004 -rc@^1.1.7:
4432 +rc@^1.0.1, rc@^1.1.6, rc@^1.1.7:
4433 version "1.2.1"
4434 resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.1.tgz#2e03e8e42ee450b8cb3dce65be1bf8974e1dfd95"
4435 dependencies:
@@ -4104,13 +4532,20 @@ rechoir@^0.6.2:
4532 dependencies:
4533 resolve "^1.1.6"
4534
4535 +redent@^1.0.0:
4536 + version "1.0.0"
4537 + resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
4538 + dependencies:
4539 + indent-string "^2.1.0"
4540 + strip-indent "^1.0.1"
4541 +
4542 regenerate@^1.2.1:
4543 version "1.3.2"
4544 resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.2.tgz#d1941c67bad437e1be76433add5b385f95b19260"
4545
4546 regenerator-runtime@^0.10.0:
4112 - version "0.10.3"
4113 - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.3.tgz#8c4367a904b51ea62a908ac310bf99ff90a82a3e"
4547 + version "0.10.4"
4548 + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.4.tgz#74cb6598d3ba2eb18694e968a40e2b3b4df9cf93"
4549
4550 regenerator@0.8.40:
4551 version "0.8.40"
@@ -4140,6 +4575,19 @@ regexpu@^1.3.0:
4575 regjsgen "^0.2.0"
4576 regjsparser "^0.1.4"
4577
4578 +registry-auth-token@^3.0.1:
4579 + version "3.3.0"
4580 + resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.3.0.tgz#57ae67347e73d96345ed1bc01294c7237c02aa63"
4581 + dependencies:
4582 + rc "^1.1.6"
4583 + safe-buffer "^5.0.1"
4584 +
4585 +registry-url@^3.0.3:
4586 + version "3.1.0"
4587 + resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-3.1.0.tgz#3d4ef870f73dde1d77f0cf9a381432444e174942"
4588 + dependencies:
4589 + rc "^1.0.1"
4590 +
4591 regjsgen@^0.2.0:
4592 version "0.2.0"
4593 resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
@@ -4178,7 +4626,7 @@ replace-ext@0.0.1:
4626 version "0.0.1"
4627 resolved "https://registry.yarnpkg.com/replace-ext/-/replace-ext-0.0.1.tgz#29bbd92078a739f0bcce2b4ee41e837953522924"
4628
4181 -request@2.79.0, request@^2.79.0:
4629 +request@2, request@2.79.0:
4630 version "2.79.0"
4631 resolved "https://registry.yarnpkg.com/request/-/request-2.79.0.tgz#4dfe5bf6be8b8cdc37fcf93e04b65577722710de"
4632 dependencies:
@@ -4203,7 +4651,7 @@ request@2.79.0, request@^2.79.0:
4651 tunnel-agent "~0.4.1"
4652 uuid "^3.0.0"
4653
4206 -request@^2.81.0:
4654 +request@^2.79.0, request@^2.81.0:
4655 version "2.81.0"
4656 resolved "https://registry.yarnpkg.com/request/-/request-2.81.0.tgz#c6928946a0e06c5f8d6f8a9333469ffda46298a0"
4657 dependencies:
@@ -4245,6 +4693,10 @@ require-uncached@^1.0.2:
4693 caller-path "^0.1.0"
4694 resolve-from "^1.0.0"
4695
4696 +requires-port@1.x.x:
4697 + version "1.0.0"
4698 + resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
4699 +
4700 resolve-from@^1.0.0:
4701 version "1.0.1"
4702 resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226"
@@ -4278,6 +4730,10 @@ rimraf@2, rimraf@^2.2.8, rimraf@^2.4.4, rimraf@^2.5.1, rimraf@^2.6.1:
4730 dependencies:
4731 glob "^7.0.5"
4732
4733 +rimraf@2.2.8:
4734 + version "2.2.8"
4735 + resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.2.8.tgz#e439be2aaee327321952730f99a8929e4fc50582"
4736 +
4737 ripemd160@^1.0.0:
4738 version "1.0.1"
4739 resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-1.0.1.tgz#93a4bbd4942bc574b69a8fa57c71de10ecca7d6e"
@@ -4395,7 +4851,13 @@ sax@^1.2.1:
4851 version "1.2.2"
4852 resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.2.tgz#fd8631a23bc7826bef5d871bdb87378c95647828"
4853
4398 -"semver@2 || 3 || 4 || 5", semver@^5.1.0, semver@^5.3.0:
4854 +semver-diff@^2.0.0:
4855 + version "2.1.0"
4856 + resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
4857 + dependencies:
4858 + semver "^5.0.3"
4859 +
4860 +"semver@2 || 3 || 4 || 5", semver@5.3.0, semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@~5.3.0:
4861 version "5.3.0"
4862 resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
4863
@@ -4469,6 +4931,10 @@ slice-ansi@0.0.4:
4931 version "0.0.4"
4932 resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-0.0.4.tgz#edbf8903f66f7ce2f8eafd6ceed65e264c831b35"
4933
4934 +slide@^1.1.5:
4935 + version "1.1.6"
4936 + resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
4937 +
4938 sntp@1.x.x:
4939 version "1.0.9"
4940 resolved "https://registry.yarnpkg.com/sntp/-/sntp-1.0.9.tgz#6541184cc90aeea6c6e7b35e2659082443c66198"
@@ -4534,6 +5000,16 @@ spdx-license-ids@^1.0.2:
5000 version "1.2.2"
5001 resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-1.2.2.tgz#c9df7a3424594ade6bd11900d596696dc06bac57"
5002
5003 +speedline@1.0.3:
5004 + version "1.0.3"
5005 + resolved "https://registry.yarnpkg.com/speedline/-/speedline-1.0.3.tgz#ee1d98c18d583a2d8488aaded2db9334b943dbbd"
5006 + dependencies:
5007 + babar "0.0.3"
5008 + image-ssim "^0.2.0"
5009 + jpeg-js "^0.1.2"
5010 + loud-rejection "^1.3.0"
5011 + meow "^3.7.0"
5012 +
5013 sprintf-js@~1.0.2:
5014 version "1.0.3"
5015 resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
@@ -4557,6 +5033,10 @@ stable@~0.1.3:
5033 version "0.1.6"
5034 resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.6.tgz#910f5d2aed7b520c6e777499c1f32e139fdecb10"
5035
5036 +stats-analysis@^2.0.0:
5037 + version "2.0.0"
5038 + resolved "https://registry.yarnpkg.com/stats-analysis/-/stats-analysis-2.0.0.tgz#f45c516ff5c5d26c26f2d8c7b3d57592802d6187"
5039 +
5040 stream-browserify@^2.0.0:
5041 version "2.0.1"
5042 resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.1.tgz#66266ee5f9bdb9940a4e4514cafb43bb71e5c9db"
@@ -4651,6 +5131,16 @@ strip-bom@^2.0.0:
5131 dependencies:
5132 is-utf8 "^0.2.0"
5133
5134 +strip-eof@^1.0.0:
5135 + version "1.0.0"
5136 + resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
5137 +
5138 +strip-indent@^1.0.1:
5139 + version "1.0.1"
5140 + resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
5141 + dependencies:
5142 + get-stdin "^4.0.1"
5143 +
5144 strip-json-comments@~2.0.1:
5145 version "2.0.1"
5146 resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
@@ -4705,7 +5195,7 @@ tar-pack@^3.4.0:
5195 tar "^2.2.1"
5196 uid-number "^0.0.6"
5197
4708 -tar@^2.2.1:
5198 +tar@^2.0.0, tar@^2.2.1:
5199 version "2.2.1"
5200 resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.1.tgz#8e4d2a256c0e2185c6b18ad694aec968b83cb1d1"
5201 dependencies:
@@ -4713,6 +5203,12 @@ tar@^2.2.1:
5203 fstream "^1.0.2"
5204 inherits "2"
5205
5206 +term-size@^0.1.0:
5207 + version "0.1.1"
5208 + resolved "https://registry.yarnpkg.com/term-size/-/term-size-0.1.1.tgz#87360b96396cab5760963714cda0d0cbeecad9ca"
5209 + dependencies:
5210 + execa "^0.4.0"
5211 +
5212 test-exclude@^4.0.3:
5213 version "4.0.3"
5214 resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-4.0.3.tgz#86a13ce3effcc60e6c90403cf31a27a60ac6c4e7"
@@ -4760,6 +5256,10 @@ time-stamp@^1.0.0:
5256 version "1.0.1"
5257 resolved "https://registry.yarnpkg.com/time-stamp/-/time-stamp-1.0.1.tgz#9f4bd23559c9365966f3302dbba2b07c6b99b151"
5258
5259 +timed-out@^4.0.0:
5260 + version "4.0.1"
5261 + resolved "https://registry.yarnpkg.com/timed-out/-/timed-out-4.0.1.tgz#f32eacac5a175bea25d7fab565ab3ed8741ef56f"
5262 +
5263 timers-browserify@^1.0.1:
5264 version "1.4.2"
5265 resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-1.4.2.tgz#c9c58b575be8407375cb5e2462dacee74359f41d"
@@ -4802,6 +5302,10 @@ tr46@~0.0.3:
5302 version "0.0.3"
5303 resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
5304
5305 +trim-newlines@^1.0.0:
5306 + version "1.0.0"
5307 + resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
5308 +
5309 trim-right@^1.0.0, trim-right@^1.0.1:
5310 version "1.0.1"
5311 resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
@@ -4881,6 +5385,10 @@ uid-number@^0.0.6:
5385 version "0.0.6"
5386 resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
5387
5388 +ultron@1.0.x:
5389 + version "1.0.2"
5390 + resolved "https://registry.yarnpkg.com/ultron/-/ultron-1.0.2.tgz#ace116ab557cd197386a4e88f4685378c8b2e4fa"
5391 +
5392 umd@^3.0.0:
5393 version "3.0.1"
5394 resolved "https://registry.yarnpkg.com/umd/-/umd-3.0.1.tgz#8ae556e11011f63c2596708a8837259f01b3d60e"
@@ -4889,6 +5397,12 @@ unc-path-regex@^0.1.0:
5397 version "0.1.2"
5398 resolved "https://registry.yarnpkg.com/unc-path-regex/-/unc-path-regex-0.1.2.tgz#e73dd3d7b0d7c5ed86fbac6b0ae7d8c6a69d50fa"
5399
5400 +union@~0.4.3:
5401 + version "0.4.6"
5402 + resolved "https://registry.yarnpkg.com/union/-/union-0.4.6.tgz#198fbdaeba254e788b0efcb630bc11f24a2959e0"
5403 + dependencies:
5404 + qs "~2.3.3"
5405 +
5406 unique-stream@^2.0.2:
5407 version "2.2.1"
5408 resolved "https://registry.yarnpkg.com/unique-stream/-/unique-stream-2.2.1.tgz#5aa003cfbe94c5ff866c4e7d668bb1c4dbadb369"
@@ -4896,6 +5410,39 @@ unique-stream@^2.0.2:
5410 json-stable-stringify "^1.0.0"
5411 through2-filter "^2.0.0"
5412
5413 +unique-string@^1.0.0:
5414 + version "1.0.0"
5415 + resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
5416 + dependencies:
5417 + crypto-random-string "^1.0.0"
5418 +
5419 +unzip-response@^2.0.1:
5420 + version "2.0.1"
5421 + resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-2.0.1.tgz#d2f0f737d16b0615e72a6935ed04214572d56f97"
5422 +
5423 +update-notifier@^2.1.0:
5424 + version "2.1.0"
5425 + resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-2.1.0.tgz#ec0c1e53536b76647a24b77cb83966d9315123d9"
5426 + dependencies:
5427 + boxen "^1.0.0"
5428 + chalk "^1.0.0"
5429 + configstore "^3.0.0"
5430 + is-npm "^1.0.0"
5431 + latest-version "^3.0.0"
5432 + lazy-req "^2.0.0"
5433 + semver-diff "^2.0.0"
5434 + xdg-basedir "^3.0.0"
5435 +
5436 +url-join@^1.0.0:
5437 + version "1.1.0"
5438 + resolved "https://registry.yarnpkg.com/url-join/-/url-join-1.1.0.tgz#741c6c2f4596c4830d6718460920d0c92202dc78"
5439 +
5440 +url-parse-lax@^1.0.0:
5441 + version "1.0.0"
5442 + resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-1.0.0.tgz#7af8f303645e9bd79a272e7a14ac68bc0609da73"
5443 + dependencies:
5444 + prepend-http "^1.0.1"
5445 +
5446 url@~0.11.0:
5447 version "0.11.0"
5448 resolved "https://registry.yarnpkg.com/url/-/url-0.11.0.tgz#3838e97cfc60521eb73c525a8e55bfdd9e2e28f1"
@@ -4992,6 +5539,13 @@ whatwg-fetch@>=0.10.0:
5539 version "2.0.3"
5540 resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.3.tgz#9c84ec2dcf68187ff00bc64e1274b442176e1c84"
5541
5542 +whatwg-url@4.0.0:
5543 + version "4.0.0"
5544 + resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.0.0.tgz#5be362f0b6e2f8760f7260df6e0e1df536f5479c"
5545 + dependencies:
5546 + tr46 "~0.0.3"
5547 + webidl-conversions "^3.0.0"
5548 +
5549 whatwg-url@^4.3.0:
5550 version "4.7.1"
5551 resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-4.7.1.tgz#df4dc2e3f25a63b1fa5b32ed6d6c139577d690de"
@@ -5003,7 +5557,7 @@ which-module@^1.0.0:
5557 version "1.0.0"
5558 resolved "https://registry.yarnpkg.com/which-module/-/which-module-1.0.0.tgz#bba63ca861948994ff307736089e3b96026c2a4f"
5559
5006 -which@^1.1.1, which@^1.2.12, which@^1.2.8:
5560 +which@1, which@^1.1.1, which@^1.2.12, which@^1.2.8:
5561 version "1.2.14"
5562 resolved "https://registry.yarnpkg.com/which/-/which-1.2.14.tgz#9a87c4378f03e827cecaf1acdf56c736c01c14e5"
5563 dependencies:
@@ -5015,18 +5569,28 @@ wide-align@^1.1.0:
5569 dependencies:
5570 string-width "^1.0.1"
5571
5572 +widest-line@^1.0.0:
5573 + version "1.0.0"
5574 + resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-1.0.0.tgz#0c09c85c2a94683d0d7eaf8ee097d564bf0e105c"
5575 + dependencies:
5576 + string-width "^1.0.1"
5577 +
5578 window-size@0.1.0:
5579 version "0.1.0"
5580 resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.0.tgz#5438cd2ea93b202efa3a19fe8887aee7c94f9c9d"
5581
5022 -window-size@^0.1.2:
5582 +window-size@^0.1.2, window-size@^0.1.4:
5583 version "0.1.4"
5584 resolved "https://registry.yarnpkg.com/window-size/-/window-size-0.1.4.tgz#f8e1aa1ee5a53ec5bf151ffa09742a6ad7697876"
5585
5026 -wordwrap@0.0.2, wordwrap@~0.0.2:
5586 +wordwrap@0.0.2:
5587 version "0.0.2"
5588 resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.2.tgz#b79669bb42ecb409f83d583cad52ca17eaa1643f"
5589
5590 +wordwrap@~0.0.2:
5591 + version "0.0.3"
5592 + resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-0.0.3.tgz#a3d5da6cd5c0bc0008d37234bbaf1bed63059107"
5593 +
5594 wordwrap@~1.0.0:
5595 version "1.0.0"
5596 resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
@@ -5049,12 +5613,31 @@ wrappy@1:
5613 version "1.0.2"
5614 resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
5615
5616 +write-file-atomic@^1.1.2:
5617 + version "1.3.4"
5618 + resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-1.3.4.tgz#f807a4f0b1d9e913ae7a48112e6cc3af1991b45f"
5619 + dependencies:
5620 + graceful-fs "^4.1.11"
5621 + imurmurhash "^0.1.4"
5622 + slide "^1.1.5"
5623 +
5624 write@^0.2.1:
5625 version "0.2.1"
5626 resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757"
5627 dependencies:
5628 mkdirp "^0.5.1"
5629
5630 +ws@1.1.1:
5631 + version "1.1.1"
5632 + resolved "https://registry.yarnpkg.com/ws/-/ws-1.1.1.tgz#082ddb6c641e85d4bb451f03d52f06eabdb1f018"
5633 + dependencies:
5634 + options ">=0.0.5"
5635 + ultron "1.0.x"
5636 +
5637 +xdg-basedir@^3.0.0:
5638 + version "3.0.0"
5639 + resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
5640 +
5641 xml-name-validator@^2.0.1:
5642 version "2.0.1"
5643 resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-2.0.1.tgz#4d8b8f1eccd3419aa362061becef515e1e559635"
@@ -5077,6 +5660,18 @@ yargs-parser@^4.2.0:
5660 dependencies:
5661 camelcase "^3.0.0"
5662
5663 +yargs@3.32.0:
5664 + version "3.32.0"
5665 + resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
5666 + dependencies:
5667 + camelcase "^2.0.1"
5668 + cliui "^3.0.3"
5669 + decamelize "^1.1.1"
5670 + os-locale "^1.4.0"
5671 + string-width "^1.0.1"
5672 + window-size "^0.1.4"
5673 + y18n "^3.2.0"
5674 +
5675 yargs@^6.3.0, yargs@^6.5.0:
5676 version "6.6.0"
5677 resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"