@samitouri / QOS-React-2 / commits / e849819cb6

Add a simple initial-render benchmark test case

Ben Alpert committed Oct 28, 2015 at 13:09 UTC e849819cb6d7eb83d649719564865c5ad5dd106b
5 files changed +15885
.eslintignore
+1
@@ -11,4 +11,5 @@ docs/vendor/bundle/
11 examples/
12 # Ignore built files.
13 build/
14 +scripts/bench/bench-*.js
15 vendor/react-dom.js
scripts/bench/README.md new
+23
@@ -0,0 +1,23 @@
1 +Work-in-progress benchmarks.
2 +
3 +## Running one
4 +One thing you can do with them is benchmark initial render time for a realistic hierarchy:
5 +
6 +```
7 +$ which jsc
8 +/System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc
9 +$ 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);'
10 +45
11 +```
12 +
13 +Substitute `js` or `v8` for `jsc` to use SpiderMonkey or V8, respectively, if you've installed them.
14 +
15 +## Creating one
16 +
17 +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`.
18 +
19 +Then to convert it to ES5:
20 +
21 +```
22 +babel --whitelist react,react.displayName --compact false bench-pe.js >bench-pe-es5.js
23 +```
scripts/bench/bench-pe-es5.js new
+9011
@@ -0,0 +1,9011 @@
1 +(function () {
2 +
3 + var Link0 = React.createClass({
4 + displayName: "Link0",
5 +
6 + render: function () {
7 + return React.createElement("a", { href: "/", className: "_5ljn", rel: undefined, onClick: function () {} });
8 + }
9 + });
10 +
11 + var ReactImage1 = React.createClass({
12 + displayName: "ReactImage1",
13 +
14 + render: function () {
15 + return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
16 + }
17 + });
18 +
19 + var Link2 = React.createClass({
20 + displayName: "Link2",
21 +
22 + render: function () {
23 + return React.createElement(
24 + "a",
25 + { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, onToggle: function () {}, size: "medium", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
26 + null,
27 + React.createElement(
28 + "span",
29 + { className: "_55pe", style: { "maxWidth": "186px" } },
30 + null,
31 + "Dick Madanson (10149999073643408)"
32 + ),
33 + React.createElement(ReactImage1, null)
34 + );
35 + }
36 + });
37 +
38 + var AbstractButton3 = React.createClass({
39 + displayName: "AbstractButton3",
40 +
41 + render: function () {
42 + return React.createElement(Link2, null);
43 + }
44 + });
45 +
46 + var XUIButton4 = React.createClass({
47 + displayName: "XUIButton4",
48 +
49 + render: function () {
50 + return React.createElement(AbstractButton3, null);
51 + }
52 + });
53 +
54 + var AbstractPopoverButton5 = React.createClass({
55 + displayName: "AbstractPopoverButton5",
56 +
57 + render: function () {
58 + return React.createElement(XUIButton4, null);
59 + }
60 + });
61 +
62 + var ReactXUIPopoverButton6 = React.createClass({
63 + displayName: "ReactXUIPopoverButton6",
64 +
65 + render: function () {
66 + return React.createElement(AbstractPopoverButton5, null);
67 + }
68 + });
69 +
70 + var AdsPEAccountSelector7 = React.createClass({
71 + displayName: "AdsPEAccountSelector7",
72 +
73 + render: function () {
74 + return React.createElement(ReactXUIPopoverButton6, { ref: "button" });
75 + }
76 + });
77 +
78 + var AdsPEAccountSelectorContainer8 = React.createClass({
79 + displayName: "AdsPEAccountSelectorContainer8",
80 +
81 + render: function () {
82 + return React.createElement(AdsPEAccountSelector7, null);
83 + }
84 + });
85 +
86 + var AbstractButton9 = React.createClass({
87 + displayName: "AbstractButton9",
88 +
89 + render: function () {
90 + return React.createElement(
91 + "button",
92 + { id: "downloadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
93 + undefined,
94 + "Download to Power Editor",
95 + undefined
96 + );
97 + }
98 + });
99 +
100 + var XUIButton10 = React.createClass({
101 + displayName: "XUIButton10",
102 +
103 + render: function () {
104 + return React.createElement(AbstractButton9, null);
105 + }
106 + });
107 +
108 + var DownloadUploadTimestamp11 = React.createClass({
109 + displayName: "DownloadUploadTimestamp11",
110 +
111 + render: function () {
112 + return React.createElement(
113 + "div",
114 + null,
115 + "Last downloaded",
116 + " ",
117 + React.createElement(
118 + "abbr",
119 + { className: "livetimestamp", "data-utime": 1446062352, "data-shorten": false },
120 + "a few seconds ago"
121 + )
122 + );
123 + }
124 + });
125 +
126 + var ReactImage12 = React.createClass({
127 + displayName: "ReactImage12",
128 +
129 + render: function () {
130 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_dbc06a", src: null });
131 + }
132 + });
133 +
134 + var AbstractButton13 = React.createClass({
135 + displayName: "AbstractButton13",
136 +
137 + render: function () {
138 + return React.createElement(
139 + "button",
140 + { id: "uploadButton", className: "_5lk0 _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", label: null, onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
141 + React.createElement(ReactImage12, null),
142 + "Upload Changes",
143 + undefined
144 + );
145 + }
146 + });
147 +
148 + var XUIButton14 = React.createClass({
149 + displayName: "XUIButton14",
150 +
151 + render: function () {
152 + return React.createElement(AbstractButton13, null);
153 + }
154 + });
155 +
156 + var DownloadUploadTimestamp15 = React.createClass({
157 + displayName: "DownloadUploadTimestamp15",
158 +
159 + render: function () {
160 + return React.createElement("div", null);
161 + }
162 + });
163 +
164 + var AbstractButton16 = React.createClass({
165 + displayName: "AbstractButton16",
166 +
167 + render: function () {
168 + return React.createElement(
169 + "button",
170 + { className: "_5ljz _4jy0 _4jy3 _517h _51sy _42ft", label: null, onClick: function () {}, use: "default", size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
171 + undefined,
172 + "Help",
173 + undefined
174 + );
175 + }
176 + });
177 +
178 + var XUIButton17 = React.createClass({
179 + displayName: "XUIButton17",
180 +
181 + render: function () {
182 + return React.createElement(AbstractButton16, null);
183 + }
184 + });
185 +
186 + var ReactImage18 = React.createClass({
187 + displayName: "ReactImage18",
188 +
189 + render: function () {
190 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });
191 + }
192 + });
193 +
194 + var AbstractButton19 = React.createClass({
195 + displayName: "AbstractButton19",
196 +
197 + render: function () {
198 + return React.createElement(
199 + "button",
200 + { className: "_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft", image: {}, use: "default", size: "medium", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
201 + React.createElement(ReactImage18, null),
202 + undefined,
203 + undefined
204 + );
205 + }
206 + });
207 +
208 + var XUIButton20 = React.createClass({
209 + displayName: "XUIButton20",
210 +
211 + render: function () {
212 + return React.createElement(AbstractButton19, null);
213 + }
214 + });
215 +
216 + var InlineBlock21 = React.createClass({
217 + displayName: "InlineBlock21",
218 +
219 + render: function () {
220 + return React.createElement(
221 + "div",
222 + { className: "_5ljz uiPopover _6a _6b", alignh: "right", menu: {}, alignv: "middle", disabled: null, fullWidth: false },
223 + React.createElement(XUIButton20, { key: "/.0" })
224 + );
225 + }
226 + });
227 +
228 + var ReactPopoverMenu22 = React.createClass({
229 + displayName: "ReactPopoverMenu22",
230 +
231 + render: function () {
232 + return React.createElement(InlineBlock21, { ref: "root" });
233 + }
234 + });
235 +
236 + var XUIButtonGroup23 = React.createClass({
237 + displayName: "XUIButtonGroup23",
238 +
239 + render: function () {
240 + return React.createElement(
241 + "div",
242 + { className: "_13xj _51xa", id: "helpButton" },
243 + React.createElement(XUIButton17, null),
244 + React.createElement(ReactPopoverMenu22, null)
245 + );
246 + }
247 + });
248 +
249 + var AdsPEResetDialog24 = React.createClass({
250 + displayName: "AdsPEResetDialog24",
251 +
252 + render: function () {
253 + return React.createElement("span", null);
254 + }
255 + });
256 +
257 + var AdsPETopNav25 = React.createClass({
258 + displayName: "AdsPETopNav25",
259 +
260 + render: function () {
261 + return React.createElement(
262 + "div",
263 + { className: "_5ljl", id: "ads_pe_top_nav" },
264 + React.createElement(
265 + "div",
266 + { ref: "logo", className: "_5ljm" },
267 + React.createElement(Link0, null),
268 + React.createElement(
269 + "div",
270 + { className: "_5rne" },
271 + React.createElement(
272 + "span",
273 + { className: "_5ljs", "data-testid": "PETopNavLogoText" },
274 + "Power Editor"
275 + )
276 + ),
277 + React.createElement(
278 + "span",
279 + { className: "_5ljt _5lju" },
280 + "Dick Madanson"
281 + )
282 + ),
283 + React.createElement(
284 + "div",
285 + { ref: "leftButtonGroup", className: "_5ljy" },
286 + React.createElement(
287 + "div",
288 + { ref: "accountDropdown", className: "_5ljz _5mun" },
289 + React.createElement(AdsPEAccountSelectorContainer8, null),
290 + React.createElement(
291 + "div",
292 + { className: "_5lj- _5lju" },
293 + "Account 10149999073643408"
294 + )
295 + ),
296 + React.createElement(
297 + "div",
298 + { className: "_5ljz" },
299 + React.createElement(
300 + "div",
301 + { className: "_5lj_" },
302 + React.createElement(XUIButton10, null)
303 + ),
304 + React.createElement(
305 + "div",
306 + { className: "_5lj- _5lju" },
307 + React.createElement(DownloadUploadTimestamp11, null)
308 + )
309 + ),
310 + React.createElement(
311 + "div",
312 + { className: "_5ljz" },
313 + React.createElement(
314 + "div",
315 + { className: "_5lj_" },
316 + React.createElement(XUIButton14, null)
317 + ),
318 + React.createElement(
319 + "div",
320 + { className: "_5lj- _5lju" },
321 + React.createElement(DownloadUploadTimestamp15, null)
322 + )
323 + )
324 + ),
325 + React.createElement(
326 + "div",
327 + { ref: "rightButtonGroup", className: "_5lk3" },
328 + React.createElement(XUIButtonGroup23, null)
329 + ),
330 + React.createElement(AdsPEResetDialog24, null)
331 + );
332 + }
333 + });
334 +
335 + var FluxContainer_ja_26 = React.createClass({
336 + displayName: "FluxContainer_ja_26",
337 +
338 + render: function () {
339 + return React.createElement(AdsPETopNav25, null);
340 + }
341 + });
342 +
343 + var _wrapper27 = React.createClass({
344 + displayName: "_wrapper27",
345 +
346 + render: function () {
347 + return React.createElement(
348 + "li",
349 + { selected: true, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _5vwy _45hc _1hqh", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
350 + React.createElement(
351 + "a",
352 + { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: 0, className: "", "aria-selected": true, onKeyDown: function () {} },
353 + React.createElement(
354 + "div",
355 + { className: "_4jq5" },
356 + "Manage Ads"
357 + ),
358 + React.createElement("span", { className: "_13xf" })
359 + )
360 + );
361 + }
362 + });
363 +
364 + var TabBarItem28 = React.createClass({
365 + displayName: "TabBarItem28",
366 +
367 + render: function () {
368 + return React.createElement(_wrapper27, null);
369 + }
370 + });
371 +
372 + var XUIPageNavigationItem29 = React.createClass({
373 + displayName: "XUIPageNavigationItem29",
374 +
375 + render: function () {
376 + return React.createElement(TabBarItem28, null);
377 + }
378 + });
379 +
380 + var TabBarItemWrapper30 = React.createClass({
381 + displayName: "TabBarItemWrapper30",
382 +
383 + render: function () {
384 + return React.createElement(XUIPageNavigationItem29, { key: "MANAGE_ADS" });
385 + }
386 + });
387 +
388 + var _wrapper31 = React.createClass({
389 + displayName: "_wrapper31",
390 +
391 + render: function () {
392 + return React.createElement(
393 + "li",
394 + { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
395 + React.createElement(
396 + "a",
397 + { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
398 + React.createElement(
399 + "div",
400 + { className: "_4jq5" },
401 + "Audiences"
402 + ),
403 + React.createElement("span", { className: "_13xf" })
404 + )
405 + );
406 + }
407 + });
408 +
409 + var TabBarItem32 = React.createClass({
410 + displayName: "TabBarItem32",
411 +
412 + render: function () {
413 + return React.createElement(_wrapper31, null);
414 + }
415 + });
416 +
417 + var XUIPageNavigationItem33 = React.createClass({
418 + displayName: "XUIPageNavigationItem33",
419 +
420 + render: function () {
421 + return React.createElement(TabBarItem32, null);
422 + }
423 + });
424 +
425 + var TabBarItemWrapper34 = React.createClass({
426 + displayName: "TabBarItemWrapper34",
427 +
428 + render: function () {
429 + return React.createElement(XUIPageNavigationItem33, { key: "AUDIENCES" });
430 + }
431 + });
432 +
433 + var _wrapper35 = React.createClass({
434 + displayName: "_wrapper35",
435 +
436 + render: function () {
437 + return React.createElement(
438 + "li",
439 + { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
440 + React.createElement(
441 + "a",
442 + { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
443 + React.createElement(
444 + "div",
445 + { className: "_4jq5" },
446 + "Image Library"
447 + ),
448 + React.createElement("span", { className: "_13xf" })
449 + )
450 + );
451 + }
452 + });
453 +
454 + var TabBarItem36 = React.createClass({
455 + displayName: "TabBarItem36",
456 +
457 + render: function () {
458 + return React.createElement(_wrapper35, null);
459 + }
460 + });
461 +
462 + var XUIPageNavigationItem37 = React.createClass({
463 + displayName: "XUIPageNavigationItem37",
464 +
465 + render: function () {
466 + return React.createElement(TabBarItem36, null);
467 + }
468 + });
469 +
470 + var TabBarItemWrapper38 = React.createClass({
471 + displayName: "TabBarItemWrapper38",
472 +
473 + render: function () {
474 + return React.createElement(XUIPageNavigationItem37, { key: "IMAGES" });
475 + }
476 + });
477 +
478 + var _wrapper39 = React.createClass({
479 + displayName: "_wrapper39",
480 +
481 + render: function () {
482 + return React.createElement(
483 + "li",
484 + { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
485 + React.createElement(
486 + "a",
487 + { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
488 + React.createElement(
489 + "div",
490 + { className: "_4jq5" },
491 + "Reporting",
492 + null
493 + ),
494 + React.createElement("span", { className: "_13xf" })
495 + )
496 + );
497 + }
498 + });
499 +
500 + var TabBarItem40 = React.createClass({
501 + displayName: "TabBarItem40",
502 +
503 + render: function () {
504 + return React.createElement(_wrapper39, null);
505 + }
506 + });
507 +
508 + var XUIPageNavigationItem41 = React.createClass({
509 + displayName: "XUIPageNavigationItem41",
510 +
511 + render: function () {
512 + return React.createElement(TabBarItem40, null);
513 + }
514 + });
515 +
516 + var TabBarItemWrapper42 = React.createClass({
517 + displayName: "TabBarItemWrapper42",
518 +
519 + render: function () {
520 + return React.createElement(XUIPageNavigationItem41, { key: "REPORTING" });
521 + }
522 + });
523 +
524 + var _wrapper43 = React.createClass({
525 + displayName: "_wrapper43",
526 +
527 + render: function () {
528 + return React.createElement(
529 + "li",
530 + { selected: false, focused: false, tabIndex: null, hideFocusRing: true, onClick: function () {}, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, className: "_5vwz _45hc", wrapper: function () {}, shouldWrapTab: true, mockSpacebarClick: true, role: "presentation" },
531 + React.createElement(
532 + "a",
533 + { ref: "tab", ajaxify: undefined, href: "#", role: "tab", rel: undefined, target: undefined, tabIndex: -1, className: "", "aria-selected": false, onKeyDown: function () {} },
534 + React.createElement(
535 + "div",
536 + { className: "_4jq5" },
537 + "Page Posts"
538 + ),
539 + React.createElement("span", { className: "_13xf" })
540 + )
541 + );
542 + }
543 + });
544 +
545 + var TabBarItem44 = React.createClass({
546 + displayName: "TabBarItem44",
547 +
548 + render: function () {
549 + return React.createElement(_wrapper43, null);
550 + }
551 + });
552 +
553 + var XUIPageNavigationItem45 = React.createClass({
554 + displayName: "XUIPageNavigationItem45",
555 +
556 + render: function () {
557 + return React.createElement(TabBarItem44, null);
558 + }
559 + });
560 +
561 + var TabBarItemWrapper46 = React.createClass({
562 + displayName: "TabBarItemWrapper46",
563 +
564 + render: function () {
565 + return React.createElement(XUIPageNavigationItem45, { key: "PAGES" });
566 + }
567 + });
568 +
569 + var TabBarItem47 = React.createClass({
570 + displayName: "TabBarItem47",
571 +
572 + render: function () {
573 + return React.createElement(
574 + "a",
575 + { ref: "tab", menuClassName: undefined, selected: false, focused: false, hideFocusRing: true, onMouseDown: function () {}, onFocus: function () {}, onBlur: function () {}, label: "Tools", tabComponent: function () {}, shouldWrapTab: false, className: "_45hd _45hc _p _45hc", tabIndex: -1, mockSpacebarClick: false, wrapper: function () {}, href: "#", role: "tab", "aria-selected": false },
576 + React.createElement(
577 + "span",
578 + { className: "_1b0" },
579 + "Tools",
580 + React.createElement(
581 + "span",
582 + { className: "accessible_elem" },
583 + "additional tabs menu"
584 + )
585 + )
586 + );
587 + }
588 + });
589 +
590 + var InlineBlock48 = React.createClass({
591 + displayName: "InlineBlock48",
592 +
593 + render: function () {
594 + return React.createElement(
595 + "div",
596 + { menu: {}, layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
597 + React.createElement(TabBarItem47, { key: "/.0" })
598 + );
599 + }
600 + });
601 +
602 + var ReactPopoverMenu49 = React.createClass({
603 + displayName: "ReactPopoverMenu49",
604 +
605 + render: function () {
606 + return React.createElement(InlineBlock48, { ref: "root" });
607 + }
608 + });
609 +
610 + var TabBarDropdownItem50 = React.createClass({
611 + displayName: "TabBarDropdownItem50",
612 +
613 + render: function () {
614 + return React.createElement(
615 + "li",
616 + { className: " _45hd", role: "tab" },
617 + React.createElement(ReactPopoverMenu49, null)
618 + );
619 + }
620 + });
621 +
622 + var TabBar51 = React.createClass({
623 + displayName: "TabBar51",
624 +
625 + render: function () {
626 + return React.createElement(
627 + "ul",
628 + { onTabClick: function () {}, activeTabKey: "MANAGE_ADS", onWidthCalculated: function () {}, width: null, maxTabsVisible: 5, moreLabel: "Tools", alwaysShowActive: true, dropdownTabComponent: function () {}, shouldCalculateVisibleTabs: true, className: "_43o4", role: "tablist", onKeyDown: function () {}, onKeyUp: function () {} },
629 + React.createElement(TabBarItemWrapper30, { key: "MANAGE_ADS" }),
630 + React.createElement(TabBarItemWrapper34, { key: "AUDIENCES" }),
631 + React.createElement(TabBarItemWrapper38, { key: "IMAGES" }),
632 + React.createElement(TabBarItemWrapper42, { key: "REPORTING" }),
633 + React.createElement(TabBarItemWrapper46, { key: "PAGES" }),
634 + React.createElement(TabBarDropdownItem50, { key: "_dropdown", ref: "more" })
635 + );
636 + }
637 + });
638 +
639 + var XUIPageNavigationGroup52 = React.createClass({
640 + displayName: "XUIPageNavigationGroup52",
641 +
642 + render: function () {
643 + return React.createElement(TabBar51, { ref: "bar" });
644 + }
645 + });
646 +
647 + var LeftRight53 = React.createClass({
648 + displayName: "LeftRight53",
649 +
650 + render: function () {
651 + return React.createElement(
652 + "div",
653 + { className: "_5vx7 clearfix" },
654 + React.createElement(
655 + "div",
656 + { key: "left", className: "_ohe lfloat" },
657 + React.createElement(XUIPageNavigationGroup52, { key: "0", ref: "left" })
658 + ),
659 + null
660 + );
661 + }
662 + });
663 +
664 + var XUIPageNavigation54 = React.createClass({
665 + displayName: "XUIPageNavigation54",
666 +
667 + render: function () {
668 + return React.createElement(
669 + "div",
670 + { className: "_5vx2 _5vx4 _5vx6 _5kkt" },
671 + React.createElement(LeftRight53, null)
672 + );
673 + }
674 + });
675 +
676 + var AdsPENavigationBar55 = React.createClass({
677 + displayName: "AdsPENavigationBar55",
678 +
679 + render: function () {
680 + return React.createElement(
681 + "div",
682 + { className: "_5_a", id: "ads_pe_navigation_bar" },
683 + React.createElement(XUIPageNavigation54, null)
684 + );
685 + }
686 + });
687 +
688 + var FluxContainer_w_56 = React.createClass({
689 + displayName: "FluxContainer_w_56",
690 +
691 + render: function () {
692 + return React.createElement(AdsPENavigationBar55, null);
693 + }
694 + });
695 +
696 + var ReactImage57 = React.createClass({
697 + displayName: "ReactImage57",
698 +
699 + render: function () {
700 + return React.createElement(
701 + "i",
702 + { alt: "Warning", className: "_585p img sp_R48dKBxiJkP sx_aed870", src: null },
703 + React.createElement(
704 + "u",
705 + null,
706 + "Warning"
707 + )
708 + );
709 + }
710 + });
711 +
712 + var Link58 = React.createClass({
713 + displayName: "Link58",
714 +
715 + render: function () {
716 + return React.createElement(
717 + "a",
718 + { className: "_585q _50zy _50-0 _50z- _5upp _42ft", href: "#", onClick: function () {}, size: "medium", shade: "dark", type: null, label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined, disabled: null, rel: undefined },
719 + undefined,
720 + "Remove",
721 + undefined
722 + );
723 + }
724 + });
725 +
726 + var AbstractButton59 = React.createClass({
727 + displayName: "AbstractButton59",
728 +
729 + render: function () {
730 + return React.createElement(Link58, null);
731 + }
732 + });
733 +
734 + var XUIAbstractGlyphButton60 = React.createClass({
735 + displayName: "XUIAbstractGlyphButton60",
736 +
737 + render: function () {
738 + return React.createElement(AbstractButton59, null);
739 + }
740 + });
741 +
742 + var XUICloseButton61 = React.createClass({
743 + displayName: "XUICloseButton61",
744 +
745 + render: function () {
746 + return React.createElement(XUIAbstractGlyphButton60, null);
747 + }
748 + });
749 +
750 + var XUIText62 = React.createClass({
751 + displayName: "XUIText62",
752 +
753 + render: function () {
754 + return React.createElement(
755 + "span",
756 + { weight: "bold", size: "inherit", display: "inline", className: " _50f7" },
757 + "Ads Manager"
758 + );
759 + }
760 + });
761 +
762 + var Link63 = React.createClass({
763 + displayName: "Link63",
764 +
765 + render: function () {
766 + return React.createElement(
767 + "a",
768 + { href: "/ads/manage/billing.php?act=10149999073643408", target: "_blank", rel: undefined, onClick: function () {} },
769 + React.createElement(XUIText62, null)
770 + );
771 + }
772 + });
773 +
774 + var XUINotice64 = React.createClass({
775 + displayName: "XUINotice64",
776 +
777 + render: function () {
778 + return React.createElement(
779 + "div",
780 + { size: "medium", className: "_585n _585o _2wdd" },
781 + React.createElement(ReactImage57, null),
782 + React.createElement(XUICloseButton61, null),
783 + React.createElement(
784 + "div",
785 + { className: "_585r _2i-a _50f4" },
786 + "Please go to ",
787 + React.createElement(Link63, null),
788 + " to set up a payment method for this ad account."
789 + )
790 + );
791 + }
792 + });
793 +
794 + var ReactCSSTransitionGroupChild65 = React.createClass({
795 + displayName: "ReactCSSTransitionGroupChild65",
796 +
797 + render: function () {
798 + return React.createElement(XUINotice64, null);
799 + }
800 + });
801 +
802 + var ReactTransitionGroup66 = React.createClass({
803 + displayName: "ReactTransitionGroup66",
804 +
805 + render: function () {
806 + return React.createElement(
807 + "span",
808 + { transitionEnterTimeout: 500, transitionLeaveTimeout: 500, transitionName: {}, transitionAppear: false, transitionEnter: true, transitionLeave: true, childFactory: function () {}, component: "span" },
809 + React.createElement(ReactCSSTransitionGroupChild65, { key: ".0", ref: ".0" })
810 + );
811 + }
812 + });
813 +
814 + var ReactCSSTransitionGroup67 = React.createClass({
815 + displayName: "ReactCSSTransitionGroup67",
816 +
817 + render: function () {
818 + return React.createElement(ReactTransitionGroup66, null);
819 + }
820 + });
821 +
822 + var AdsPETopError68 = React.createClass({
823 + displayName: "AdsPETopError68",
824 +
825 + render: function () {
826 + return React.createElement(
827 + "div",
828 + { className: "_2wdc" },
829 + React.createElement(ReactCSSTransitionGroup67, null)
830 + );
831 + }
832 + });
833 +
834 + var FluxContainer_r_69 = React.createClass({
835 + displayName: "FluxContainer_r_69",
836 +
837 + render: function () {
838 + return React.createElement(AdsPETopError68, null);
839 + }
840 + });
841 +
842 + var ReactImage70 = React.createClass({
843 + displayName: "ReactImage70",
844 +
845 + render: function () {
846 + return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_bae57d", src: null });
847 + }
848 + });
849 +
850 + var ReactImage71 = React.createClass({
851 + displayName: "ReactImage71",
852 +
853 + render: function () {
854 + return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
855 + }
856 + });
857 +
858 + var Link72 = React.createClass({
859 + displayName: "Link72",
860 +
861 + render: function () {
862 + return React.createElement(
863 + "a",
864 + { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
865 + null,
866 + React.createElement(
867 + "span",
868 + { className: "_55pe", style: { "maxWidth": "186px" } },
869 + React.createElement(ReactImage70, null),
870 + "Search"
871 + ),
872 + React.createElement(ReactImage71, null)
873 + );
874 + }
875 + });
876 +
877 + var AbstractButton73 = React.createClass({
878 + displayName: "AbstractButton73",
879 +
880 + render: function () {
881 + return React.createElement(Link72, null);
882 + }
883 + });
884 +
885 + var XUIButton74 = React.createClass({
886 + displayName: "XUIButton74",
887 +
888 + render: function () {
889 + return React.createElement(AbstractButton73, null);
890 + }
891 + });
892 +
893 + var AbstractPopoverButton75 = React.createClass({
894 + displayName: "AbstractPopoverButton75",
895 +
896 + render: function () {
897 + return React.createElement(XUIButton74, null);
898 + }
899 + });
900 +
901 + var ReactXUIPopoverButton76 = React.createClass({
902 + displayName: "ReactXUIPopoverButton76",
903 +
904 + render: function () {
905 + return React.createElement(AbstractPopoverButton75, null);
906 + }
907 + });
908 +
909 + var ReactImage77 = React.createClass({
910 + displayName: "ReactImage77",
911 +
912 + render: function () {
913 + return React.createElement("i", { className: "_3-8_ img sp_UuU9HmrQ397 sx_81d5f0", src: null });
914 + }
915 + });
916 +
917 + var ReactImage78 = React.createClass({
918 + displayName: "ReactImage78",
919 +
920 + render: function () {
921 + return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_7e56e9", src: null });
922 + }
923 + });
924 +
925 + var Link79 = React.createClass({
926 + displayName: "Link79",
927 +
928 + render: function () {
929 + return React.createElement(
930 + "a",
931 + { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: " _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", haschevron: true, onClick: function () {}, size: "large", use: "default", borderShade: "light", suppressed: false, disabled: null, rel: undefined },
932 + null,
933 + React.createElement(
934 + "span",
935 + { className: "_55pe", style: { "maxWidth": "186px" } },
936 + React.createElement(ReactImage77, null),
937 + "Filters"
938 + ),
939 + React.createElement(ReactImage78, null)
940 + );
941 + }
942 + });
943 +
944 + var AbstractButton80 = React.createClass({
945 + displayName: "AbstractButton80",
946 +
947 + render: function () {
948 + return React.createElement(Link79, null);
949 + }
950 + });
951 +
952 + var XUIButton81 = React.createClass({
953 + displayName: "XUIButton81",
954 +
955 + render: function () {
956 + return React.createElement(AbstractButton80, null);
957 + }
958 + });
959 +
960 + var AbstractPopoverButton82 = React.createClass({
961 + displayName: "AbstractPopoverButton82",
962 +
963 + render: function () {
964 + return React.createElement(XUIButton81, null);
965 + }
966 + });
967 +
968 + var ReactXUIPopoverButton83 = React.createClass({
969 + displayName: "ReactXUIPopoverButton83",
970 +
971 + render: function () {
972 + return React.createElement(AbstractPopoverButton82, null);
973 + }
974 + });
975 +
976 + var AdsPEFiltersPopover84 = React.createClass({
977 + displayName: "AdsPEFiltersPopover84",
978 +
979 + render: function () {
980 + return React.createElement(
981 + "span",
982 + { className: "_5b-l _5bbe" },
983 + React.createElement(ReactXUIPopoverButton76, { ref: "searchButton" }),
984 + React.createElement(ReactXUIPopoverButton83, { ref: "filterButton" })
985 + );
986 + }
987 + });
988 +
989 + var ReactImage85 = React.createClass({
990 + displayName: "ReactImage85",
991 +
992 + render: function () {
993 + return React.createElement("i", { className: "_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2", src: null });
994 + }
995 + });
996 +
997 + var AbstractButton86 = React.createClass({
998 + displayName: "AbstractButton86",
999 +
1000 + render: function () {
1001 + return React.createElement(
1002 + "button",
1003 + { className: "_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft", size: "small", onClick: function () {}, shade: "dark", type: "button", label: null, title: "Remove", "aria-label": undefined, "data-hover": undefined, "data-tooltip-alignh": undefined },
1004 + undefined,
1005 + "Remove",
1006 + undefined
1007 + );
1008 + }
1009 + });
1010 +
1011 + var XUIAbstractGlyphButton87 = React.createClass({
1012 + displayName: "XUIAbstractGlyphButton87",
1013 +
1014 + render: function () {
1015 + return React.createElement(AbstractButton86, null);
1016 + }
1017 + });
1018 +
1019 + var XUICloseButton88 = React.createClass({
1020 + displayName: "XUICloseButton88",
1021 +
1022 + render: function () {
1023 + return React.createElement(XUIAbstractGlyphButton87, null);
1024 + }
1025 + });
1026 +
1027 + var ReactImage89 = React.createClass({
1028 + displayName: "ReactImage89",
1029 +
1030 + render: function () {
1031 + return React.createElement("i", { className: "_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2", src: null });
1032 + }
1033 + });
1034 +
1035 + var ReactImage90 = React.createClass({
1036 + displayName: "ReactImage90",
1037 +
1038 + render: function () {
1039 + return React.createElement("i", { src: null, className: "_541d img sp_R48dKBxiJkP sx_dc2cdb" });
1040 + }
1041 + });
1042 +
1043 + var AdsPopoverLink91 = React.createClass({
1044 + displayName: "AdsPopoverLink91",
1045 +
1046 + render: function () {
1047 + return React.createElement(
1048 + "span",
1049 + { ref: "tipIcon", onMouseEnter: function () {}, onMouseLeave: function () {} },
1050 + React.createElement("span", { className: "_3o_j" }),
1051 + React.createElement(ReactImage90, null)
1052 + );
1053 + }
1054 + });
1055 +
1056 + var AdsHelpLink92 = React.createClass({
1057 + displayName: "AdsHelpLink92",
1058 +
1059 + render: function () {
1060 + return React.createElement(AdsPopoverLink91, null);
1061 + }
1062 + });
1063 +
1064 + var AbstractButton93 = React.createClass({
1065 + displayName: "AbstractButton93",
1066 +
1067 + render: function () {
1068 + return React.createElement(
1069 + "button",
1070 + { className: "_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft", label: null, use: "default", onClick: function () {}, size: "medium", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1071 + undefined,
1072 + "Apply",
1073 + undefined
1074 + );
1075 + }
1076 + });
1077 +
1078 + var XUIButton94 = React.createClass({
1079 + displayName: "XUIButton94",
1080 +
1081 + render: function () {
1082 + return React.createElement(AbstractButton93, null);
1083 + }
1084 + });
1085 +
1086 + var BUIFilterTokenInput95 = React.createClass({
1087 + displayName: "BUIFilterTokenInput95",
1088 +
1089 + render: function () {
1090 + return React.createElement(
1091 + "div",
1092 + { className: "_5b5o _3yz3 _4cld" },
1093 + React.createElement(
1094 + "div",
1095 + { className: "_5b5t _2d2k" },
1096 + React.createElement(ReactImage89, null),
1097 + React.createElement(
1098 + "div",
1099 + { className: "_5b5r" },
1100 + "Ads: (1)",
1101 + React.createElement(AdsHelpLink92, null)
1102 + )
1103 + ),
1104 + React.createElement(XUIButton94, null)
1105 + );
1106 + }
1107 + });
1108 +
1109 + var BUIFilterToken96 = React.createClass({
1110 + displayName: "BUIFilterToken96",
1111 +
1112 + render: function () {
1113 + return React.createElement(
1114 + "div",
1115 + { className: "_3yz1 _3yz2 _3dad" },
1116 + React.createElement(
1117 + "div",
1118 + { ref: "filterToken", className: "_3yz4", "aria-hidden": false },
1119 + React.createElement(
1120 + "div",
1121 + { onClick: function () {}, className: "_3yz5" },
1122 + React.createElement(ReactImage85, null),
1123 + React.createElement(
1124 + "div",
1125 + { className: "_3yz7" },
1126 + "Ads:"
1127 + ),
1128 + React.createElement(
1129 + "div",
1130 + { className: "ellipsis _3yz8", "data-hover": "tooltip", "data-tooltip-display": "overflow" },
1131 + "(1)"
1132 + )
1133 + ),
1134 + React.createElement(XUICloseButton88, null)
1135 + ),
1136 + React.createElement(BUIFilterTokenInput95, { ref: "filterTokenInput" })
1137 + );
1138 + }
1139 + });
1140 +
1141 + var ReactImage97 = React.createClass({
1142 + displayName: "ReactImage97",
1143 +
1144 + render: function () {
1145 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_158e8d" });
1146 + }
1147 + });
1148 +
1149 + var AbstractButton98 = React.createClass({
1150 + displayName: "AbstractButton98",
1151 +
1152 + render: function () {
1153 + return React.createElement(
1154 + "button",
1155 + { className: "_1wdf _4jy0 _517i _517h _51sy _42ft", size: "small", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1156 + React.createElement(ReactImage97, null),
1157 + undefined,
1158 + undefined
1159 + );
1160 + }
1161 + });
1162 +
1163 + var XUIButton99 = React.createClass({
1164 + displayName: "XUIButton99",
1165 +
1166 + render: function () {
1167 + return React.createElement(AbstractButton98, null);
1168 + }
1169 + });
1170 +
1171 + var BUIFilterTokenCreateButton100 = React.createClass({
1172 + displayName: "BUIFilterTokenCreateButton100",
1173 +
1174 + render: function () {
1175 + return React.createElement(
1176 + "div",
1177 + { className: "_1tc" },
1178 + React.createElement(XUIButton99, null)
1179 + );
1180 + }
1181 + });
1182 +
1183 + var BUIFilterTokenizer101 = React.createClass({
1184 + displayName: "BUIFilterTokenizer101",
1185 +
1186 + render: function () {
1187 + return React.createElement(
1188 + "div",
1189 + { className: "_5b-m _3o1v clearfix" },
1190 + undefined,
1191 + [],
1192 + React.createElement(BUIFilterToken96, { key: "token0" }),
1193 + React.createElement(BUIFilterTokenCreateButton100, null),
1194 + null,
1195 + React.createElement("div", { className: "_49u3" })
1196 + );
1197 + }
1198 + });
1199 +
1200 + var AdsPEAmbientNUXMegaphone102 = React.createClass({
1201 + displayName: "AdsPEAmbientNUXMegaphone102",
1202 +
1203 + render: function () {
1204 + return React.createElement("span", { ref: "mainChild" });
1205 + }
1206 + });
1207 +
1208 + var AdsPEFilters103 = React.createClass({
1209 + displayName: "AdsPEFilters103",
1210 +
1211 + render: function () {
1212 + return React.createElement(
1213 + "div",
1214 + { className: "_4rw_" },
1215 + React.createElement(AdsPEFiltersPopover84, null),
1216 + null,
1217 + React.createElement(BUIFilterTokenizer101, null),
1218 + "",
1219 + React.createElement(AdsPEAmbientNUXMegaphone102, null)
1220 + );
1221 + }
1222 + });
1223 +
1224 + var AdsPEFilterContainer104 = React.createClass({
1225 + displayName: "AdsPEFilterContainer104",
1226 +
1227 + render: function () {
1228 + return React.createElement(AdsPEFilters103, null);
1229 + }
1230 + });
1231 +
1232 + var AdsPECampaignTimeLimitNotice105 = React.createClass({
1233 + displayName: "AdsPECampaignTimeLimitNotice105",
1234 +
1235 + render: function () {
1236 + return React.createElement("div", null);
1237 + }
1238 + });
1239 +
1240 + var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({
1241 + displayName: "AdsPECampaignTimeLimitNoticeContainer106",
1242 +
1243 + render: function () {
1244 + return React.createElement(AdsPECampaignTimeLimitNotice105, null);
1245 + }
1246 + });
1247 +
1248 + var AdsPETablePager107 = React.createClass({
1249 + displayName: "AdsPETablePager107",
1250 +
1251 + render: function () {
1252 + return null;
1253 + }
1254 + });
1255 +
1256 + var AdsPEAdgroupTablePagerContainer108 = React.createClass({
1257 + displayName: "AdsPEAdgroupTablePagerContainer108",
1258 +
1259 + render: function () {
1260 + return React.createElement(AdsPETablePager107, null);
1261 + }
1262 + });
1263 +
1264 + var AdsPETablePagerContainer109 = React.createClass({
1265 + displayName: "AdsPETablePagerContainer109",
1266 +
1267 + render: function () {
1268 + return React.createElement(AdsPEAdgroupTablePagerContainer108, null);
1269 + }
1270 + });
1271 +
1272 + var ReactImage110 = React.createClass({
1273 + displayName: "ReactImage110",
1274 +
1275 + render: function () {
1276 + return React.createElement("i", { alt: "", className: "_3-99 img sp_UuU9HmrQ397 sx_132804", src: null });
1277 + }
1278 + });
1279 +
1280 + var Link111 = React.createClass({
1281 + displayName: "Link111",
1282 +
1283 + render: function () {
1284 + return React.createElement(
1285 + "a",
1286 + { style: { "maxWidth": "200px" }, image: null, label: null, imageRight: {}, className: "_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft", href: "#", disabled: null, maxwidth: undefined, size: "large", suppressed: false, chevron: {}, use: "default", borderShade: "light", onClick: function () {}, rel: undefined },
1287 + null,
1288 + React.createElement(
1289 + "span",
1290 + { className: "_55pe", style: { "maxWidth": "186px" } },
1291 + null,
1292 + "Lifetime"
1293 + ),
1294 + React.createElement(ReactImage110, null)
1295 + );
1296 + }
1297 + });
1298 +
1299 + var AbstractButton112 = React.createClass({
1300 + displayName: "AbstractButton112",
1301 +
1302 + render: function () {
1303 + return React.createElement(Link111, null);
1304 + }
1305 + });
1306 +
1307 + var XUIButton113 = React.createClass({
1308 + displayName: "XUIButton113",
1309 +
1310 + render: function () {
1311 + return React.createElement(AbstractButton112, null);
1312 + }
1313 + });
1314 +
1315 + var AbstractPopoverButton114 = React.createClass({
1316 + displayName: "AbstractPopoverButton114",
1317 +
1318 + render: function () {
1319 + return React.createElement(XUIButton113, null);
1320 + }
1321 + });
1322 +
1323 + var ReactXUIPopoverButton115 = React.createClass({
1324 + displayName: "ReactXUIPopoverButton115",
1325 +
1326 + render: function () {
1327 + return React.createElement(AbstractPopoverButton114, null);
1328 + }
1329 + });
1330 +
1331 + var XUISingleSelectorButton116 = React.createClass({
1332 + displayName: "XUISingleSelectorButton116",
1333 +
1334 + render: function () {
1335 + return React.createElement(ReactXUIPopoverButton115, null);
1336 + }
1337 + });
1338 +
1339 + var InlineBlock117 = React.createClass({
1340 + displayName: "InlineBlock117",
1341 +
1342 + render: function () {
1343 + return React.createElement(
1344 + "div",
1345 + { className: "_3c5o _3c5p _6a _6b", defaultValue: "LIFETIME", size: "large", onChange: function () {}, disabled: false, alignv: "middle", fullWidth: false },
1346 + React.createElement("input", { type: "hidden", autoComplete: "off", name: undefined, value: "LIFETIME" }),
1347 + React.createElement(XUISingleSelectorButton116, { ref: "button" })
1348 + );
1349 + }
1350 + });
1351 +
1352 + var XUISingleSelector118 = React.createClass({
1353 + displayName: "XUISingleSelector118",
1354 +
1355 + render: function () {
1356 + return React.createElement(InlineBlock117, null);
1357 + }
1358 + });
1359 +
1360 + var ReactImage119 = React.createClass({
1361 + displayName: "ReactImage119",
1362 +
1363 + render: function () {
1364 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_6c732d" });
1365 + }
1366 + });
1367 +
1368 + var AbstractButton120 = React.createClass({
1369 + displayName: "AbstractButton120",
1370 +
1371 + render: function () {
1372 + return React.createElement(
1373 + "button",
1374 + { "aria-label": "List Settings", className: "_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1375 + React.createElement(ReactImage119, null),
1376 + undefined,
1377 + undefined
1378 + );
1379 + }
1380 + });
1381 +
1382 + var XUIButton121 = React.createClass({
1383 + displayName: "XUIButton121",
1384 +
1385 + render: function () {
1386 + return React.createElement(AbstractButton120, null);
1387 + }
1388 + });
1389 +
1390 + var AdsPEStatRange122 = React.createClass({
1391 + displayName: "AdsPEStatRange122",
1392 +
1393 + render: function () {
1394 + return React.createElement(
1395 + "div",
1396 + { className: "_3c5k" },
1397 + React.createElement(
1398 + "span",
1399 + { className: "_3c5j" },
1400 + "Stats:"
1401 + ),
1402 + React.createElement(
1403 + "span",
1404 + { className: "_3c5l" },
1405 + React.createElement(XUISingleSelector118, { key: "range" }),
1406 + null,
1407 + React.createElement(XUIButton121, { key: "settings" })
1408 + )
1409 + );
1410 + }
1411 + });
1412 +
1413 + var AdsPEStatRangeContainer123 = React.createClass({
1414 + displayName: "AdsPEStatRangeContainer123",
1415 +
1416 + render: function () {
1417 + return React.createElement(AdsPEStatRange122, null);
1418 + }
1419 + });
1420 +
1421 + var Column124 = React.createClass({
1422 + displayName: "Column124",
1423 +
1424 + render: function () {
1425 + return React.createElement(
1426 + "div",
1427 + { className: "_4bl8 _4bl7" },
1428 + React.createElement(
1429 + "div",
1430 + { className: "_3c5f" },
1431 + null,
1432 + React.createElement(AdsPETablePagerContainer109, null),
1433 + React.createElement("div", { className: "_3c5i" }),
1434 + React.createElement(AdsPEStatRangeContainer123, null)
1435 + )
1436 + );
1437 + }
1438 + });
1439 +
1440 + var ReactImage125 = React.createClass({
1441 + displayName: "ReactImage125",
1442 +
1443 + render: function () {
1444 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_158e8d", src: null });
1445 + }
1446 + });
1447 +
1448 + var AbstractButton126 = React.createClass({
1449 + displayName: "AbstractButton126",
1450 +
1451 + render: function () {
1452 + return React.createElement(
1453 + "button",
1454 + { className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", label: null, size: "large", onClick: function () {}, image: {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1455 + React.createElement(ReactImage125, null),
1456 + "Create Ad",
1457 + undefined
1458 + );
1459 + }
1460 + });
1461 +
1462 + var XUIButton127 = React.createClass({
1463 + displayName: "XUIButton127",
1464 +
1465 + render: function () {
1466 + return React.createElement(AbstractButton126, null);
1467 + }
1468 + });
1469 +
1470 + var ReactImage128 = React.createClass({
1471 + displayName: "ReactImage128",
1472 +
1473 + render: function () {
1474 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d5a685" });
1475 + }
1476 + });
1477 +
1478 + var AbstractButton129 = React.createClass({
1479 + displayName: "AbstractButton129",
1480 +
1481 + render: function () {
1482 + return React.createElement(
1483 + "button",
1484 + { className: "_u_k _p _4jy0 _4jy4 _517h _51sy _42ft", image: {}, size: "large", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1485 + React.createElement(ReactImage128, null),
1486 + undefined,
1487 + undefined
1488 + );
1489 + }
1490 + });
1491 +
1492 + var XUIButton130 = React.createClass({
1493 + displayName: "XUIButton130",
1494 +
1495 + render: function () {
1496 + return React.createElement(AbstractButton129, null);
1497 + }
1498 + });
1499 +
1500 + var InlineBlock131 = React.createClass({
1501 + displayName: "InlineBlock131",
1502 +
1503 + render: function () {
1504 + return React.createElement(
1505 + "div",
1506 + { menu: {}, alignh: "right", layerBehaviors: {}, alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
1507 + React.createElement(XUIButton130, { key: "/.0" })
1508 + );
1509 + }
1510 + });
1511 +
1512 + var ReactPopoverMenu132 = React.createClass({
1513 + displayName: "ReactPopoverMenu132",
1514 +
1515 + render: function () {
1516 + return React.createElement(InlineBlock131, { ref: "root" });
1517 + }
1518 + });
1519 +
1520 + var XUIButtonGroup133 = React.createClass({
1521 + displayName: "XUIButtonGroup133",
1522 +
1523 + render: function () {
1524 + return React.createElement(
1525 + "div",
1526 + { className: "_5n7z _51xa" },
1527 + React.createElement(XUIButton127, null),
1528 + React.createElement(ReactPopoverMenu132, null)
1529 + );
1530 + }
1531 + });
1532 +
1533 + var ReactImage134 = React.createClass({
1534 + displayName: "ReactImage134",
1535 +
1536 + render: function () {
1537 + return React.createElement("i", { alt: "", className: "_3-8_ img sp_UuU9HmrQ397 sx_990b54", src: null });
1538 + }
1539 + });
1540 +
1541 + var AbstractButton135 = React.createClass({
1542 + displayName: "AbstractButton135",
1543 +
1544 + render: function () {
1545 + return React.createElement(
1546 + "button",
1547 + { size: "large", disabled: false, className: "_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Edit Ads (Ctrl+U)", onClick: function () {}, use: "default", label: null, borderShade: "light", suppressed: false, type: "submit", value: "1" },
1548 + React.createElement(ReactImage134, null),
1549 + "Edit",
1550 + undefined
1551 + );
1552 + }
1553 + });
1554 +
1555 + var XUIButton136 = React.createClass({
1556 + displayName: "XUIButton136",
1557 +
1558 + render: function () {
1559 + return React.createElement(AbstractButton135, null);
1560 + }
1561 + });
1562 +
1563 + var ReactImage137 = React.createClass({
1564 + displayName: "ReactImage137",
1565 +
1566 + render: function () {
1567 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_203adb" });
1568 + }
1569 + });
1570 +
1571 + var AbstractButton138 = React.createClass({
1572 + displayName: "AbstractButton138",
1573 +
1574 + render: function () {
1575 + return React.createElement(
1576 + "button",
1577 + { "aria-label": "Duplicate", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", "data-hover": "tooltip", disabled: false, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1578 + React.createElement(ReactImage137, null),
1579 + undefined,
1580 + undefined
1581 + );
1582 + }
1583 + });
1584 +
1585 + var XUIButton139 = React.createClass({
1586 + displayName: "XUIButton139",
1587 +
1588 + render: function () {
1589 + return React.createElement(AbstractButton138, null);
1590 + }
1591 + });
1592 +
1593 + var ReactImage140 = React.createClass({
1594 + displayName: "ReactImage140",
1595 +
1596 + render: function () {
1597 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0c342e" });
1598 + }
1599 + });
1600 +
1601 + var AbstractButton141 = React.createClass({
1602 + displayName: "AbstractButton141",
1603 +
1604 + render: function () {
1605 + return React.createElement(
1606 + "button",
1607 + { "aria-label": "Revert", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr", "data-hover": "tooltip", disabled: true, image: {}, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1608 + React.createElement(ReactImage140, null),
1609 + undefined,
1610 + undefined
1611 + );
1612 + }
1613 + });
1614 +
1615 + var XUIButton142 = React.createClass({
1616 + displayName: "XUIButton142",
1617 +
1618 + render: function () {
1619 + return React.createElement(AbstractButton141, null);
1620 + }
1621 + });
1622 +
1623 + var ReactImage143 = React.createClass({
1624 + displayName: "ReactImage143",
1625 +
1626 + render: function () {
1627 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_0e75f5" });
1628 + }
1629 + });
1630 +
1631 + var AbstractButton144 = React.createClass({
1632 + displayName: "AbstractButton144",
1633 +
1634 + render: function () {
1635 + return React.createElement(
1636 + "button",
1637 + { "aria-label": "Delete", className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", disabled: false, size: "large", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1638 + React.createElement(ReactImage143, null),
1639 + undefined,
1640 + undefined
1641 + );
1642 + }
1643 + });
1644 +
1645 + var XUIButton145 = React.createClass({
1646 + displayName: "XUIButton145",
1647 +
1648 + render: function () {
1649 + return React.createElement(AbstractButton144, null);
1650 + }
1651 + });
1652 +
1653 + var XUIButtonGroup146 = React.createClass({
1654 + displayName: "XUIButtonGroup146",
1655 +
1656 + render: function () {
1657 + return React.createElement(
1658 + "div",
1659 + { className: "_5n7z _51xa" },
1660 + React.createElement(XUIButton139, { key: "duplicate" }),
1661 + React.createElement(XUIButton142, { key: "revert" }),
1662 + React.createElement(XUIButton145, { key: "delete" })
1663 + );
1664 + }
1665 + });
1666 +
1667 + var ReactImage147 = React.createClass({
1668 + displayName: "ReactImage147",
1669 +
1670 + render: function () {
1671 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_8c19ae" });
1672 + }
1673 + });
1674 +
1675 + var AbstractButton148 = React.createClass({
1676 + displayName: "AbstractButton148",
1677 +
1678 + render: function () {
1679 + return React.createElement(
1680 + "button",
1681 + { size: "large", disabled: false, className: "_u_k _4jy0 _4jy4 _517h _51sy _42ft", image: {}, "data-hover": "tooltip", "aria-label": "Save Audience", onClick: function () {}, use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1682 + React.createElement(ReactImage147, null),
1683 + undefined,
1684 + undefined
1685 + );
1686 + }
1687 + });
1688 +
1689 + var XUIButton149 = React.createClass({
1690 + displayName: "XUIButton149",
1691 +
1692 + render: function () {
1693 + return React.createElement(AbstractButton148, null);
1694 + }
1695 + });
1696 +
1697 + var ReactImage150 = React.createClass({
1698 + displayName: "ReactImage150",
1699 +
1700 + render: function () {
1701 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_d2b33c" });
1702 + }
1703 + });
1704 +
1705 + var AbstractButton151 = React.createClass({
1706 + displayName: "AbstractButton151",
1707 +
1708 + render: function () {
1709 + return React.createElement(
1710 + "button",
1711 + { size: "large", className: "_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft", onClick: function () {}, image: {}, "data-hover": "tooltip", "aria-label": "Export & Import", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1712 + React.createElement(ReactImage150, null),
1713 + undefined,
1714 + undefined
1715 + );
1716 + }
1717 + });
1718 +
1719 + var XUIButton152 = React.createClass({
1720 + displayName: "XUIButton152",
1721 +
1722 + render: function () {
1723 + return React.createElement(AbstractButton151, null);
1724 + }
1725 + });
1726 +
1727 + var InlineBlock153 = React.createClass({
1728 + displayName: "InlineBlock153",
1729 +
1730 + render: function () {
1731 + return React.createElement(
1732 + "div",
1733 + { menu: {}, size: "large", alignv: "middle", className: "uiPopover _6a _6b", disabled: null, fullWidth: false },
1734 + React.createElement(XUIButton152, { key: "/.0" })
1735 + );
1736 + }
1737 + });
1738 +
1739 + var ReactPopoverMenu154 = React.createClass({
1740 + displayName: "ReactPopoverMenu154",
1741 +
1742 + render: function () {
1743 + return React.createElement(InlineBlock153, { ref: "root" });
1744 + }
1745 + });
1746 +
1747 + var AdsPEExportImportMenu155 = React.createClass({
1748 + displayName: "AdsPEExportImportMenu155",
1749 +
1750 + render: function () {
1751 + return React.createElement(ReactPopoverMenu154, { key: "export" });
1752 + }
1753 + });
1754 +
1755 + var FluxContainer_x_156 = React.createClass({
1756 + displayName: "FluxContainer_x_156",
1757 +
1758 + render: function () {
1759 + return null;
1760 + }
1761 + });
1762 +
1763 + var AdsPEExportAsTextDialog157 = React.createClass({
1764 + displayName: "AdsPEExportAsTextDialog157",
1765 +
1766 + render: function () {
1767 + return null;
1768 + }
1769 + });
1770 +
1771 + var FluxContainer_q_158 = React.createClass({
1772 + displayName: "FluxContainer_q_158",
1773 +
1774 + render: function () {
1775 + return React.createElement(AdsPEExportAsTextDialog157, null);
1776 + }
1777 + });
1778 +
1779 + var AdsPEExportImportMenuContainer159 = React.createClass({
1780 + displayName: "AdsPEExportImportMenuContainer159",
1781 +
1782 + render: function () {
1783 + return React.createElement(
1784 + "span",
1785 + null,
1786 + React.createElement(AdsPEExportImportMenu155, null),
1787 + React.createElement(FluxContainer_x_156, null),
1788 + React.createElement(FluxContainer_q_158, null),
1789 + null
1790 + );
1791 + }
1792 + });
1793 +
1794 + var ReactImage160 = React.createClass({
1795 + displayName: "ReactImage160",
1796 +
1797 + render: function () {
1798 + return React.createElement("i", { src: null, className: "img sp_UuU9HmrQ397 sx_872db1" });
1799 + }
1800 + });
1801 +
1802 + var AbstractButton161 = React.createClass({
1803 + displayName: "AbstractButton161",
1804 +
1805 + render: function () {
1806 + return React.createElement(
1807 + "button",
1808 + { size: "large", disabled: false, onClick: function () {}, className: "_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft", image: {}, style: { "boxSizing": "border-box", "height": "28px", "width": "48px" }, "data-hover": "tooltip", "aria-label": "Create Report", use: "default", borderShade: "light", suppressed: false, label: null, type: "submit", value: "1" },
1809 + React.createElement(ReactImage160, null),
1810 + undefined,
1811 + undefined
1812 + );
1813 + }
1814 + });
1815 +
1816 + var XUIButton162 = React.createClass({
1817 + displayName: "XUIButton162",
1818 +
1819 + render: function () {
1820 + return React.createElement(AbstractButton161, null);
1821 + }
1822 + });
1823 +
1824 + var AbstractButton163 = React.createClass({
1825 + displayName: "AbstractButton163",
1826 +
1827 + render: function () {
1828 + return React.createElement(
1829 + "button",
1830 + { size: "large", disabled: true, className: "hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr", label: null, onClick: function () {}, use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1831 + undefined,
1832 + "Generate Variations",
1833 + undefined
1834 + );
1835 + }
1836 + });
1837 +
1838 + var XUIButton164 = React.createClass({
1839 + displayName: "XUIButton164",
1840 +
1841 + render: function () {
1842 + return React.createElement(AbstractButton163, null);
1843 + }
1844 + });
1845 +
1846 + var XUIButtonGroup165 = React.createClass({
1847 + displayName: "XUIButtonGroup165",
1848 +
1849 + render: function () {
1850 + return React.createElement(
1851 + "div",
1852 + { className: "_5n7z _51xa" },
1853 + React.createElement(XUIButton149, { key: "saveAudience" }),
1854 + React.createElement(AdsPEExportImportMenuContainer159, null),
1855 + React.createElement(XUIButton162, { key: "createReport", ref: "ads_create_report_button" }),
1856 + React.createElement(XUIButton164, { key: "variations" })
1857 + );
1858 + }
1859 + });
1860 +
1861 + var FillColumn166 = React.createClass({
1862 + displayName: "FillColumn166",
1863 +
1864 + render: function () {
1865 + return React.createElement(
1866 + "div",
1867 + { className: "_4bl9" },
1868 + React.createElement(
1869 + "span",
1870 + { className: "_3c5e" },
1871 + React.createElement(
1872 + "span",
1873 + null,
1874 + React.createElement(XUIButtonGroup133, null),
1875 + React.createElement(XUIButton136, { key: "edit" }),
1876 + React.createElement(XUIButtonGroup146, null)
1877 + ),
1878 + React.createElement(XUIButtonGroup165, null)
1879 + )
1880 + );
1881 + }
1882 + });
1883 +
1884 + var Layout167 = React.createClass({
1885 + displayName: "Layout167",
1886 +
1887 + render: function () {
1888 + return React.createElement(
1889 + "div",
1890 + { className: "clearfix" },
1891 + React.createElement(Column124, { key: "1" }),
1892 + React.createElement(FillColumn166, { key: "0" })
1893 + );
1894 + }
1895 + });
1896 +
1897 + var AdsPEMainPaneToolbar168 = React.createClass({
1898 + displayName: "AdsPEMainPaneToolbar168",
1899 +
1900 + render: function () {
1901 + return React.createElement(
1902 + "div",
1903 + { className: "_3c5b clearfix" },
1904 + React.createElement(Layout167, null)
1905 + );
1906 + }
1907 + });
1908 +
1909 + var AdsPEAdgroupToolbarContainer169 = React.createClass({
1910 + displayName: "AdsPEAdgroupToolbarContainer169",
1911 +
1912 + render: function () {
1913 + return React.createElement(
1914 + "div",
1915 + null,
1916 + React.createElement(AdsPEMainPaneToolbar168, null),
1917 + null
1918 + );
1919 + }
1920 + });
1921 +
1922 + var AbstractButton170 = React.createClass({
1923 + displayName: "AbstractButton170",
1924 +
1925 + render: function () {
1926 + return React.createElement(
1927 + "button",
1928 + { className: "_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Campaigns", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1929 + undefined,
1930 + React.createElement(
1931 + "div",
1932 + null,
1933 + React.createElement("div", { className: "_tma" }),
1934 + React.createElement("div", { className: "_tm8" }),
1935 + React.createElement(
1936 + "div",
1937 + { className: "_tm9" },
1938 + 1
1939 + )
1940 + ),
1941 + undefined
1942 + );
1943 + }
1944 + });
1945 +
1946 + var XUIButton171 = React.createClass({
1947 + displayName: "XUIButton171",
1948 +
1949 + render: function () {
1950 + return React.createElement(AbstractButton170, null);
1951 + }
1952 + });
1953 +
1954 + var AbstractButton172 = React.createClass({
1955 + displayName: "AbstractButton172",
1956 +
1957 + render: function () {
1958 + return React.createElement(
1959 + "button",
1960 + { className: "_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ad Sets", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1961 + undefined,
1962 + React.createElement(
1963 + "div",
1964 + null,
1965 + React.createElement("div", { className: "_tma" }),
1966 + React.createElement("div", { className: "_tm8" }),
1967 + React.createElement(
1968 + "div",
1969 + { className: "_tm9" },
1970 + 1
1971 + )
1972 + ),
1973 + undefined
1974 + );
1975 + }
1976 + });
1977 +
1978 + var XUIButton173 = React.createClass({
1979 + displayName: "XUIButton173",
1980 +
1981 + render: function () {
1982 + return React.createElement(AbstractButton172, null);
1983 + }
1984 + });
1985 +
1986 + var AbstractButton174 = React.createClass({
1987 + displayName: "AbstractButton174",
1988 +
1989 + render: function () {
1990 + return React.createElement(
1991 + "button",
1992 + { className: "_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft", label: null, "data-tooltip-position": "right", "aria-label": "Ads", "data-hover": "tooltip", onClick: function () {}, size: "xxlarge", use: "default", borderShade: "light", suppressed: false, type: "submit", value: "1" },
1993 + undefined,
1994 + React.createElement(
1995 + "div",
1996 + null,
1997 + React.createElement("div", { className: "_tma" }),
1998 + React.createElement("div", { className: "_tm8" }),
1999 + React.createElement(
2000 + "div",
2001 + { className: "_tm9" },
2002 + 1
2003 + )
2004 + ),
2005 + undefined
2006 + );
2007 + }
2008 + });
2009 +
2010 + var XUIButton175 = React.createClass({
2011 + displayName: "XUIButton175",
2012 +
2013 + render: function () {
2014 + return React.createElement(AbstractButton174, null);
2015 + }
2016 + });
2017 +
2018 + var AdsPESimpleOrganizer176 = React.createClass({
2019 + displayName: "AdsPESimpleOrganizer176",
2020 +
2021 + render: function () {
2022 + return React.createElement(
2023 + "div",
2024 + { className: "_tm2" },
2025 + React.createElement(XUIButton171, null),
2026 + React.createElement(XUIButton173, null),
2027 + React.createElement(XUIButton175, null)
2028 + );
2029 + }
2030 + });
2031 +
2032 + var AdsPEOrganizerContainer177 = React.createClass({
2033 + displayName: "AdsPEOrganizerContainer177",
2034 +
2035 + render: function () {
2036 + return React.createElement(
2037 + "div",
2038 + null,
2039 + React.createElement(AdsPESimpleOrganizer176, null)
2040 + );
2041 + }
2042 + });
2043 +
2044 + var FixedDataTableColumnResizeHandle178 = React.createClass({
2045 + displayName: "FixedDataTableColumnResizeHandle178",
2046 +
2047 + render: function () {
2048 + return React.createElement(
2049 + "div",
2050 + { className: "_3487 _3488 _3489", style: { "width": 0, "height": 532, "left": 0 } },
2051 + React.createElement("div", { className: "_348a", style: { "height": 532 } })
2052 + );
2053 + }
2054 + });
2055 +
2056 + var ReactImage179 = React.createClass({
2057 + displayName: "ReactImage179",
2058 +
2059 + render: function () {
2060 + return React.createElement("i", { className: "_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2", src: null });
2061 + }
2062 + });
2063 +
2064 + var AdsPETableHeader180 = React.createClass({
2065 + displayName: "AdsPETableHeader180",
2066 +
2067 + render: function () {
2068 + return React.createElement(
2069 + "div",
2070 + { className: "_1cig _1ksv _1vd7 _4h2r" },
2071 + React.createElement(ReactImage179, null),
2072 + React.createElement(
2073 + "span",
2074 + { className: "_1cid" },
2075 + "Ads"
2076 + )
2077 + );
2078 + }
2079 + });
2080 +
2081 + var TransitionCell181 = React.createClass({
2082 + displayName: "TransitionCell181",
2083 +
2084 + render: function () {
2085 + return React.createElement(
2086 + "div",
2087 + { isHeaderCell: true, label: "Ads", dataKey: 0, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 521, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 521 } },
2088 + React.createElement(
2089 + "div",
2090 + { className: "_4lgd _4h2w" },
2091 + React.createElement(
2092 + "div",
2093 + { className: "_4lge _4h2x" },
2094 + React.createElement(AdsPETableHeader180, null)
2095 + )
2096 + )
2097 + );
2098 + }
2099 + });
2100 +
2101 + var FixedDataTableCell182 = React.createClass({
2102 + displayName: "FixedDataTableCell182",
2103 +
2104 + render: function () {
2105 + return React.createElement(
2106 + "div",
2107 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 521, "left": 0 } },
2108 + undefined,
2109 + React.createElement(TransitionCell181, null)
2110 + );
2111 + }
2112 + });
2113 +
2114 + var FixedDataTableCellGroupImpl183 = React.createClass({
2115 + displayName: "FixedDataTableCellGroupImpl183",
2116 +
2117 + render: function () {
2118 + return React.createElement(
2119 + "div",
2120 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
2121 + React.createElement(FixedDataTableCell182, { key: "cell_0" })
2122 + );
2123 + }
2124 + });
2125 +
2126 + var FixedDataTableCellGroup184 = React.createClass({
2127 + displayName: "FixedDataTableCellGroup184",
2128 +
2129 + render: function () {
2130 + return React.createElement(
2131 + "div",
2132 + { style: { "height": 40, "left": 0 }, className: "_3pzk" },
2133 + React.createElement(FixedDataTableCellGroupImpl183, null)
2134 + );
2135 + }
2136 + });
2137 +
2138 + var AdsPETableHeader185 = React.createClass({
2139 + displayName: "AdsPETableHeader185",
2140 +
2141 + render: function () {
2142 + return React.createElement(
2143 + "div",
2144 + { className: "_1cig _1vd7 _4h2r" },
2145 + null,
2146 + React.createElement(
2147 + "span",
2148 + { className: "_1cid" },
2149 + "Delivery"
2150 + )
2151 + );
2152 + }
2153 + });
2154 +
2155 + var TransitionCell186 = React.createClass({
2156 + displayName: "TransitionCell186",
2157 +
2158 + render: function () {
2159 + return React.createElement(
2160 + "div",
2161 + { isHeaderCell: true, label: "Delivery", dataKey: 1, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 298, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 298 } },
2162 + React.createElement(
2163 + "div",
2164 + { className: "_4lgd _4h2w" },
2165 + React.createElement(
2166 + "div",
2167 + { className: "_4lge _4h2x" },
2168 + React.createElement(AdsPETableHeader185, null)
2169 + )
2170 + )
2171 + );
2172 + }
2173 + });
2174 +
2175 + var FixedDataTableCell187 = React.createClass({
2176 + displayName: "FixedDataTableCell187",
2177 +
2178 + render: function () {
2179 + return React.createElement(
2180 + "div",
2181 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 298, "left": 0 } },
2182 + undefined,
2183 + React.createElement(TransitionCell186, null)
2184 + );
2185 + }
2186 + });
2187 +
2188 + var AdsPETableHeader188 = React.createClass({
2189 + displayName: "AdsPETableHeader188",
2190 +
2191 + render: function () {
2192 + return React.createElement(
2193 + "div",
2194 + { className: "_1cig _1vd7 _4h2r" },
2195 + null,
2196 + React.createElement(
2197 + "span",
2198 + { className: "_1cid" },
2199 + "Performance"
2200 + )
2201 + );
2202 + }
2203 + });
2204 +
2205 + var TransitionCell189 = React.createClass({
2206 + displayName: "TransitionCell189",
2207 +
2208 + render: function () {
2209 + return React.createElement(
2210 + "div",
2211 + { isHeaderCell: true, label: "Performance", dataKey: 2, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 490, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 490 } },
2212 + React.createElement(
2213 + "div",
2214 + { className: "_4lgd _4h2w" },
2215 + React.createElement(
2216 + "div",
2217 + { className: "_4lge _4h2x" },
2218 + React.createElement(AdsPETableHeader188, null)
2219 + )
2220 + )
2221 + );
2222 + }
2223 + });
2224 +
2225 + var FixedDataTableCell190 = React.createClass({
2226 + displayName: "FixedDataTableCell190",
2227 +
2228 + render: function () {
2229 + return React.createElement(
2230 + "div",
2231 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 490, "left": 298 } },
2232 + undefined,
2233 + React.createElement(TransitionCell189, null)
2234 + );
2235 + }
2236 + });
2237 +
2238 + var AdsPETableHeader191 = React.createClass({
2239 + displayName: "AdsPETableHeader191",
2240 +
2241 + render: function () {
2242 + return React.createElement(
2243 + "div",
2244 + { className: "_1cig _1vd7 _4h2r" },
2245 + null,
2246 + React.createElement(
2247 + "span",
2248 + { className: "_1cid" },
2249 + "Overview"
2250 + )
2251 + );
2252 + }
2253 + });
2254 +
2255 + var TransitionCell192 = React.createClass({
2256 + displayName: "TransitionCell192",
2257 +
2258 + render: function () {
2259 + return React.createElement(
2260 + "div",
2261 + { isHeaderCell: true, label: "Overview", dataKey: 3, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 972, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 972 } },
2262 + React.createElement(
2263 + "div",
2264 + { className: "_4lgd _4h2w" },
2265 + React.createElement(
2266 + "div",
2267 + { className: "_4lge _4h2x" },
2268 + React.createElement(AdsPETableHeader191, null)
2269 + )
2270 + )
2271 + );
2272 + }
2273 + });
2274 +
2275 + var FixedDataTableCell193 = React.createClass({
2276 + displayName: "FixedDataTableCell193",
2277 +
2278 + render: function () {
2279 + return React.createElement(
2280 + "div",
2281 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 972, "left": 788 } },
2282 + undefined,
2283 + React.createElement(TransitionCell192, null)
2284 + );
2285 + }
2286 + });
2287 +
2288 + var AdsPETableHeader194 = React.createClass({
2289 + displayName: "AdsPETableHeader194",
2290 +
2291 + render: function () {
2292 + return React.createElement(
2293 + "div",
2294 + { className: "_1cig _1vd7 _4h2r" },
2295 + null,
2296 + React.createElement(
2297 + "span",
2298 + { className: "_1cid" },
2299 + "Creative Assets"
2300 + )
2301 + );
2302 + }
2303 + });
2304 +
2305 + var TransitionCell195 = React.createClass({
2306 + displayName: "TransitionCell195",
2307 +
2308 + render: function () {
2309 + return React.createElement(
2310 + "div",
2311 + { isHeaderCell: true, label: "Creative Assets", dataKey: 4, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 514, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 514 } },
2312 + React.createElement(
2313 + "div",
2314 + { className: "_4lgd _4h2w" },
2315 + React.createElement(
2316 + "div",
2317 + { className: "_4lge _4h2x" },
2318 + React.createElement(AdsPETableHeader194, null)
2319 + )
2320 + )
2321 + );
2322 + }
2323 + });
2324 +
2325 + var FixedDataTableCell196 = React.createClass({
2326 + displayName: "FixedDataTableCell196",
2327 +
2328 + render: function () {
2329 + return React.createElement(
2330 + "div",
2331 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 514, "left": 1760 } },
2332 + undefined,
2333 + React.createElement(TransitionCell195, null)
2334 + );
2335 + }
2336 + });
2337 +
2338 + var AdsPETableHeader197 = React.createClass({
2339 + displayName: "AdsPETableHeader197",
2340 +
2341 + render: function () {
2342 + return React.createElement(
2343 + "div",
2344 + { className: "_1cig _1vd7 _4h2r" },
2345 + null,
2346 + React.createElement(
2347 + "span",
2348 + { className: "_1cid" },
2349 + "Toplines"
2350 + )
2351 + );
2352 + }
2353 + });
2354 +
2355 + var TransitionCell198 = React.createClass({
2356 + displayName: "TransitionCell198",
2357 +
2358 + render: function () {
2359 + return React.createElement(
2360 + "div",
2361 + { isHeaderCell: true, label: "Toplines", dataKey: 5, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 0, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 0 } },
2362 + React.createElement(
2363 + "div",
2364 + { className: "_4lgd _4h2w" },
2365 + React.createElement(
2366 + "div",
2367 + { className: "_4lge _4h2x" },
2368 + React.createElement(AdsPETableHeader197, null)
2369 + )
2370 + )
2371 + );
2372 + }
2373 + });
2374 +
2375 + var FixedDataTableCell199 = React.createClass({
2376 + displayName: "FixedDataTableCell199",
2377 +
2378 + render: function () {
2379 + return React.createElement(
2380 + "div",
2381 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 0, "left": 2274 } },
2382 + undefined,
2383 + React.createElement(TransitionCell198, null)
2384 + );
2385 + }
2386 + });
2387 +
2388 + var AdsPETableHeader200 = React.createClass({
2389 + displayName: "AdsPETableHeader200",
2390 +
2391 + render: function () {
2392 + return React.createElement("div", { className: "_1cig _1vd7 _4h2r" });
2393 + }
2394 + });
2395 +
2396 + var TransitionCell201 = React.createClass({
2397 + displayName: "TransitionCell201",
2398 +
2399 + render: function () {
2400 + return React.createElement(
2401 + "div",
2402 + { isHeaderCell: true, label: "", dataKey: 6, groupHeaderRenderer: function () {}, groupHeaderLabels: {}, groupHeaderData: {}, columnKey: undefined, height: 40, width: 25, rowIndex: 0, className: "_4lgc _4h2u", style: { "height": 40, "width": 25 } },
2403 + React.createElement(
2404 + "div",
2405 + { className: "_4lgd _4h2w" },
2406 + React.createElement(
2407 + "div",
2408 + { className: "_4lge _4h2x" },
2409 + React.createElement(AdsPETableHeader200, null)
2410 + )
2411 + )
2412 + );
2413 + }
2414 + });
2415 +
2416 + var FixedDataTableCell202 = React.createClass({
2417 + displayName: "FixedDataTableCell202",
2418 +
2419 + render: function () {
2420 + return React.createElement(
2421 + "div",
2422 + { className: "_4lg0 _4h2m", style: { "height": 40, "width": 25, "left": 2274 } },
2423 + undefined,
2424 + React.createElement(TransitionCell201, null)
2425 + );
2426 + }
2427 + });
2428 +
2429 + var FixedDataTableCellGroupImpl203 = React.createClass({
2430 + displayName: "FixedDataTableCellGroupImpl203",
2431 +
2432 + render: function () {
2433 + return React.createElement(
2434 + "div",
2435 + { className: "_3pzj", style: { "height": 40, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
2436 + React.createElement(FixedDataTableCell187, { key: "cell_0" }),
2437 + React.createElement(FixedDataTableCell190, { key: "cell_1" }),
2438 + React.createElement(FixedDataTableCell193, { key: "cell_2" }),
2439 + React.createElement(FixedDataTableCell196, { key: "cell_3" }),
2440 + React.createElement(FixedDataTableCell199, { key: "cell_4" }),
2441 + React.createElement(FixedDataTableCell202, { key: "cell_5" })
2442 + );
2443 + }
2444 + });
2445 +
2446 + var FixedDataTableCellGroup204 = React.createClass({
2447 + displayName: "FixedDataTableCellGroup204",
2448 +
2449 + render: function () {
2450 + return React.createElement(
2451 + "div",
2452 + { style: { "height": 40, "left": 521 }, className: "_3pzk" },
2453 + React.createElement(FixedDataTableCellGroupImpl203, null)
2454 + );
2455 + }
2456 + });
2457 +
2458 + var FixedDataTableRowImpl205 = React.createClass({
2459 + displayName: "FixedDataTableRowImpl205",
2460 +
2461 + render: function () {
2462 + return React.createElement(
2463 + "div",
2464 + { className: "_1gd4 _4li _52no _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 40 } },
2465 + React.createElement(
2466 + "div",
2467 + { className: "_1gd5" },
2468 + React.createElement(FixedDataTableCellGroup184, { key: "fixed_cells" }),
2469 + React.createElement(FixedDataTableCellGroup204, { key: "scrollable_cells" }),
2470 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 40 } })
2471 + )
2472 + );
2473 + }
2474 + });
2475 +
2476 + var FixedDataTableRow206 = React.createClass({
2477 + displayName: "FixedDataTableRow206",
2478 +
2479 + render: function () {
2480 + return React.createElement(
2481 + "div",
2482 + { style: { "width": 1083, "height": 40, "zIndex": 1, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
2483 + React.createElement(FixedDataTableRowImpl205, null)
2484 + );
2485 + }
2486 + });
2487 +
2488 + var AbstractCheckboxInput207 = React.createClass({
2489 + displayName: "AbstractCheckboxInput207",
2490 +
2491 + render: function () {
2492 + return React.createElement(
2493 + "label",
2494 + { className: "_4h2r _55sg _kv1" },
2495 + React.createElement("input", { checked: undefined, onChange: function () {}, className: null, type: "checkbox" }),
2496 + React.createElement("span", { "data-hover": null, "aria-label": undefined })
2497 + );
2498 + }
2499 + });
2500 +
2501 + var XUICheckboxInput208 = React.createClass({
2502 + displayName: "XUICheckboxInput208",
2503 +
2504 + render: function () {
2505 + return React.createElement(AbstractCheckboxInput207, null);
2506 + }
2507 + });
2508 +
2509 + var TransitionCell209 = React.createClass({
2510 + displayName: "TransitionCell209",
2511 +
2512 + render: function () {
2513 + return React.createElement(
2514 + "div",
2515 + { 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 } },
2516 + React.createElement(
2517 + "div",
2518 + { className: "_4lgd _4h2w" },
2519 + React.createElement(
2520 + "div",
2521 + { className: "_4lge _4h2x" },
2522 + React.createElement(XUICheckboxInput208, null)
2523 + )
2524 + )
2525 + );
2526 + }
2527 + });
2528 +
2529 + var FixedDataTableCell210 = React.createClass({
2530 + displayName: "FixedDataTableCell210",
2531 +
2532 + render: function () {
2533 + return React.createElement(
2534 + "div",
2535 + { className: "_4lg0 _4lg6 _4h2m", style: { "height": 25, "width": 42, "left": 0 } },
2536 + undefined,
2537 + React.createElement(TransitionCell209, null)
2538 + );
2539 + }
2540 + });
2541 +
2542 + var AdsPETableHeader211 = React.createClass({
2543 + displayName: "AdsPETableHeader211",
2544 +
2545 + render: function () {
2546 + return React.createElement(
2547 + "div",
2548 + { className: "_1cig _25fg" },
2549 + null,
2550 + React.createElement(
2551 + "span",
2552 + { className: "_1cid" },
2553 + "Ad Name"
2554 + )
2555 + );
2556 + }
2557 + });
2558 +
2559 + var FixedDataTableAbstractSortableHeader212 = React.createClass({
2560 + displayName: "FixedDataTableAbstractSortableHeader212",
2561 +
2562 + render: function () {
2563 + return React.createElement(
2564 + "div",
2565 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
2566 + React.createElement(
2567 + "div",
2568 + { className: "_2eq6" },
2569 + null,
2570 + React.createElement(AdsPETableHeader211, null)
2571 + )
2572 + );
2573 + }
2574 + });
2575 +
2576 + var FixedDataTableSortableHeader213 = React.createClass({
2577 + displayName: "FixedDataTableSortableHeader213",
2578 +
2579 + render: function () {
2580 + return React.createElement(FixedDataTableAbstractSortableHeader212, null);
2581 + }
2582 + });
2583 +
2584 + var TransitionCell214 = React.createClass({
2585 + displayName: "TransitionCell214",
2586 +
2587 + render: function () {
2588 + return React.createElement(
2589 + "div",
2590 + { isHeaderCell: true, label: "Ad Name", width: 200, dataKey: "ad.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.name", height: 25, style: { "height": 25, "width": 200 } },
2591 + React.createElement(
2592 + "div",
2593 + { className: "_4lgd _4h2w" },
2594 + React.createElement(
2595 + "div",
2596 + { className: "_4lge _4h2x" },
2597 + React.createElement(FixedDataTableSortableHeader213, null)
2598 + )
2599 + )
2600 + );
2601 + }
2602 + });
2603 +
2604 + var FixedDataTableCell215 = React.createClass({
2605 + displayName: "FixedDataTableCell215",
2606 +
2607 + render: function () {
2608 + return React.createElement(
2609 + "div",
2610 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 200, "left": 42 } },
2611 + React.createElement(
2612 + "div",
2613 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
2614 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
2615 + ),
2616 + React.createElement(TransitionCell214, null)
2617 + );
2618 + }
2619 + });
2620 +
2621 + var ReactImage216 = React.createClass({
2622 + displayName: "ReactImage216",
2623 +
2624 + render: function () {
2625 + return React.createElement("i", { className: "_1cie img sp_UuU9HmrQ397 sx_844e7d", src: null });
2626 + }
2627 + });
2628 +
2629 + var AdsPETableHeader217 = React.createClass({
2630 + displayName: "AdsPETableHeader217",
2631 +
2632 + render: function () {
2633 + return React.createElement(
2634 + "div",
2635 + { className: "_1cig _25fg" },
2636 + React.createElement(ReactImage216, null),
2637 + null
2638 + );
2639 + }
2640 + });
2641 +
2642 + var FixedDataTableAbstractSortableHeader218 = React.createClass({
2643 + displayName: "FixedDataTableAbstractSortableHeader218",
2644 +
2645 + render: function () {
2646 + return React.createElement(
2647 + "div",
2648 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
2649 + React.createElement(
2650 + "div",
2651 + { className: "_2eq6" },
2652 + null,
2653 + React.createElement(AdsPETableHeader217, null)
2654 + )
2655 + );
2656 + }
2657 + });
2658 +
2659 + var FixedDataTableSortableHeader219 = React.createClass({
2660 + displayName: "FixedDataTableSortableHeader219",
2661 +
2662 + render: function () {
2663 + return React.createElement(FixedDataTableAbstractSortableHeader218, null);
2664 + }
2665 + });
2666 +
2667 + var TransitionCell220 = React.createClass({
2668 + displayName: "TransitionCell220",
2669 +
2670 + render: function () {
2671 + return React.createElement(
2672 + "div",
2673 + { 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 } },
2674 + React.createElement(
2675 + "div",
2676 + { className: "_4lgd _4h2w" },
2677 + React.createElement(
2678 + "div",
2679 + { className: "_4lge _4h2x" },
2680 + React.createElement(FixedDataTableSortableHeader219, null)
2681 + )
2682 + )
2683 + );
2684 + }
2685 + });
2686 +
2687 + var FixedDataTableCell221 = React.createClass({
2688 + displayName: "FixedDataTableCell221",
2689 +
2690 + render: function () {
2691 + return React.createElement(
2692 + "div",
2693 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 33, "left": 242 } },
2694 + undefined,
2695 + React.createElement(TransitionCell220, null)
2696 + );
2697 + }
2698 + });
2699 +
2700 + var ReactImage222 = React.createClass({
2701 + displayName: "ReactImage222",
2702 +
2703 + render: function () {
2704 + return React.createElement("i", { className: "_1cie img sp_UuU9HmrQ397 sx_36dc45", src: null });
2705 + }
2706 + });
2707 +
2708 + var AdsPETableHeader223 = React.createClass({
2709 + displayName: "AdsPETableHeader223",
2710 +
2711 + render: function () {
2712 + return React.createElement(
2713 + "div",
2714 + { className: "_1cig _25fg" },
2715 + React.createElement(ReactImage222, null),
2716 + null
2717 + );
2718 + }
2719 + });
2720 +
2721 + var FixedDataTableAbstractSortableHeader224 = React.createClass({
2722 + displayName: "FixedDataTableAbstractSortableHeader224",
2723 +
2724 + render: function () {
2725 + return React.createElement(
2726 + "div",
2727 + { onClick: function () {}, className: "_54_8 _1kst _4h2r _2wzx" },
2728 + React.createElement(
2729 + "div",
2730 + { className: "_2eq6" },
2731 + null,
2732 + React.createElement(AdsPETableHeader223, null)
2733 + )
2734 + );
2735 + }
2736 + });
2737 +
2738 + var FixedDataTableSortableHeader225 = React.createClass({
2739 + displayName: "FixedDataTableSortableHeader225",
2740 +
2741 + render: function () {
2742 + return React.createElement(FixedDataTableAbstractSortableHeader224, null);
2743 + }
2744 + });
2745 +
2746 + var TransitionCell226 = React.createClass({
2747 + displayName: "TransitionCell226",
2748 +
2749 + render: function () {
2750 + return React.createElement(
2751 + "div",
2752 + { 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 } },
2753 + React.createElement(
2754 + "div",
2755 + { className: "_4lgd _4h2w" },
2756 + React.createElement(
2757 + "div",
2758 + { className: "_4lge _4h2x" },
2759 + React.createElement(FixedDataTableSortableHeader225, null)
2760 + )
2761 + )
2762 + );
2763 + }
2764 + });
2765 +
2766 + var FixedDataTableCell227 = React.createClass({
2767 + displayName: "FixedDataTableCell227",
2768 +
2769 + render: function () {
2770 + return React.createElement(
2771 + "div",
2772 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 36, "left": 275 } },
2773 + undefined,
2774 + React.createElement(TransitionCell226, null)
2775 + );
2776 + }
2777 + });
2778 +
2779 + var AdsPETableHeader228 = React.createClass({
2780 + displayName: "AdsPETableHeader228",
2781 +
2782 + render: function () {
2783 + return React.createElement(
2784 + "div",
2785 + { className: "_1cig _25fg" },
2786 + null,
2787 + React.createElement(
2788 + "span",
2789 + { className: "_1cid" },
2790 + "Status"
2791 + )
2792 + );
2793 + }
2794 + });
2795 +
2796 + var FixedDataTableAbstractSortableHeader229 = React.createClass({
2797 + displayName: "FixedDataTableAbstractSortableHeader229",
2798 +
2799 + render: function () {
2800 + return React.createElement(
2801 + "div",
2802 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
2803 + React.createElement(
2804 + "div",
2805 + { className: "_2eq6" },
2806 + null,
2807 + React.createElement(AdsPETableHeader228, null)
2808 + )
2809 + );
2810 + }
2811 + });
2812 +
2813 + var FixedDataTableSortableHeader230 = React.createClass({
2814 + displayName: "FixedDataTableSortableHeader230",
2815 +
2816 + render: function () {
2817 + return React.createElement(FixedDataTableAbstractSortableHeader229, null);
2818 + }
2819 + });
2820 +
2821 + var TransitionCell231 = React.createClass({
2822 + displayName: "TransitionCell231",
2823 +
2824 + render: function () {
2825 + return React.createElement(
2826 + "div",
2827 + { isHeaderCell: true, label: "Status", width: 60, dataKey: "ad.adgroup_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.adgroup_status", height: 25, style: { "height": 25, "width": 60 } },
2828 + React.createElement(
2829 + "div",
2830 + { className: "_4lgd _4h2w" },
2831 + React.createElement(
2832 + "div",
2833 + { className: "_4lge _4h2x" },
2834 + React.createElement(FixedDataTableSortableHeader230, null)
2835 + )
2836 + )
2837 + );
2838 + }
2839 + });
2840 +
2841 + var FixedDataTableCell232 = React.createClass({
2842 + displayName: "FixedDataTableCell232",
2843 +
2844 + render: function () {
2845 + return React.createElement(
2846 + "div",
2847 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 60, "left": 311 } },
2848 + undefined,
2849 + React.createElement(TransitionCell231, null)
2850 + );
2851 + }
2852 + });
2853 +
2854 + var AdsPETableHeader233 = React.createClass({
2855 + displayName: "AdsPETableHeader233",
2856 +
2857 + render: function () {
2858 + return React.createElement(
2859 + "div",
2860 + { className: "_1cig _25fg" },
2861 + null,
2862 + React.createElement(
2863 + "span",
2864 + { className: "_1cid" },
2865 + "Delivery"
2866 + )
2867 + );
2868 + }
2869 + });
2870 +
2871 + var FixedDataTableAbstractSortableHeader234 = React.createClass({
2872 + displayName: "FixedDataTableAbstractSortableHeader234",
2873 +
2874 + render: function () {
2875 + return React.createElement(
2876 + "div",
2877 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
2878 + React.createElement(
2879 + "div",
2880 + { className: "_2eq6" },
2881 + null,
2882 + React.createElement(AdsPETableHeader233, null)
2883 + )
2884 + );
2885 + }
2886 + });
2887 +
2888 + var FixedDataTableSortableHeader235 = React.createClass({
2889 + displayName: "FixedDataTableSortableHeader235",
2890 +
2891 + render: function () {
2892 + return React.createElement(FixedDataTableAbstractSortableHeader234, null);
2893 + }
2894 + });
2895 +
2896 + var TransitionCell236 = React.createClass({
2897 + displayName: "TransitionCell236",
2898 +
2899 + render: function () {
2900 + return React.createElement(
2901 + "div",
2902 + { isHeaderCell: true, label: "Delivery", width: 150, dataKey: "ukiAdData.computed_activity_status", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ukiAdData.computed_activity_status", height: 25, style: { "height": 25, "width": 150 } },
2903 + React.createElement(
2904 + "div",
2905 + { className: "_4lgd _4h2w" },
2906 + React.createElement(
2907 + "div",
2908 + { className: "_4lge _4h2x" },
2909 + React.createElement(FixedDataTableSortableHeader235, null)
2910 + )
2911 + )
2912 + );
2913 + }
2914 + });
2915 +
2916 + var FixedDataTableCell237 = React.createClass({
2917 + displayName: "FixedDataTableCell237",
2918 +
2919 + render: function () {
2920 + return React.createElement(
2921 + "div",
2922 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 371 } },
2923 + React.createElement(
2924 + "div",
2925 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
2926 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
2927 + ),
2928 + React.createElement(TransitionCell236, null)
2929 + );
2930 + }
2931 + });
2932 +
2933 + var FixedDataTableCellGroupImpl238 = React.createClass({
2934 + displayName: "FixedDataTableCellGroupImpl238",
2935 +
2936 + render: function () {
2937 + return React.createElement(
2938 + "div",
2939 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 521, "zIndex": 2, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
2940 + React.createElement(FixedDataTableCell210, { key: "cell_0" }),
2941 + React.createElement(FixedDataTableCell215, { key: "cell_1" }),
2942 + React.createElement(FixedDataTableCell221, { key: "cell_2" }),
2943 + React.createElement(FixedDataTableCell227, { key: "cell_3" }),
2944 + React.createElement(FixedDataTableCell232, { key: "cell_4" }),
2945 + React.createElement(FixedDataTableCell237, { key: "cell_5" })
2946 + );
2947 + }
2948 + });
2949 +
2950 + var FixedDataTableCellGroup239 = React.createClass({
2951 + displayName: "FixedDataTableCellGroup239",
2952 +
2953 + render: function () {
2954 + return React.createElement(
2955 + "div",
2956 + { style: { "height": 25, "left": 0 }, className: "_3pzk" },
2957 + React.createElement(FixedDataTableCellGroupImpl238, null)
2958 + );
2959 + }
2960 + });
2961 +
2962 + var AdsPETableHeader240 = React.createClass({
2963 + displayName: "AdsPETableHeader240",
2964 +
2965 + render: function () {
2966 + return React.createElement(
2967 + "div",
2968 + { className: "_1cig _25fg" },
2969 + null,
2970 + React.createElement(
2971 + "span",
2972 + { className: "_1cid" },
2973 + "Reach"
2974 + )
2975 + );
2976 + }
2977 + });
2978 +
2979 + var FixedDataTableAbstractSortableHeader241 = React.createClass({
2980 + displayName: "FixedDataTableAbstractSortableHeader241",
2981 +
2982 + render: function () {
2983 + return React.createElement(
2984 + "div",
2985 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
2986 + React.createElement(
2987 + "div",
2988 + { className: "_2eq6" },
2989 + null,
2990 + React.createElement(AdsPETableHeader240, null)
2991 + )
2992 + );
2993 + }
2994 + });
2995 +
2996 + var FixedDataTableSortableHeader242 = React.createClass({
2997 + displayName: "FixedDataTableSortableHeader242",
2998 +
2999 + render: function () {
3000 + return React.createElement(FixedDataTableAbstractSortableHeader241, null);
3001 + }
3002 + });
3003 +
3004 + var TransitionCell243 = React.createClass({
3005 + displayName: "TransitionCell243",
3006 +
3007 + render: function () {
3008 + return React.createElement(
3009 + "div",
3010 + { isHeaderCell: true, label: "Reach", width: 60, dataKey: "stats.unique_impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.unique_impressions", height: 25, style: { "height": 25, "width": 60 } },
3011 + React.createElement(
3012 + "div",
3013 + { className: "_4lgd _4h2w" },
3014 + React.createElement(
3015 + "div",
3016 + { className: "_4lge _4h2x" },
3017 + React.createElement(FixedDataTableSortableHeader242, null)
3018 + )
3019 + )
3020 + );
3021 + }
3022 + });
3023 +
3024 + var FixedDataTableCell244 = React.createClass({
3025 + displayName: "FixedDataTableCell244",
3026 +
3027 + render: function () {
3028 + return React.createElement(
3029 + "div",
3030 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 0 } },
3031 + React.createElement(
3032 + "div",
3033 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3034 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3035 + ),
3036 + React.createElement(TransitionCell243, null)
3037 + );
3038 + }
3039 + });
3040 +
3041 + var AdsPETableHeader245 = React.createClass({
3042 + displayName: "AdsPETableHeader245",
3043 +
3044 + render: function () {
3045 + return React.createElement(
3046 + "div",
3047 + { className: "_1cig _25fg" },
3048 + null,
3049 + React.createElement(
3050 + "span",
3051 + { className: "_1cid" },
3052 + "Ad Impressions"
3053 + )
3054 + );
3055 + }
3056 + });
3057 +
3058 + var FixedDataTableAbstractSortableHeader246 = React.createClass({
3059 + displayName: "FixedDataTableAbstractSortableHeader246",
3060 +
3061 + render: function () {
3062 + return React.createElement(
3063 + "div",
3064 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3065 + React.createElement(
3066 + "div",
3067 + { className: "_2eq6" },
3068 + null,
3069 + React.createElement(AdsPETableHeader245, null)
3070 + )
3071 + );
3072 + }
3073 + });
3074 +
3075 + var FixedDataTableSortableHeader247 = React.createClass({
3076 + displayName: "FixedDataTableSortableHeader247",
3077 +
3078 + render: function () {
3079 + return React.createElement(FixedDataTableAbstractSortableHeader246, null);
3080 + }
3081 + });
3082 +
3083 + var TransitionCell248 = React.createClass({
3084 + displayName: "TransitionCell248",
3085 +
3086 + render: function () {
3087 + return React.createElement(
3088 + "div",
3089 + { isHeaderCell: true, label: "Ad Impressions", width: 80, dataKey: "stats.impressions", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.impressions", height: 25, style: { "height": 25, "width": 80 } },
3090 + React.createElement(
3091 + "div",
3092 + { className: "_4lgd _4h2w" },
3093 + React.createElement(
3094 + "div",
3095 + { className: "_4lge _4h2x" },
3096 + React.createElement(FixedDataTableSortableHeader247, null)
3097 + )
3098 + )
3099 + );
3100 + }
3101 + });
3102 +
3103 + var FixedDataTableCell249 = React.createClass({
3104 + displayName: "FixedDataTableCell249",
3105 +
3106 + render: function () {
3107 + return React.createElement(
3108 + "div",
3109 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 60 } },
3110 + React.createElement(
3111 + "div",
3112 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3113 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3114 + ),
3115 + React.createElement(TransitionCell248, null)
3116 + );
3117 + }
3118 + });
3119 +
3120 + var AdsPETableHeader250 = React.createClass({
3121 + displayName: "AdsPETableHeader250",
3122 +
3123 + render: function () {
3124 + return React.createElement(
3125 + "div",
3126 + { className: "_1cig _25fg" },
3127 + null,
3128 + React.createElement(
3129 + "span",
3130 + { className: "_1cid" },
3131 + "Avg. CPM"
3132 + )
3133 + );
3134 + }
3135 + });
3136 +
3137 + var FixedDataTableAbstractSortableHeader251 = React.createClass({
3138 + displayName: "FixedDataTableAbstractSortableHeader251",
3139 +
3140 + render: function () {
3141 + return React.createElement(
3142 + "div",
3143 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3144 + React.createElement(
3145 + "div",
3146 + { className: "_2eq6" },
3147 + null,
3148 + React.createElement(AdsPETableHeader250, null)
3149 + )
3150 + );
3151 + }
3152 + });
3153 +
3154 + var FixedDataTableSortableHeader252 = React.createClass({
3155 + displayName: "FixedDataTableSortableHeader252",
3156 +
3157 + render: function () {
3158 + return React.createElement(FixedDataTableAbstractSortableHeader251, null);
3159 + }
3160 + });
3161 +
3162 + var TransitionCell253 = React.createClass({
3163 + displayName: "TransitionCell253",
3164 +
3165 + render: function () {
3166 + return React.createElement(
3167 + "div",
3168 + { 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 } },
3169 + React.createElement(
3170 + "div",
3171 + { className: "_4lgd _4h2w" },
3172 + React.createElement(
3173 + "div",
3174 + { className: "_4lge _4h2x" },
3175 + React.createElement(FixedDataTableSortableHeader252, null)
3176 + )
3177 + )
3178 + );
3179 + }
3180 + });
3181 +
3182 + var FixedDataTableCell254 = React.createClass({
3183 + displayName: "FixedDataTableCell254",
3184 +
3185 + render: function () {
3186 + return React.createElement(
3187 + "div",
3188 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 140 } },
3189 + React.createElement(
3190 + "div",
3191 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3192 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3193 + ),
3194 + React.createElement(TransitionCell253, null)
3195 + );
3196 + }
3197 + });
3198 +
3199 + var AdsPETableHeader255 = React.createClass({
3200 + displayName: "AdsPETableHeader255",
3201 +
3202 + render: function () {
3203 + return React.createElement(
3204 + "div",
3205 + { className: "_1cig _25fg" },
3206 + null,
3207 + React.createElement(
3208 + "span",
3209 + { className: "_1cid" },
3210 + "Avg. CPC"
3211 + )
3212 + );
3213 + }
3214 + });
3215 +
3216 + var FixedDataTableAbstractSortableHeader256 = React.createClass({
3217 + displayName: "FixedDataTableAbstractSortableHeader256",
3218 +
3219 + render: function () {
3220 + return React.createElement(
3221 + "div",
3222 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3223 + React.createElement(
3224 + "div",
3225 + { className: "_2eq6" },
3226 + null,
3227 + React.createElement(AdsPETableHeader255, null)
3228 + )
3229 + );
3230 + }
3231 + });
3232 +
3233 + var FixedDataTableSortableHeader257 = React.createClass({
3234 + displayName: "FixedDataTableSortableHeader257",
3235 +
3236 + render: function () {
3237 + return React.createElement(FixedDataTableAbstractSortableHeader256, null);
3238 + }
3239 + });
3240 +
3241 + var TransitionCell258 = React.createClass({
3242 + displayName: "TransitionCell258",
3243 +
3244 + render: function () {
3245 + return React.createElement(
3246 + "div",
3247 + { 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 } },
3248 + React.createElement(
3249 + "div",
3250 + { className: "_4lgd _4h2w" },
3251 + React.createElement(
3252 + "div",
3253 + { className: "_4lge _4h2x" },
3254 + React.createElement(FixedDataTableSortableHeader257, null)
3255 + )
3256 + )
3257 + );
3258 + }
3259 + });
3260 +
3261 + var FixedDataTableCell259 = React.createClass({
3262 + displayName: "FixedDataTableCell259",
3263 +
3264 + render: function () {
3265 + return React.createElement(
3266 + "div",
3267 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 78, "left": 220 } },
3268 + React.createElement(
3269 + "div",
3270 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3271 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3272 + ),
3273 + React.createElement(TransitionCell258, null)
3274 + );
3275 + }
3276 + });
3277 +
3278 + var AdsPETableHeader260 = React.createClass({
3279 + displayName: "AdsPETableHeader260",
3280 +
3281 + render: function () {
3282 + return React.createElement(
3283 + "div",
3284 + { className: "_1cig _25fg _4h2r" },
3285 + null,
3286 + React.createElement(
3287 + "span",
3288 + { className: "_1cid" },
3289 + "Results"
3290 + )
3291 + );
3292 + }
3293 + });
3294 +
3295 + var TransitionCell261 = React.createClass({
3296 + displayName: "TransitionCell261",
3297 +
3298 + render: function () {
3299 + return React.createElement(
3300 + "div",
3301 + { 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 } },
3302 + React.createElement(
3303 + "div",
3304 + { className: "_4lgd _4h2w" },
3305 + React.createElement(
3306 + "div",
3307 + { className: "_4lge _4h2x" },
3308 + React.createElement(AdsPETableHeader260, null)
3309 + )
3310 + )
3311 + );
3312 + }
3313 + });
3314 +
3315 + var FixedDataTableCell262 = React.createClass({
3316 + displayName: "FixedDataTableCell262",
3317 +
3318 + render: function () {
3319 + return React.createElement(
3320 + "div",
3321 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 298 } },
3322 + React.createElement(
3323 + "div",
3324 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3325 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3326 + ),
3327 + React.createElement(TransitionCell261, null)
3328 + );
3329 + }
3330 + });
3331 +
3332 + var AdsPETableHeader263 = React.createClass({
3333 + displayName: "AdsPETableHeader263",
3334 +
3335 + render: function () {
3336 + return React.createElement(
3337 + "div",
3338 + { className: "_1cig _25fg _4h2r" },
3339 + null,
3340 + React.createElement(
3341 + "span",
3342 + { className: "_1cid" },
3343 + "Cost"
3344 + )
3345 + );
3346 + }
3347 + });
3348 +
3349 + var TransitionCell264 = React.createClass({
3350 + displayName: "TransitionCell264",
3351 +
3352 + render: function () {
3353 + return React.createElement(
3354 + "div",
3355 + { 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 } },
3356 + React.createElement(
3357 + "div",
3358 + { className: "_4lgd _4h2w" },
3359 + React.createElement(
3360 + "div",
3361 + { className: "_4lge _4h2x" },
3362 + React.createElement(AdsPETableHeader263, null)
3363 + )
3364 + )
3365 + );
3366 + }
3367 + });
3368 +
3369 + var FixedDataTableCell265 = React.createClass({
3370 + displayName: "FixedDataTableCell265",
3371 +
3372 + render: function () {
3373 + return React.createElement(
3374 + "div",
3375 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 140, "left": 438 } },
3376 + React.createElement(
3377 + "div",
3378 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3379 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3380 + ),
3381 + React.createElement(TransitionCell264, null)
3382 + );
3383 + }
3384 + });
3385 +
3386 + var AdsPETableHeader266 = React.createClass({
3387 + displayName: "AdsPETableHeader266",
3388 +
3389 + render: function () {
3390 + return React.createElement(
3391 + "div",
3392 + { className: "_1cig _25fg" },
3393 + null,
3394 + React.createElement(
3395 + "span",
3396 + { className: "_1cid" },
3397 + "Clicks"
3398 + )
3399 + );
3400 + }
3401 + });
3402 +
3403 + var FixedDataTableAbstractSortableHeader267 = React.createClass({
3404 + displayName: "FixedDataTableAbstractSortableHeader267",
3405 +
3406 + render: function () {
3407 + return React.createElement(
3408 + "div",
3409 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3410 + React.createElement(
3411 + "div",
3412 + { className: "_2eq6" },
3413 + null,
3414 + React.createElement(AdsPETableHeader266, null)
3415 + )
3416 + );
3417 + }
3418 + });
3419 +
3420 + var FixedDataTableSortableHeader268 = React.createClass({
3421 + displayName: "FixedDataTableSortableHeader268",
3422 +
3423 + render: function () {
3424 + return React.createElement(FixedDataTableAbstractSortableHeader267, null);
3425 + }
3426 + });
3427 +
3428 + var TransitionCell269 = React.createClass({
3429 + displayName: "TransitionCell269",
3430 +
3431 + render: function () {
3432 + return React.createElement(
3433 + "div",
3434 + { 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 } },
3435 + React.createElement(
3436 + "div",
3437 + { className: "_4lgd _4h2w" },
3438 + React.createElement(
3439 + "div",
3440 + { className: "_4lge _4h2x" },
3441 + React.createElement(FixedDataTableSortableHeader268, null)
3442 + )
3443 + )
3444 + );
3445 + }
3446 + });
3447 +
3448 + var FixedDataTableCell270 = React.createClass({
3449 + displayName: "FixedDataTableCell270",
3450 +
3451 + render: function () {
3452 + return React.createElement(
3453 + "div",
3454 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 60, "left": 578 } },
3455 + React.createElement(
3456 + "div",
3457 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3458 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3459 + ),
3460 + React.createElement(TransitionCell269, null)
3461 + );
3462 + }
3463 + });
3464 +
3465 + var AdsPETableHeader271 = React.createClass({
3466 + displayName: "AdsPETableHeader271",
3467 +
3468 + render: function () {
3469 + return React.createElement(
3470 + "div",
3471 + { className: "_1cig _25fg" },
3472 + null,
3473 + React.createElement(
3474 + "span",
3475 + { className: "_1cid" },
3476 + "CTR %"
3477 + )
3478 + );
3479 + }
3480 + });
3481 +
3482 + var FixedDataTableAbstractSortableHeader272 = React.createClass({
3483 + displayName: "FixedDataTableAbstractSortableHeader272",
3484 +
3485 + render: function () {
3486 + return React.createElement(
3487 + "div",
3488 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3489 + React.createElement(
3490 + "div",
3491 + { className: "_2eq6" },
3492 + null,
3493 + React.createElement(AdsPETableHeader271, null)
3494 + )
3495 + );
3496 + }
3497 + });
3498 +
3499 + var FixedDataTableSortableHeader273 = React.createClass({
3500 + displayName: "FixedDataTableSortableHeader273",
3501 +
3502 + render: function () {
3503 + return React.createElement(FixedDataTableAbstractSortableHeader272, null);
3504 + }
3505 + });
3506 +
3507 + var TransitionCell274 = React.createClass({
3508 + displayName: "TransitionCell274",
3509 +
3510 + render: function () {
3511 + return React.createElement(
3512 + "div",
3513 + { 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 } },
3514 + React.createElement(
3515 + "div",
3516 + { className: "_4lgd _4h2w" },
3517 + React.createElement(
3518 + "div",
3519 + { className: "_4lge _4h2x" },
3520 + React.createElement(FixedDataTableSortableHeader273, null)
3521 + )
3522 + )
3523 + );
3524 + }
3525 + });
3526 +
3527 + var FixedDataTableCell275 = React.createClass({
3528 + displayName: "FixedDataTableCell275",
3529 +
3530 + render: function () {
3531 + return React.createElement(
3532 + "div",
3533 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 638 } },
3534 + React.createElement(
3535 + "div",
3536 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3537 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3538 + ),
3539 + React.createElement(TransitionCell274, null)
3540 + );
3541 + }
3542 + });
3543 +
3544 + var AdsPETableHeader276 = React.createClass({
3545 + displayName: "AdsPETableHeader276",
3546 +
3547 + render: function () {
3548 + return React.createElement(
3549 + "div",
3550 + { className: "_1cig _25fg" },
3551 + null,
3552 + React.createElement(
3553 + "span",
3554 + { className: "_1cid" },
3555 + "Social %"
3556 + )
3557 + );
3558 + }
3559 + });
3560 +
3561 + var FixedDataTableAbstractSortableHeader277 = React.createClass({
3562 + displayName: "FixedDataTableAbstractSortableHeader277",
3563 +
3564 + render: function () {
3565 + return React.createElement(
3566 + "div",
3567 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3568 + React.createElement(
3569 + "div",
3570 + { className: "_2eq6" },
3571 + null,
3572 + React.createElement(AdsPETableHeader276, null)
3573 + )
3574 + );
3575 + }
3576 + });
3577 +
3578 + var FixedDataTableSortableHeader278 = React.createClass({
3579 + displayName: "FixedDataTableSortableHeader278",
3580 +
3581 + render: function () {
3582 + return React.createElement(FixedDataTableAbstractSortableHeader277, null);
3583 + }
3584 + });
3585 +
3586 + var TransitionCell279 = React.createClass({
3587 + displayName: "TransitionCell279",
3588 +
3589 + render: function () {
3590 + return React.createElement(
3591 + "div",
3592 + { isHeaderCell: true, label: "Social %", width: 80, dataKey: "stats.social_percent", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "stats.social_percent", height: 25, style: { "height": 25, "width": 80 } },
3593 + React.createElement(
3594 + "div",
3595 + { className: "_4lgd _4h2w" },
3596 + React.createElement(
3597 + "div",
3598 + { className: "_4lge _4h2x" },
3599 + React.createElement(FixedDataTableSortableHeader278, null)
3600 + )
3601 + )
3602 + );
3603 + }
3604 + });
3605 +
3606 + var FixedDataTableCell280 = React.createClass({
3607 + displayName: "FixedDataTableCell280",
3608 +
3609 + render: function () {
3610 + return React.createElement(
3611 + "div",
3612 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 80, "left": 708 } },
3613 + React.createElement(
3614 + "div",
3615 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3616 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3617 + ),
3618 + React.createElement(TransitionCell279, null)
3619 + );
3620 + }
3621 + });
3622 +
3623 + var AdsPETableHeader281 = React.createClass({
3624 + displayName: "AdsPETableHeader281",
3625 +
3626 + render: function () {
3627 + return React.createElement(
3628 + "div",
3629 + { className: "_1cig _25fg" },
3630 + null,
3631 + React.createElement(
3632 + "span",
3633 + { className: "_1cid" },
3634 + "Ad Set Name"
3635 + )
3636 + );
3637 + }
3638 + });
3639 +
3640 + var FixedDataTableAbstractSortableHeader282 = React.createClass({
3641 + displayName: "FixedDataTableAbstractSortableHeader282",
3642 +
3643 + render: function () {
3644 + return React.createElement(
3645 + "div",
3646 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3647 + React.createElement(
3648 + "div",
3649 + { className: "_2eq6" },
3650 + null,
3651 + React.createElement(AdsPETableHeader281, null)
3652 + )
3653 + );
3654 + }
3655 + });
3656 +
3657 + var FixedDataTableSortableHeader283 = React.createClass({
3658 + displayName: "FixedDataTableSortableHeader283",
3659 +
3660 + render: function () {
3661 + return React.createElement(FixedDataTableAbstractSortableHeader282, null);
3662 + }
3663 + });
3664 +
3665 + var TransitionCell284 = React.createClass({
3666 + displayName: "TransitionCell284",
3667 +
3668 + render: function () {
3669 + return React.createElement(
3670 + "div",
3671 + { isHeaderCell: true, label: "Ad Set Name", width: 100, dataKey: "campaign.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaign.name", height: 25, style: { "height": 25, "width": 100 } },
3672 + React.createElement(
3673 + "div",
3674 + { className: "_4lgd _4h2w" },
3675 + React.createElement(
3676 + "div",
3677 + { className: "_4lge _4h2x" },
3678 + React.createElement(FixedDataTableSortableHeader283, null)
3679 + )
3680 + )
3681 + );
3682 + }
3683 + });
3684 +
3685 + var FixedDataTableCell285 = React.createClass({
3686 + displayName: "FixedDataTableCell285",
3687 +
3688 + render: function () {
3689 + return React.createElement(
3690 + "div",
3691 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 788 } },
3692 + React.createElement(
3693 + "div",
3694 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3695 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3696 + ),
3697 + React.createElement(TransitionCell284, null)
3698 + );
3699 + }
3700 + });
3701 +
3702 + var AdsPETableHeader286 = React.createClass({
3703 + displayName: "AdsPETableHeader286",
3704 +
3705 + render: function () {
3706 + return React.createElement(
3707 + "div",
3708 + { className: "_1cig _25fg" },
3709 + null,
3710 + React.createElement(
3711 + "span",
3712 + { className: "_1cid" },
3713 + "Campaign Name"
3714 + )
3715 + );
3716 + }
3717 + });
3718 +
3719 + var FixedDataTableAbstractSortableHeader287 = React.createClass({
3720 + displayName: "FixedDataTableAbstractSortableHeader287",
3721 +
3722 + render: function () {
3723 + return React.createElement(
3724 + "div",
3725 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3726 + React.createElement(
3727 + "div",
3728 + { className: "_2eq6" },
3729 + null,
3730 + React.createElement(AdsPETableHeader286, null)
3731 + )
3732 + );
3733 + }
3734 + });
3735 +
3736 + var FixedDataTableSortableHeader288 = React.createClass({
3737 + displayName: "FixedDataTableSortableHeader288",
3738 +
3739 + render: function () {
3740 + return React.createElement(FixedDataTableAbstractSortableHeader287, null);
3741 + }
3742 + });
3743 +
3744 + var TransitionCell289 = React.createClass({
3745 + displayName: "TransitionCell289",
3746 +
3747 + render: function () {
3748 + return React.createElement(
3749 + "div",
3750 + { isHeaderCell: true, label: "Campaign Name", width: 150, dataKey: "campaignGroup.name", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.name", height: 25, style: { "height": 25, "width": 150 } },
3751 + React.createElement(
3752 + "div",
3753 + { className: "_4lgd _4h2w" },
3754 + React.createElement(
3755 + "div",
3756 + { className: "_4lge _4h2x" },
3757 + React.createElement(FixedDataTableSortableHeader288, null)
3758 + )
3759 + )
3760 + );
3761 + }
3762 + });
3763 +
3764 + var FixedDataTableCell290 = React.createClass({
3765 + displayName: "FixedDataTableCell290",
3766 +
3767 + render: function () {
3768 + return React.createElement(
3769 + "div",
3770 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 150, "left": 888 } },
3771 + React.createElement(
3772 + "div",
3773 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3774 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3775 + ),
3776 + React.createElement(TransitionCell289, null)
3777 + );
3778 + }
3779 + });
3780 +
3781 + var AdsPETableHeader291 = React.createClass({
3782 + displayName: "AdsPETableHeader291",
3783 +
3784 + render: function () {
3785 + return React.createElement(
3786 + "div",
3787 + { className: "_1cig _25fg" },
3788 + null,
3789 + React.createElement(
3790 + "span",
3791 + { className: "_1cid" },
3792 + "Ad ID"
3793 + )
3794 + );
3795 + }
3796 + });
3797 +
3798 + var FixedDataTableAbstractSortableHeader292 = React.createClass({
3799 + displayName: "FixedDataTableAbstractSortableHeader292",
3800 +
3801 + render: function () {
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 + React.createElement(AdsPETableHeader291, null)
3810 + )
3811 + );
3812 + }
3813 + });
3814 +
3815 + var FixedDataTableSortableHeader293 = React.createClass({
3816 + displayName: "FixedDataTableSortableHeader293",
3817 +
3818 + render: function () {
3819 + return React.createElement(FixedDataTableAbstractSortableHeader292, null);
3820 + }
3821 + });
3822 +
3823 + var TransitionCell294 = React.createClass({
3824 + displayName: "TransitionCell294",
3825 +
3826 + render: function () {
3827 + return React.createElement(
3828 + "div",
3829 + { isHeaderCell: true, label: "Ad ID", width: 120, dataKey: "ad.id", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.id", height: 25, style: { "height": 25, "width": 120 } },
3830 + React.createElement(
3831 + "div",
3832 + { className: "_4lgd _4h2w" },
3833 + React.createElement(
3834 + "div",
3835 + { className: "_4lge _4h2x" },
3836 + React.createElement(FixedDataTableSortableHeader293, null)
3837 + )
3838 + )
3839 + );
3840 + }
3841 + });
3842 +
3843 + var FixedDataTableCell295 = React.createClass({
3844 + displayName: "FixedDataTableCell295",
3845 +
3846 + render: function () {
3847 + return React.createElement(
3848 + "div",
3849 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 120, "left": 1038 } },
3850 + React.createElement(
3851 + "div",
3852 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3853 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3854 + ),
3855 + React.createElement(TransitionCell294, null)
3856 + );
3857 + }
3858 + });
3859 +
3860 + var AdsPETableHeader296 = React.createClass({
3861 + displayName: "AdsPETableHeader296",
3862 +
3863 + render: function () {
3864 + return React.createElement(
3865 + "div",
3866 + { className: "_1cig _25fg" },
3867 + null,
3868 + React.createElement(
3869 + "span",
3870 + { className: "_1cid" },
3871 + "Objective"
3872 + )
3873 + );
3874 + }
3875 + });
3876 +
3877 + var FixedDataTableAbstractSortableHeader297 = React.createClass({
3878 + displayName: "FixedDataTableAbstractSortableHeader297",
3879 +
3880 + render: function () {
3881 + return React.createElement(
3882 + "div",
3883 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3884 + React.createElement(
3885 + "div",
3886 + { className: "_2eq6" },
3887 + null,
3888 + React.createElement(AdsPETableHeader296, null)
3889 + )
3890 + );
3891 + }
3892 + });
3893 +
3894 + var FixedDataTableSortableHeader298 = React.createClass({
3895 + displayName: "FixedDataTableSortableHeader298",
3896 +
3897 + render: function () {
3898 + return React.createElement(FixedDataTableAbstractSortableHeader297, null);
3899 + }
3900 + });
3901 +
3902 + var TransitionCell299 = React.createClass({
3903 + displayName: "TransitionCell299",
3904 +
3905 + render: function () {
3906 + return React.createElement(
3907 + "div",
3908 + { isHeaderCell: true, label: "Objective", width: 80, dataKey: "campaignGroup.objective", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "campaignGroup.objective", height: 25, style: { "height": 25, "width": 80 } },
3909 + React.createElement(
3910 + "div",
3911 + { className: "_4lgd _4h2w" },
3912 + React.createElement(
3913 + "div",
3914 + { className: "_4lge _4h2x" },
3915 + React.createElement(FixedDataTableSortableHeader298, null)
3916 + )
3917 + )
3918 + );
3919 + }
3920 + });
3921 +
3922 + var FixedDataTableCell300 = React.createClass({
3923 + displayName: "FixedDataTableCell300",
3924 +
3925 + render: function () {
3926 + return React.createElement(
3927 + "div",
3928 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1158 } },
3929 + React.createElement(
3930 + "div",
3931 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
3932 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
3933 + ),
3934 + React.createElement(TransitionCell299, null)
3935 + );
3936 + }
3937 + });
3938 +
3939 + var AdsPETableHeader301 = React.createClass({
3940 + displayName: "AdsPETableHeader301",
3941 +
3942 + render: function () {
3943 + return React.createElement(
3944 + "div",
3945 + { className: "_1cig _25fg" },
3946 + null,
3947 + React.createElement(
3948 + "span",
3949 + { className: "_1cid" },
3950 + "Spent"
3951 + )
3952 + );
3953 + }
3954 + });
3955 +
3956 + var FixedDataTableAbstractSortableHeader302 = React.createClass({
3957 + displayName: "FixedDataTableAbstractSortableHeader302",
3958 +
3959 + render: function () {
3960 + return React.createElement(
3961 + "div",
3962 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
3963 + React.createElement(
3964 + "div",
3965 + { className: "_2eq6" },
3966 + null,
3967 + React.createElement(AdsPETableHeader301, null)
3968 + )
3969 + );
3970 + }
3971 + });
3972 +
3973 + var FixedDataTableSortableHeader303 = React.createClass({
3974 + displayName: "FixedDataTableSortableHeader303",
3975 +
3976 + render: function () {
3977 + return React.createElement(FixedDataTableAbstractSortableHeader302, null);
3978 + }
3979 + });
3980 +
3981 + var TransitionCell304 = React.createClass({
3982 + displayName: "TransitionCell304",
3983 +
3984 + render: function () {
3985 + return React.createElement(
3986 + "div",
3987 + { 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 } },
3988 + React.createElement(
3989 + "div",
3990 + { className: "_4lgd _4h2w" },
3991 + React.createElement(
3992 + "div",
3993 + { className: "_4lge _4h2x" },
3994 + React.createElement(FixedDataTableSortableHeader303, null)
3995 + )
3996 + )
3997 + );
3998 + }
3999 + });
4000 +
4001 + var FixedDataTableCell305 = React.createClass({
4002 + displayName: "FixedDataTableCell305",
4003 +
4004 + render: function () {
4005 + return React.createElement(
4006 + "div",
4007 + { className: "_4lg0 _4lg5 _4h2p _4h2m", style: { "height": 25, "width": 70, "left": 1238 } },
4008 + React.createElement(
4009 + "div",
4010 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4011 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4012 + ),
4013 + React.createElement(TransitionCell304, null)
4014 + );
4015 + }
4016 + });
4017 +
4018 + var AdsPETableHeader306 = React.createClass({
4019 + displayName: "AdsPETableHeader306",
4020 +
4021 + render: function () {
4022 + return React.createElement(
4023 + "div",
4024 + { className: "_1cig _25fg" },
4025 + null,
4026 + React.createElement(
4027 + "span",
4028 + { className: "_1cid" },
4029 + "Start"
4030 + )
4031 + );
4032 + }
4033 + });
4034 +
4035 + var FixedDataTableAbstractSortableHeader307 = React.createClass({
4036 + displayName: "FixedDataTableAbstractSortableHeader307",
4037 +
4038 + render: function () {
4039 + return React.createElement(
4040 + "div",
4041 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4042 + React.createElement(
4043 + "div",
4044 + { className: "_2eq6" },
4045 + null,
4046 + React.createElement(AdsPETableHeader306, null)
4047 + )
4048 + );
4049 + }
4050 + });
4051 +
4052 + var FixedDataTableSortableHeader308 = React.createClass({
4053 + displayName: "FixedDataTableSortableHeader308",
4054 +
4055 + render: function () {
4056 + return React.createElement(FixedDataTableAbstractSortableHeader307, null);
4057 + }
4058 + });
4059 +
4060 + var TransitionCell309 = React.createClass({
4061 + displayName: "TransitionCell309",
4062 +
4063 + render: function () {
4064 + return React.createElement(
4065 + "div",
4066 + { isHeaderCell: true, label: "Start", width: 113, dataKey: "derivedCampaign.startDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaign.startDate", height: 25, style: { "height": 25, "width": 113 } },
4067 + React.createElement(
4068 + "div",
4069 + { className: "_4lgd _4h2w" },
4070 + React.createElement(
4071 + "div",
4072 + { className: "_4lge _4h2x" },
4073 + React.createElement(FixedDataTableSortableHeader308, null)
4074 + )
4075 + )
4076 + );
4077 + }
4078 + });
4079 +
4080 + var FixedDataTableCell310 = React.createClass({
4081 + displayName: "FixedDataTableCell310",
4082 +
4083 + render: function () {
4084 + return React.createElement(
4085 + "div",
4086 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1308 } },
4087 + React.createElement(
4088 + "div",
4089 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4090 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4091 + ),
4092 + React.createElement(TransitionCell309, null)
4093 + );
4094 + }
4095 + });
4096 +
4097 + var AdsPETableHeader311 = React.createClass({
4098 + displayName: "AdsPETableHeader311",
4099 +
4100 + render: function () {
4101 + return React.createElement(
4102 + "div",
4103 + { className: "_1cig _25fg" },
4104 + null,
4105 + React.createElement(
4106 + "span",
4107 + { className: "_1cid" },
4108 + "End"
4109 + )
4110 + );
4111 + }
4112 + });
4113 +
4114 + var FixedDataTableAbstractSortableHeader312 = React.createClass({
4115 + displayName: "FixedDataTableAbstractSortableHeader312",
4116 +
4117 + render: function () {
4118 + return React.createElement(
4119 + "div",
4120 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4121 + React.createElement(
4122 + "div",
4123 + { className: "_2eq6" },
4124 + null,
4125 + React.createElement(AdsPETableHeader311, null)
4126 + )
4127 + );
4128 + }
4129 + });
4130 +
4131 + var FixedDataTableSortableHeader313 = React.createClass({
4132 + displayName: "FixedDataTableSortableHeader313",
4133 +
4134 + render: function () {
4135 + return React.createElement(FixedDataTableAbstractSortableHeader312, null);
4136 + }
4137 + });
4138 +
4139 + var TransitionCell314 = React.createClass({
4140 + displayName: "TransitionCell314",
4141 +
4142 + render: function () {
4143 + return React.createElement(
4144 + "div",
4145 + { isHeaderCell: true, label: "End", width: 113, dataKey: "derivedCampaign.endDate", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "derivedCampaign.endDate", height: 25, style: { "height": 25, "width": 113 } },
4146 + React.createElement(
4147 + "div",
4148 + { className: "_4lgd _4h2w" },
4149 + React.createElement(
4150 + "div",
4151 + { className: "_4lge _4h2x" },
4152 + React.createElement(FixedDataTableSortableHeader313, null)
4153 + )
4154 + )
4155 + );
4156 + }
4157 + });
4158 +
4159 + var FixedDataTableCell315 = React.createClass({
4160 + displayName: "FixedDataTableCell315",
4161 +
4162 + render: function () {
4163 + return React.createElement(
4164 + "div",
4165 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1421 } },
4166 + React.createElement(
4167 + "div",
4168 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4169 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4170 + ),
4171 + React.createElement(TransitionCell314, null)
4172 + );
4173 + }
4174 + });
4175 +
4176 + var AdsPETableHeader316 = React.createClass({
4177 + displayName: "AdsPETableHeader316",
4178 +
4179 + render: function () {
4180 + return React.createElement(
4181 + "div",
4182 + { className: "_1cig _25fg" },
4183 + null,
4184 + React.createElement(
4185 + "span",
4186 + { className: "_1cid" },
4187 + "Date created"
4188 + )
4189 + );
4190 + }
4191 + });
4192 +
4193 + var FixedDataTableAbstractSortableHeader317 = React.createClass({
4194 + displayName: "FixedDataTableAbstractSortableHeader317",
4195 +
4196 + render: function () {
4197 + return React.createElement(
4198 + "div",
4199 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4200 + React.createElement(
4201 + "div",
4202 + { className: "_2eq6" },
4203 + null,
4204 + React.createElement(AdsPETableHeader316, null)
4205 + )
4206 + );
4207 + }
4208 + });
4209 +
4210 + var FixedDataTableSortableHeader318 = React.createClass({
4211 + displayName: "FixedDataTableSortableHeader318",
4212 +
4213 + render: function () {
4214 + return React.createElement(FixedDataTableAbstractSortableHeader317, null);
4215 + }
4216 + });
4217 +
4218 + var TransitionCell319 = React.createClass({
4219 + displayName: "TransitionCell319",
4220 +
4221 + render: function () {
4222 + return React.createElement(
4223 + "div",
4224 + { isHeaderCell: true, label: "Date created", width: 113, dataKey: "ad.created_time", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.created_time", height: 25, style: { "height": 25, "width": 113 } },
4225 + React.createElement(
4226 + "div",
4227 + { className: "_4lgd _4h2w" },
4228 + React.createElement(
4229 + "div",
4230 + { className: "_4lge _4h2x" },
4231 + React.createElement(FixedDataTableSortableHeader318, null)
4232 + )
4233 + )
4234 + );
4235 + }
4236 + });
4237 +
4238 + var FixedDataTableCell320 = React.createClass({
4239 + displayName: "FixedDataTableCell320",
4240 +
4241 + render: function () {
4242 + return React.createElement(
4243 + "div",
4244 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1534 } },
4245 + React.createElement(
4246 + "div",
4247 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4248 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4249 + ),
4250 + React.createElement(TransitionCell319, null)
4251 + );
4252 + }
4253 + });
4254 +
4255 + var AdsPETableHeader321 = React.createClass({
4256 + displayName: "AdsPETableHeader321",
4257 +
4258 + render: function () {
4259 + return React.createElement(
4260 + "div",
4261 + { className: "_1cig _25fg" },
4262 + null,
4263 + React.createElement(
4264 + "span",
4265 + { className: "_1cid" },
4266 + "Date last edited"
4267 + )
4268 + );
4269 + }
4270 + });
4271 +
4272 + var FixedDataTableAbstractSortableHeader322 = React.createClass({
4273 + displayName: "FixedDataTableAbstractSortableHeader322",
4274 +
4275 + render: function () {
4276 + return React.createElement(
4277 + "div",
4278 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4279 + React.createElement(
4280 + "div",
4281 + { className: "_2eq6" },
4282 + null,
4283 + React.createElement(AdsPETableHeader321, null)
4284 + )
4285 + );
4286 + }
4287 + });
4288 +
4289 + var FixedDataTableSortableHeader323 = React.createClass({
4290 + displayName: "FixedDataTableSortableHeader323",
4291 +
4292 + render: function () {
4293 + return React.createElement(FixedDataTableAbstractSortableHeader322, null);
4294 + }
4295 + });
4296 +
4297 + var TransitionCell324 = React.createClass({
4298 + displayName: "TransitionCell324",
4299 +
4300 + render: function () {
4301 + return React.createElement(
4302 + "div",
4303 + { isHeaderCell: true, label: "Date last edited", width: 113, dataKey: "ad.updated_time", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.updated_time", height: 25, style: { "height": 25, "width": 113 } },
4304 + React.createElement(
4305 + "div",
4306 + { className: "_4lgd _4h2w" },
4307 + React.createElement(
4308 + "div",
4309 + { className: "_4lge _4h2x" },
4310 + React.createElement(FixedDataTableSortableHeader323, null)
4311 + )
4312 + )
4313 + );
4314 + }
4315 + });
4316 +
4317 + var FixedDataTableCell325 = React.createClass({
4318 + displayName: "FixedDataTableCell325",
4319 +
4320 + render: function () {
4321 + return React.createElement(
4322 + "div",
4323 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 113, "left": 1647 } },
4324 + React.createElement(
4325 + "div",
4326 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4327 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4328 + ),
4329 + React.createElement(TransitionCell324, null)
4330 + );
4331 + }
4332 + });
4333 +
4334 + var AdsPETableHeader326 = React.createClass({
4335 + displayName: "AdsPETableHeader326",
4336 +
4337 + render: function () {
4338 + return React.createElement(
4339 + "div",
4340 + { className: "_1cig _25fg" },
4341 + null,
4342 + React.createElement(
4343 + "span",
4344 + { className: "_1cid" },
4345 + "Title"
4346 + )
4347 + );
4348 + }
4349 + });
4350 +
4351 + var FixedDataTableAbstractSortableHeader327 = React.createClass({
4352 + displayName: "FixedDataTableAbstractSortableHeader327",
4353 +
4354 + render: function () {
4355 + return React.createElement(
4356 + "div",
4357 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4358 + React.createElement(
4359 + "div",
4360 + { className: "_2eq6" },
4361 + null,
4362 + React.createElement(AdsPETableHeader326, null)
4363 + )
4364 + );
4365 + }
4366 + });
4367 +
4368 + var FixedDataTableSortableHeader328 = React.createClass({
4369 + displayName: "FixedDataTableSortableHeader328",
4370 +
4371 + render: function () {
4372 + return React.createElement(FixedDataTableAbstractSortableHeader327, null);
4373 + }
4374 + });
4375 +
4376 + var TransitionCell329 = React.createClass({
4377 + displayName: "TransitionCell329",
4378 +
4379 + render: function () {
4380 + return React.createElement(
4381 + "div",
4382 + { isHeaderCell: true, label: "Title", width: 80, dataKey: "ad.title", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.title", height: 25, style: { "height": 25, "width": 80 } },
4383 + React.createElement(
4384 + "div",
4385 + { className: "_4lgd _4h2w" },
4386 + React.createElement(
4387 + "div",
4388 + { className: "_4lge _4h2x" },
4389 + React.createElement(FixedDataTableSortableHeader328, null)
4390 + )
4391 + )
4392 + );
4393 + }
4394 + });
4395 +
4396 + var FixedDataTableCell330 = React.createClass({
4397 + displayName: "FixedDataTableCell330",
4398 +
4399 + render: function () {
4400 + return React.createElement(
4401 + "div",
4402 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1760 } },
4403 + React.createElement(
4404 + "div",
4405 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4406 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4407 + ),
4408 + React.createElement(TransitionCell329, null)
4409 + );
4410 + }
4411 + });
4412 +
4413 + var AdsPETableHeader331 = React.createClass({
4414 + displayName: "AdsPETableHeader331",
4415 +
4416 + render: function () {
4417 + return React.createElement(
4418 + "div",
4419 + { className: "_1cig _25fg" },
4420 + null,
4421 + React.createElement(
4422 + "span",
4423 + { className: "_1cid" },
4424 + "Body"
4425 + )
4426 + );
4427 + }
4428 + });
4429 +
4430 + var FixedDataTableAbstractSortableHeader332 = React.createClass({
4431 + displayName: "FixedDataTableAbstractSortableHeader332",
4432 +
4433 + render: function () {
4434 + return React.createElement(
4435 + "div",
4436 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4437 + React.createElement(
4438 + "div",
4439 + { className: "_2eq6" },
4440 + null,
4441 + React.createElement(AdsPETableHeader331, null)
4442 + )
4443 + );
4444 + }
4445 + });
4446 +
4447 + var FixedDataTableSortableHeader333 = React.createClass({
4448 + displayName: "FixedDataTableSortableHeader333",
4449 +
4450 + render: function () {
4451 + return React.createElement(FixedDataTableAbstractSortableHeader332, null);
4452 + }
4453 + });
4454 +
4455 + var TransitionCell334 = React.createClass({
4456 + displayName: "TransitionCell334",
4457 +
4458 + render: function () {
4459 + return React.createElement(
4460 + "div",
4461 + { isHeaderCell: true, label: "Body", width: 80, dataKey: "ad.creative.body", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.creative.body", height: 25, style: { "height": 25, "width": 80 } },
4462 + React.createElement(
4463 + "div",
4464 + { className: "_4lgd _4h2w" },
4465 + React.createElement(
4466 + "div",
4467 + { className: "_4lge _4h2x" },
4468 + React.createElement(FixedDataTableSortableHeader333, null)
4469 + )
4470 + )
4471 + );
4472 + }
4473 + });
4474 +
4475 + var FixedDataTableCell335 = React.createClass({
4476 + displayName: "FixedDataTableCell335",
4477 +
4478 + render: function () {
4479 + return React.createElement(
4480 + "div",
4481 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 80, "left": 1840 } },
4482 + React.createElement(
4483 + "div",
4484 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4485 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4486 + ),
4487 + React.createElement(TransitionCell334, null)
4488 + );
4489 + }
4490 + });
4491 +
4492 + var AdsPETableHeader336 = React.createClass({
4493 + displayName: "AdsPETableHeader336",
4494 +
4495 + render: function () {
4496 + return React.createElement(
4497 + "div",
4498 + { className: "_1cig _25fg" },
4499 + null,
4500 + React.createElement(
4501 + "span",
4502 + { className: "_1cid" },
4503 + "Destination"
4504 + )
4505 + );
4506 + }
4507 + });
4508 +
4509 + var FixedDataTableAbstractSortableHeader337 = React.createClass({
4510 + displayName: "FixedDataTableAbstractSortableHeader337",
4511 +
4512 + render: function () {
4513 + return React.createElement(
4514 + "div",
4515 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4516 + React.createElement(
4517 + "div",
4518 + { className: "_2eq6" },
4519 + null,
4520 + React.createElement(AdsPETableHeader336, null)
4521 + )
4522 + );
4523 + }
4524 + });
4525 +
4526 + var FixedDataTableSortableHeader338 = React.createClass({
4527 + displayName: "FixedDataTableSortableHeader338",
4528 +
4529 + render: function () {
4530 + return React.createElement(FixedDataTableAbstractSortableHeader337, null);
4531 + }
4532 + });
4533 +
4534 + var TransitionCell339 = React.createClass({
4535 + displayName: "TransitionCell339",
4536 +
4537 + render: function () {
4538 + return React.createElement(
4539 + "div",
4540 + { isHeaderCell: true, label: "Destination", width: 92, dataKey: "destination", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "destination", height: 25, style: { "height": 25, "width": 92 } },
4541 + React.createElement(
4542 + "div",
4543 + { className: "_4lgd _4h2w" },
4544 + React.createElement(
4545 + "div",
4546 + { className: "_4lge _4h2x" },
4547 + React.createElement(FixedDataTableSortableHeader338, null)
4548 + )
4549 + )
4550 + );
4551 + }
4552 + });
4553 +
4554 + var FixedDataTableCell340 = React.createClass({
4555 + displayName: "FixedDataTableCell340",
4556 +
4557 + render: function () {
4558 + return React.createElement(
4559 + "div",
4560 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 92, "left": 1920 } },
4561 + React.createElement(
4562 + "div",
4563 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4564 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4565 + ),
4566 + React.createElement(TransitionCell339, null)
4567 + );
4568 + }
4569 + });
4570 +
4571 + var AdsPETableHeader341 = React.createClass({
4572 + displayName: "AdsPETableHeader341",
4573 +
4574 + render: function () {
4575 + return React.createElement(
4576 + "div",
4577 + { className: "_1cig _25fg" },
4578 + null,
4579 + React.createElement(
4580 + "span",
4581 + { className: "_1cid" },
4582 + "Link"
4583 + )
4584 + );
4585 + }
4586 + });
4587 +
4588 + var FixedDataTableAbstractSortableHeader342 = React.createClass({
4589 + displayName: "FixedDataTableAbstractSortableHeader342",
4590 +
4591 + render: function () {
4592 + return React.createElement(
4593 + "div",
4594 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4595 + React.createElement(
4596 + "div",
4597 + { className: "_2eq6" },
4598 + null,
4599 + React.createElement(AdsPETableHeader341, null)
4600 + )
4601 + );
4602 + }
4603 + });
4604 +
4605 + var FixedDataTableSortableHeader343 = React.createClass({
4606 + displayName: "FixedDataTableSortableHeader343",
4607 +
4608 + render: function () {
4609 + return React.createElement(FixedDataTableAbstractSortableHeader342, null);
4610 + }
4611 + });
4612 +
4613 + var TransitionCell344 = React.createClass({
4614 + displayName: "TransitionCell344",
4615 +
4616 + render: function () {
4617 + return React.createElement(
4618 + "div",
4619 + { isHeaderCell: true, label: "Link", width: 70, dataKey: "ad.creative.link_url", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.creative.link_url", height: 25, style: { "height": 25, "width": 70 } },
4620 + React.createElement(
4621 + "div",
4622 + { className: "_4lgd _4h2w" },
4623 + React.createElement(
4624 + "div",
4625 + { className: "_4lge _4h2x" },
4626 + React.createElement(FixedDataTableSortableHeader343, null)
4627 + )
4628 + )
4629 + );
4630 + }
4631 + });
4632 +
4633 + var FixedDataTableCell345 = React.createClass({
4634 + displayName: "FixedDataTableCell345",
4635 +
4636 + render: function () {
4637 + return React.createElement(
4638 + "div",
4639 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 70, "left": 2012 } },
4640 + React.createElement(
4641 + "div",
4642 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4643 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4644 + ),
4645 + React.createElement(TransitionCell344, null)
4646 + );
4647 + }
4648 + });
4649 +
4650 + var AdsPETableHeader346 = React.createClass({
4651 + displayName: "AdsPETableHeader346",
4652 +
4653 + render: function () {
4654 + return React.createElement(
4655 + "div",
4656 + { className: "_1cig _25fg" },
4657 + null,
4658 + React.createElement(
4659 + "span",
4660 + { className: "_1cid" },
4661 + "Related Page"
4662 + )
4663 + );
4664 + }
4665 + });
4666 +
4667 + var FixedDataTableAbstractSortableHeader347 = React.createClass({
4668 + displayName: "FixedDataTableAbstractSortableHeader347",
4669 +
4670 + render: function () {
4671 + return React.createElement(
4672 + "div",
4673 + { onClick: function () {}, className: "_54_8 _4h2r _2wzx" },
4674 + React.createElement(
4675 + "div",
4676 + { className: "_2eq6" },
4677 + null,
4678 + React.createElement(AdsPETableHeader346, null)
4679 + )
4680 + );
4681 + }
4682 + });
4683 +
4684 + var FixedDataTableSortableHeader348 = React.createClass({
4685 + displayName: "FixedDataTableSortableHeader348",
4686 +
4687 + render: function () {
4688 + return React.createElement(FixedDataTableAbstractSortableHeader347, null);
4689 + }
4690 + });
4691 +
4692 + var TransitionCell349 = React.createClass({
4693 + displayName: "TransitionCell349",
4694 +
4695 + render: function () {
4696 + return React.createElement(
4697 + "div",
4698 + { isHeaderCell: true, label: "Related Page", width: 92, dataKey: "page", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "page", height: 25, style: { "height": 25, "width": 92 } },
4699 + React.createElement(
4700 + "div",
4701 + { className: "_4lgd _4h2w" },
4702 + React.createElement(
4703 + "div",
4704 + { className: "_4lge _4h2x" },
4705 + React.createElement(FixedDataTableSortableHeader348, null)
4706 + )
4707 + )
4708 + );
4709 + }
4710 + });
4711 +
4712 + var FixedDataTableCell350 = React.createClass({
4713 + displayName: "FixedDataTableCell350",
4714 +
4715 + render: function () {
4716 + return React.createElement(
4717 + "div",
4718 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 92, "left": 2082 } },
4719 + React.createElement(
4720 + "div",
4721 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4722 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4723 + ),
4724 + React.createElement(TransitionCell349, null)
4725 + );
4726 + }
4727 + });
4728 +
4729 + var AdsPETableHeader351 = React.createClass({
4730 + displayName: "AdsPETableHeader351",
4731 +
4732 + render: function () {
4733 + return React.createElement(
4734 + "div",
4735 + { className: "_1cig _25fg _4h2r" },
4736 + null,
4737 + React.createElement(
4738 + "span",
4739 + { className: "_1cid" },
4740 + "Preview Link"
4741 + )
4742 + );
4743 + }
4744 + });
4745 +
4746 + var TransitionCell352 = React.createClass({
4747 + displayName: "TransitionCell352",
4748 +
4749 + render: function () {
4750 + return React.createElement(
4751 + "div",
4752 + { isHeaderCell: true, label: "Preview Link", width: 100, dataKey: "ad.demolink_hash", className: "_4lgc _4h2u", columnData: {}, cellRenderer: function () {}, headerDataGetter: function () {}, columnKey: "ad.demolink_hash", height: 25, style: { "height": 25, "width": 100 } },
4753 + React.createElement(
4754 + "div",
4755 + { className: "_4lgd _4h2w" },
4756 + React.createElement(
4757 + "div",
4758 + { className: "_4lge _4h2x" },
4759 + React.createElement(AdsPETableHeader351, null)
4760 + )
4761 + )
4762 + );
4763 + }
4764 + });
4765 +
4766 + var FixedDataTableCell353 = React.createClass({
4767 + displayName: "FixedDataTableCell353",
4768 +
4769 + render: function () {
4770 + return React.createElement(
4771 + "div",
4772 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 100, "left": 2174 } },
4773 + React.createElement(
4774 + "div",
4775 + { className: "_4lg9", style: { "height": 25 }, onMouseDown: function () {} },
4776 + React.createElement("div", { className: "_4lga _4lgb", style: { "height": 25 } })
4777 + ),
4778 + React.createElement(TransitionCell352, null)
4779 + );
4780 + }
4781 + });
4782 +
4783 + var AdsPETableHeader354 = React.createClass({
4784 + displayName: "AdsPETableHeader354",
4785 +
4786 + render: function () {
4787 + return React.createElement("div", { className: "_1cig _25fg _4h2r" });
4788 + }
4789 + });
4790 +
4791 + var TransitionCell355 = React.createClass({
4792 + displayName: "TransitionCell355",
4793 +
4794 + render: function () {
4795 + return React.createElement(
4796 + "div",
4797 + { 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 } },
4798 + React.createElement(
4799 + "div",
4800 + { className: "_4lgd _4h2w" },
4801 + React.createElement(
4802 + "div",
4803 + { className: "_4lge _4h2x" },
4804 + React.createElement(AdsPETableHeader354, null)
4805 + )
4806 + )
4807 + );
4808 + }
4809 + });
4810 +
4811 + var FixedDataTableCell356 = React.createClass({
4812 + displayName: "FixedDataTableCell356",
4813 +
4814 + render: function () {
4815 + return React.createElement(
4816 + "div",
4817 + { className: "_4lg0 _4h2m", style: { "height": 25, "width": 25, "left": 2274 } },
4818 + undefined,
4819 + React.createElement(TransitionCell355, null)
4820 + );
4821 + }
4822 + });
4823 +
4824 + var FixedDataTableCellGroupImpl357 = React.createClass({
4825 + displayName: "FixedDataTableCellGroupImpl357",
4826 +
4827 + render: function () {
4828 + return React.createElement(
4829 + "div",
4830 + { className: "_3pzj", style: { "height": 25, "position": "absolute", "width": 2299, "zIndex": 0, "transform": "translate3d(0px,0px,0)", "backfaceVisibility": "hidden" } },
4831 + React.createElement(FixedDataTableCell244, { key: "cell_0" }),
4832 + React.createElement(FixedDataTableCell249, { key: "cell_1" }),
4833 + React.createElement(FixedDataTableCell254, { key: "cell_2" }),
4834 + React.createElement(FixedDataTableCell259, { key: "cell_3" }),
4835 + React.createElement(FixedDataTableCell262, { key: "cell_4" }),
4836 + React.createElement(FixedDataTableCell265, { key: "cell_5" }),
4837 + React.createElement(FixedDataTableCell270, { key: "cell_6" }),
4838 + React.createElement(FixedDataTableCell275, { key: "cell_7" }),
4839 + React.createElement(FixedDataTableCell280, { key: "cell_8" }),
4840 + React.createElement(FixedDataTableCell285, { key: "cell_9" }),
4841 + React.createElement(FixedDataTableCell290, { key: "cell_10" }),
4842 + React.createElement(FixedDataTableCell295, { key: "cell_11" }),
4843 + React.createElement(FixedDataTableCell300, { key: "cell_12" }),
4844 + React.createElement(FixedDataTableCell305, { key: "cell_13" }),
4845 + React.createElement(FixedDataTableCell310, { key: "cell_14" }),
4846 + React.createElement(FixedDataTableCell315, { key: "cell_15" }),
4847 + React.createElement(FixedDataTableCell320, { key: "cell_16" }),
4848 + React.createElement(FixedDataTableCell325, { key: "cell_17" }),
4849 + React.createElement(FixedDataTableCell330, { key: "cell_18" }),
4850 + React.createElement(FixedDataTableCell335, { key: "cell_19" }),
4851 + React.createElement(FixedDataTableCell340, { key: "cell_20" }),
4852 + React.createElement(FixedDataTableCell345, { key: "cell_21" }),
4853 + React.createElement(FixedDataTableCell350, { key: "cell_22" }),
4854 + React.createElement(FixedDataTableCell353, { key: "cell_23" }),
4855 + React.createElement(FixedDataTableCell356, { key: "cell_24" })
4856 + );
4857 + }
4858 + });
4859 +
4860 + var FixedDataTableCellGroup358 = React.createClass({
4861 + displayName: "FixedDataTableCellGroup358",
4862 +
4863 + render: function () {
4864 + return React.createElement(
4865 + "div",
4866 + { style: { "height": 25, "left": 521 }, className: "_3pzk" },
4867 + React.createElement(FixedDataTableCellGroupImpl357, null)
4868 + );
4869 + }
4870 + });
4871 +
4872 + var FixedDataTableRowImpl359 = React.createClass({
4873 + displayName: "FixedDataTableRowImpl359",
4874 +
4875 + render: function () {
4876 + return React.createElement(
4877 + "div",
4878 + { className: "_1gd4 _4li _3h1a _1mib", onClick: null, onDoubleClick: null, onMouseDown: null, onMouseEnter: null, onMouseLeave: null, style: { "width": 1083, "height": 25 } },
4879 + React.createElement(
4880 + "div",
4881 + { className: "_1gd5" },
4882 + React.createElement(FixedDataTableCellGroup239, { key: "fixed_cells" }),
4883 + React.createElement(FixedDataTableCellGroup358, { key: "scrollable_cells" }),
4884 + React.createElement("div", { className: "_1gd6 _1gd8", style: { "left": 521, "height": 25 } })
4885 + )
4886 + );
4887 + }
4888 + });
4889 +
4890 + var FixedDataTableRow360 = React.createClass({
4891 + displayName: "FixedDataTableRow360",
4892 +
4893 + render: function () {
4894 + return React.createElement(
4895 + "div",
4896 + { style: { "width": 1083, "height": 25, "zIndex": 1, "transform": "translate3d(0px,40px,0)", "backfaceVisibility": "hidden" }, className: "_1gda" },
4897 + React.createElement(FixedDataTableRowImpl359, null)
4898 + );
4899 + }
4900 + });
4901 +
4902 + var AbstractCheckboxInput361 = React.createClass({
4903 + displayName: "AbstractCheckboxInput361",
4904 +
4905 + render: function () {
4906 + return React.createElement(
4907 + "label",
4908 + { className: "_5hhv _55sg _kv1" },
4909 + React.createElement("input", { className: null, disabled: false, inline: true, checked: true, value: undefined, onChange: function () {}, type: "checkbox" }),
4910 + React.createElement("span", { "data-hover": null, "aria-label": undefined })
4911 + );
4912 + }
4913 + });
4914 +
4915 + var XUICheckboxInput362 = React.createClass({
4916 + displayName: "XUICheckboxInput362",
4917 +
4918 + render: function () {
4919 + return React.createElement(AbstractCheckboxInput361, null);
4920 + }
4921 + });
4922 +
4923 + var TransitionCell363 = React.createClass({
4924 + displayName: "TransitionCell363",
4925 +
4926 + render: function () {
4927 + return React.createElement(
4928 + "div",
4929 + { dataKey: "common.id", className: "_4lgc _4h2u", rowGetter: function () {}, width: 42, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "common.id", height: 32, rowIndex: 0, style: { "height": 32, "width": 42 } },
4930 + React.createElement(
4931 + "div",
4932 + { className: "_4lgd _4h2w" },
4933 + React.createElement(
4934 + "div",
4935 + { className: "_4lge _4h2x" },
4936 + React.createElement(
4937 + "span",
4938 + { className: "_5hhu _4h2r", onMouseDown: function () {} },
4939 + React.createElement(XUICheckboxInput362, null)
4940 + )
4941 + )
4942 + )
4943 + );
4944 + }
4945 + });
4946 +
4947 + var FixedDataTableCell364 = React.createClass({
4948 + displayName: "FixedDataTableCell364",
4949 +
4950 + render: function () {
4951 + return React.createElement(
4952 + "div",
4953 + { className: "_4lg0 _4lg6 _4h2m", style: { "height": 32, "width": 42, "left": 0 } },
4954 + undefined,
4955 + React.createElement(TransitionCell363, null)
4956 + );
4957 + }
4958 + });
4959 +
4960 + var AdsEditableTextCellDisplay365 = React.createClass({
4961 + displayName: "AdsEditableTextCellDisplay365",
4962 +
4963 + render: function () {
4964 + return React.createElement(
4965 + "div",
4966 + { className: "_vew", onDoubleClick: function () {}, onMouseEnter: function () {}, onMouseLeave: function () {} },
4967 + React.createElement(
4968 + "div",
4969 + { className: "_vex _5w6k" },
4970 + React.createElement(
4971 + "div",
4972 + { className: "_vey" },
4973 + "Test Ad"
4974 + ),
4975 + React.createElement("div", { className: "_5w6_" })
4976 + )
4977 + );
4978 + }
4979 + });
4980 +
4981 + var AdsEditableCell366 = React.createClass({
4982 + displayName: "AdsEditableCell366",
4983 +
4984 + render: function () {
4985 + return React.createElement(
4986 + "div",
4987 + { className: "_2d6h _2-ev _4h2r _5abb" },
4988 + React.createElement(AdsEditableTextCellDisplay365, null)
4989 + );
4990 + }
4991 + });
4992 +
4993 + var TransitionCell367 = React.createClass({
4994 + displayName: "TransitionCell367",
4995 +
4996 + render: function () {
4997 + return React.createElement(
4998 + "div",
4999 + { dataKey: "ad.name", className: "_4lgc _4h2u", rowGetter: function () {}, width: 200, columnData: {}, cellDataGetter: function () {}, cellRenderer: function () {}, columnKey: "ad.name", height: 32, rowIndex: 0, style: { "height": 32, "width": 200 } },

This file is too large to show in full.

scripts/bench/bench-pe.js new
+6681
@@ -0,0 +1,6681 @@
1 +(function() {
2 +
3 +var Link0 = React.createClass({
4 + render: function() {
5 + return <a href={"/"} className={"_5ljn"} rel={undefined} onClick={function() {}}></a>;
6 + },
7 +});
8 +
9 +var ReactImage1 = React.createClass({
10 + render: function() {
11 + return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
12 + },
13 +});
14 +
15 +var Link2 = React.createClass({
16 + render: function() {
17 + return (
18 + <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_387r _55pi _2agf _387r _55pi _4jy0 _4jy3 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} onToggle={function() {}} size={"medium"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
19 + {null}
20 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
21 + {null}
22 + {"Dick Madanson (10149999073643408)"}
23 + </span>
24 + <ReactImage1 />
25 + </a>
26 + );
27 + },
28 +});
29 +
30 +var AbstractButton3 = React.createClass({
31 + render: function() {
32 + return <Link2 />;
33 + },
34 +});
35 +
36 +var XUIButton4 = React.createClass({
37 + render: function() {
38 + return <AbstractButton3 />;
39 + },
40 +});
41 +
42 +var AbstractPopoverButton5 = React.createClass({
43 + render: function() {
44 + return <XUIButton4 />;
45 + },
46 +});
47 +
48 +var ReactXUIPopoverButton6 = React.createClass({
49 + render: function() {
50 + return <AbstractPopoverButton5 />;
51 + },
52 +});
53 +
54 +var AdsPEAccountSelector7 = React.createClass({
55 + render: function() {
56 + return <ReactXUIPopoverButton6 ref={"button"} />;
57 + },
58 +});
59 +
60 +var AdsPEAccountSelectorContainer8 = React.createClass({
61 + render: function() {
62 + return <AdsPEAccountSelector7 />;
63 + },
64 +});
65 +
66 +var AbstractButton9 = React.createClass({
67 + render: function() {
68 + return (
69 + <button id={"downloadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
70 + {undefined}
71 + {"Download to Power Editor"}
72 + {undefined}
73 + </button>
74 + );
75 + },
76 +});
77 +
78 +var XUIButton10 = React.createClass({
79 + render: function() {
80 + return <AbstractButton9 />;
81 + },
82 +});
83 +
84 +var DownloadUploadTimestamp11 = React.createClass({
85 + render: function() {
86 + return (
87 + <div>
88 + {"Last downloaded"}
89 + {" "}
90 + <abbr className={"livetimestamp"} data-utime={1446062352} data-shorten={false}>{"a few seconds ago"}</abbr>
91 + </div>
92 + );
93 + },
94 +});
95 +
96 +var ReactImage12 = React.createClass({
97 + render: function() {
98 + return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_dbc06a"} src={null}></i>;
99 + },
100 +});
101 +
102 +var AbstractButton13 = React.createClass({
103 + render: function() {
104 + return (
105 + <button id={"uploadButton"} className={"_5lk0 _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} label={null} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
106 + <ReactImage12 />
107 + {"Upload Changes"}
108 + {undefined}
109 + </button>
110 + );
111 + },
112 +});
113 +
114 +var XUIButton14 = React.createClass({
115 + render: function() {
116 + return <AbstractButton13 />;
117 + },
118 +});
119 +
120 +var DownloadUploadTimestamp15 = React.createClass({
121 + render: function() {
122 + return <div></div>;
123 + },
124 +});
125 +
126 +var AbstractButton16 = React.createClass({
127 + render: function() {
128 + return (
129 + <button className={"_5ljz _4jy0 _4jy3 _517h _51sy _42ft"} label={null} onClick={function() {}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
130 + {undefined}
131 + {"Help"}
132 + {undefined}
133 + </button>
134 + );
135 + },
136 +});
137 +
138 +var XUIButton17 = React.createClass({
139 + render: function() {
140 + return <AbstractButton16 />;
141 + },
142 +});
143 +
144 +var ReactImage18 = React.createClass({
145 + render: function() {
146 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;
147 + },
148 +});
149 +
150 +var AbstractButton19 = React.createClass({
151 + render: function() {
152 + return (
153 + <button className={"_5ljw _p _4jy0 _4jy3 _517h _51sy _42ft"} image={{}} use={"default"} size={"medium"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
154 + <ReactImage18 />
155 + {undefined}
156 + {undefined}
157 + </button>
158 + );
159 + },
160 +});
161 +
162 +var XUIButton20 = React.createClass({
163 + render: function() {
164 + return <AbstractButton19 />;
165 + },
166 +});
167 +
168 +var InlineBlock21 = React.createClass({
169 + render: function() {
170 + return (
171 + <div className={"_5ljz uiPopover _6a _6b"} alignh={"right"} menu={{}} alignv={"middle"} disabled={null} fullWidth={false}>
172 + <XUIButton20 key={"/.0"} />
173 + </div>
174 + );
175 + },
176 +});
177 +
178 +var ReactPopoverMenu22 = React.createClass({
179 + render: function() {
180 + return <InlineBlock21 ref={"root"} />;
181 + },
182 +});
183 +
184 +var XUIButtonGroup23 = React.createClass({
185 + render: function() {
186 + return (
187 + <div className={"_13xj _51xa"} id={"helpButton"}>
188 + <XUIButton17 />
189 + <ReactPopoverMenu22 />
190 + </div>
191 + );
192 + },
193 +});
194 +
195 +var AdsPEResetDialog24 = React.createClass({
196 + render: function() {
197 + return <span></span>;
198 + },
199 +});
200 +
201 +var AdsPETopNav25 = React.createClass({
202 + render: function() {
203 + return (
204 + <div className={"_5ljl"} id={"ads_pe_top_nav"}>
205 + <div ref={"logo"} className={"_5ljm"}>
206 + <Link0 />
207 + <div className={"_5rne"}>
208 + <span className={"_5ljs"} data-testid={"PETopNavLogoText"}>{"Power Editor"}</span>
209 + </div>
210 + <span className={"_5ljt _5lju"}>{"Dick Madanson"}</span>
211 + </div>
212 + <div ref={"leftButtonGroup"} className={"_5ljy"}>
213 + <div ref={"accountDropdown"} className={"_5ljz _5mun"}>
214 + <AdsPEAccountSelectorContainer8 />
215 + <div className={"_5lj- _5lju"}>{"Account 10149999073643408"}</div>
216 + </div>
217 + <div className={"_5ljz"}>
218 + <div className={"_5lj_"}>
219 + <XUIButton10 />
220 + </div>
221 + <div className={"_5lj- _5lju"}>
222 + <DownloadUploadTimestamp11 />
223 + </div>
224 + </div>
225 + <div className={"_5ljz"}>
226 + <div className={"_5lj_"}>
227 + <XUIButton14 />
228 + </div>
229 + <div className={"_5lj- _5lju"}>
230 + <DownloadUploadTimestamp15 />
231 + </div>
232 + </div>
233 + </div>
234 + <div ref={"rightButtonGroup"} className={"_5lk3"}>
235 + <XUIButtonGroup23 />
236 + </div>
237 + <AdsPEResetDialog24 />
238 + </div>
239 + );
240 + },
241 +});
242 +
243 +var FluxContainer_ja_26 = React.createClass({
244 + render: function() {
245 + return <AdsPETopNav25 />;
246 + },
247 +});
248 +
249 +var _wrapper27 = React.createClass({
250 + render: function() {
251 + return (
252 + <li selected={true} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _5vwy _45hc _1hqh"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
253 + <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={0} className={""} aria-selected={true} onKeyDown={function() {}}>
254 + <div className={"_4jq5"}>{"Manage Ads"}</div>
255 + <span className={"_13xf"}></span>
256 + </a>
257 + </li>
258 + );
259 + },
260 +});
261 +
262 +var TabBarItem28 = React.createClass({
263 + render: function() {
264 + return <_wrapper27 />;
265 + },
266 +});
267 +
268 +var XUIPageNavigationItem29 = React.createClass({
269 + render: function() {
270 + return <TabBarItem28 />;
271 + },
272 +});
273 +
274 +var TabBarItemWrapper30 = React.createClass({
275 + render: function() {
276 + return <XUIPageNavigationItem29 key={"MANAGE_ADS"} />;
277 + },
278 +});
279 +
280 +var _wrapper31 = React.createClass({
281 + render: function() {
282 + return (
283 + <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
284 + <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
285 + <div className={"_4jq5"}>{"Audiences"}</div>
286 + <span className={"_13xf"}></span>
287 + </a>
288 + </li>
289 + );
290 + },
291 +});
292 +
293 +var TabBarItem32 = React.createClass({
294 + render: function() {
295 + return <_wrapper31 />;
296 + },
297 +});
298 +
299 +var XUIPageNavigationItem33 = React.createClass({
300 + render: function() {
301 + return <TabBarItem32 />;
302 + },
303 +});
304 +
305 +var TabBarItemWrapper34 = React.createClass({
306 + render: function() {
307 + return <XUIPageNavigationItem33 key={"AUDIENCES"} />;
308 + },
309 +});
310 +
311 +var _wrapper35 = React.createClass({
312 + render: function() {
313 + return (
314 + <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
315 + <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
316 + <div className={"_4jq5"}>{"Image Library"}</div>
317 + <span className={"_13xf"}></span>
318 + </a>
319 + </li>
320 + );
321 + },
322 +});
323 +
324 +var TabBarItem36 = React.createClass({
325 + render: function() {
326 + return <_wrapper35 />;
327 + },
328 +});
329 +
330 +var XUIPageNavigationItem37 = React.createClass({
331 + render: function() {
332 + return <TabBarItem36 />;
333 + },
334 +});
335 +
336 +var TabBarItemWrapper38 = React.createClass({
337 + render: function() {
338 + return <XUIPageNavigationItem37 key={"IMAGES"} />;
339 + },
340 +});
341 +
342 +var _wrapper39 = React.createClass({
343 + render: function() {
344 + return (
345 + <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
346 + <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
347 + <div className={"_4jq5"}>
348 + {"Reporting"}
349 + {null}
350 + </div>
351 + <span className={"_13xf"}></span>
352 + </a>
353 + </li>
354 + );
355 + },
356 +});
357 +
358 +var TabBarItem40 = React.createClass({
359 + render: function() {
360 + return <_wrapper39 />;
361 + },
362 +});
363 +
364 +var XUIPageNavigationItem41 = React.createClass({
365 + render: function() {
366 + return <TabBarItem40 />;
367 + },
368 +});
369 +
370 +var TabBarItemWrapper42 = React.createClass({
371 + render: function() {
372 + return <XUIPageNavigationItem41 key={"REPORTING"} />;
373 + },
374 +});
375 +
376 +var _wrapper43 = React.createClass({
377 + render: function() {
378 + return (
379 + <li selected={false} focused={false} tabIndex={null} hideFocusRing={true} onClick={function() {}} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} className={"_5vwz _45hc"} wrapper={function() {}} shouldWrapTab={true} mockSpacebarClick={true} role={"presentation"}>
380 + <a ref={"tab"} ajaxify={undefined} href={"#"} role={"tab"} rel={undefined} target={undefined} tabIndex={-1} className={""} aria-selected={false} onKeyDown={function() {}}>
381 + <div className={"_4jq5"}>{"Page Posts"}</div>
382 + <span className={"_13xf"}></span>
383 + </a>
384 + </li>
385 + );
386 + },
387 +});
388 +
389 +var TabBarItem44 = React.createClass({
390 + render: function() {
391 + return <_wrapper43 />;
392 + },
393 +});
394 +
395 +var XUIPageNavigationItem45 = React.createClass({
396 + render: function() {
397 + return <TabBarItem44 />;
398 + },
399 +});
400 +
401 +var TabBarItemWrapper46 = React.createClass({
402 + render: function() {
403 + return <XUIPageNavigationItem45 key={"PAGES"} />;
404 + },
405 +});
406 +
407 +var TabBarItem47 = React.createClass({
408 + render: function() {
409 + return (
410 + <a ref={"tab"} menuClassName={undefined} selected={false} focused={false} hideFocusRing={true} onMouseDown={function() {}} onFocus={function() {}} onBlur={function() {}} label={"Tools"} tabComponent={function() {}} shouldWrapTab={false} className={"_45hd _45hc _p _45hc"} tabIndex={-1} mockSpacebarClick={false} wrapper={function() {}} href={"#"} role={"tab"} aria-selected={false}>
411 + <span className={"_1b0"}>
412 + {"Tools"}
413 + <span className={"accessible_elem"}>{"additional tabs menu"}</span>
414 + </span>
415 + </a>
416 + );
417 + },
418 +});
419 +
420 +var InlineBlock48 = React.createClass({
421 + render: function() {
422 + return (
423 + <div menu={{}} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
424 + <TabBarItem47 key={"/.0"} />
425 + </div>
426 + );
427 + },
428 +});
429 +
430 +var ReactPopoverMenu49 = React.createClass({
431 + render: function() {
432 + return <InlineBlock48 ref={"root"} />;
433 + },
434 +});
435 +
436 +var TabBarDropdownItem50 = React.createClass({
437 + render: function() {
438 + return (
439 + <li className={" _45hd"} role={"tab"}>
440 + <ReactPopoverMenu49 />
441 + </li>
442 + );
443 + },
444 +});
445 +
446 +var TabBar51 = React.createClass({
447 + render: function() {
448 + return (
449 + <ul onTabClick={function() {}} activeTabKey={"MANAGE_ADS"} onWidthCalculated={function() {}} width={null} maxTabsVisible={5} moreLabel={"Tools"} alwaysShowActive={true} dropdownTabComponent={function() {}} shouldCalculateVisibleTabs={true} className={"_43o4"} role={"tablist"} onKeyDown={function() {}} onKeyUp={function() {}}>
450 + <TabBarItemWrapper30 key={"MANAGE_ADS"} />
451 + <TabBarItemWrapper34 key={"AUDIENCES"} />
452 + <TabBarItemWrapper38 key={"IMAGES"} />
453 + <TabBarItemWrapper42 key={"REPORTING"} />
454 + <TabBarItemWrapper46 key={"PAGES"} />
455 + <TabBarDropdownItem50 key={"_dropdown"} ref={"more"} />
456 + </ul>
457 + );
458 + },
459 +});
460 +
461 +var XUIPageNavigationGroup52 = React.createClass({
462 + render: function() {
463 + return <TabBar51 ref={"bar"} />;
464 + },
465 +});
466 +
467 +var LeftRight53 = React.createClass({
468 + render: function() {
469 + return (
470 + <div className={"_5vx7 clearfix"}>
471 + <div key={"left"} className={"_ohe lfloat"}>
472 + <XUIPageNavigationGroup52 key={"0"} ref={"left"} />
473 + </div>
474 + {null}
475 + </div>
476 + );
477 + },
478 +});
479 +
480 +var XUIPageNavigation54 = React.createClass({
481 + render: function() {
482 + return (
483 + <div className={"_5vx2 _5vx4 _5vx6 _5kkt"}>
484 + <LeftRight53 />
485 + </div>
486 + );
487 + },
488 +});
489 +
490 +var AdsPENavigationBar55 = React.createClass({
491 + render: function() {
492 + return (
493 + <div className={"_5_a"} id={"ads_pe_navigation_bar"}>
494 + <XUIPageNavigation54 />
495 + </div>
496 + );
497 + },
498 +});
499 +
500 +var FluxContainer_w_56 = React.createClass({
501 + render: function() {
502 + return <AdsPENavigationBar55 />;
503 + },
504 +});
505 +
506 +var ReactImage57 = React.createClass({
507 + render: function() {
508 + return (
509 + <i alt={"Warning"} className={"_585p img sp_R48dKBxiJkP sx_aed870"} src={null}>
510 + <u>{"Warning"}</u>
511 + </i>
512 + );
513 + },
514 +});
515 +
516 +var Link58 = React.createClass({
517 + render: function() {
518 + return (
519 + <a className={"_585q _50zy _50-0 _50z- _5upp _42ft"} href={"#"} onClick={function() {}} size={"medium"} shade={"dark"} type={null} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined} disabled={null} rel={undefined}>
520 + {undefined}
521 + {"Remove"}
522 + {undefined}
523 + </a>
524 + );
525 + },
526 +});
527 +
528 +var AbstractButton59 = React.createClass({
529 + render: function() {
530 + return <Link58 />;
531 + },
532 +});
533 +
534 +var XUIAbstractGlyphButton60 = React.createClass({
535 + render: function() {
536 + return <AbstractButton59 />;
537 + },
538 +});
539 +
540 +var XUICloseButton61 = React.createClass({
541 + render: function() {
542 + return <XUIAbstractGlyphButton60 />;
543 + },
544 +});
545 +
546 +var XUIText62 = React.createClass({
547 + render: function() {
548 + return <span weight={"bold"} size={"inherit"} display={"inline"} className={" _50f7"}>{"Ads Manager"}</span>;
549 + },
550 +});
551 +
552 +var Link63 = React.createClass({
553 + render: function() {
554 + return (
555 + <a href={"/ads/manage/billing.php?act=10149999073643408"} target={"_blank"} rel={undefined} onClick={function() {}}>
556 + <XUIText62 />
557 + </a>
558 + );
559 + },
560 +});
561 +
562 +var XUINotice64 = React.createClass({
563 + render: function() {
564 + return (
565 + <div size={"medium"} className={"_585n _585o _2wdd"}>
566 + <ReactImage57 />
567 + <XUICloseButton61 />
568 + <div className={"_585r _2i-a _50f4"}>
569 + {"Please go to "}
570 + <Link63 />
571 + {" to set up a payment method for this ad account."}
572 + </div>
573 + </div>
574 + );
575 + },
576 +});
577 +
578 +var ReactCSSTransitionGroupChild65 = React.createClass({
579 + render: function() {
580 + return <XUINotice64 />;
581 + },
582 +});
583 +
584 +var ReactTransitionGroup66 = React.createClass({
585 + render: function() {
586 + return (
587 + <span transitionEnterTimeout={500} transitionLeaveTimeout={500} transitionName={{}} transitionAppear={false} transitionEnter={true} transitionLeave={true} childFactory={function() {}} component={"span"}>
588 + <ReactCSSTransitionGroupChild65 key={".0"} ref={".0"} />
589 + </span>
590 + );
591 + },
592 +});
593 +
594 +var ReactCSSTransitionGroup67 = React.createClass({
595 + render: function() {
596 + return <ReactTransitionGroup66 />;
597 + },
598 +});
599 +
600 +var AdsPETopError68 = React.createClass({
601 + render: function() {
602 + return (
603 + <div className={"_2wdc"}>
604 + <ReactCSSTransitionGroup67 />
605 + </div>
606 + );
607 + },
608 +});
609 +
610 +var FluxContainer_r_69 = React.createClass({
611 + render: function() {
612 + return <AdsPETopError68 />;
613 + },
614 +});
615 +
616 +var ReactImage70 = React.createClass({
617 + render: function() {
618 + return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_bae57d"} src={null}></i>;
619 + },
620 +});
621 +
622 +var ReactImage71 = React.createClass({
623 + render: function() {
624 + return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
625 + },
626 +});
627 +
628 +var Link72 = React.createClass({
629 + render: function() {
630 + return (
631 + <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
632 + {null}
633 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
634 + <ReactImage70 />
635 + {"Search"}
636 + </span>
637 + <ReactImage71 />
638 + </a>
639 + );
640 + },
641 +});
642 +
643 +var AbstractButton73 = React.createClass({
644 + render: function() {
645 + return <Link72 />;
646 + },
647 +});
648 +
649 +var XUIButton74 = React.createClass({
650 + render: function() {
651 + return <AbstractButton73 />;
652 + },
653 +});
654 +
655 +var AbstractPopoverButton75 = React.createClass({
656 + render: function() {
657 + return <XUIButton74 />;
658 + },
659 +});
660 +
661 +var ReactXUIPopoverButton76 = React.createClass({
662 + render: function() {
663 + return <AbstractPopoverButton75 />;
664 + },
665 +});
666 +
667 +var ReactImage77 = React.createClass({
668 + render: function() {
669 + return <i className={"_3-8_ img sp_UuU9HmrQ397 sx_81d5f0"} src={null}></i>;
670 + },
671 +});
672 +
673 +var ReactImage78 = React.createClass({
674 + render: function() {
675 + return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_7e56e9"} src={null}></i>;
676 + },
677 +});
678 +
679 +var Link79 = React.createClass({
680 + render: function() {
681 + return (
682 + <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={" _5bbf _55pi _2agf _5bbf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} haschevron={true} onClick={function() {}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} disabled={null} rel={undefined}>
683 + {null}
684 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
685 + <ReactImage77 />
686 + {"Filters"}
687 + </span>
688 + <ReactImage78 />
689 + </a>
690 + );
691 + },
692 +});
693 +
694 +var AbstractButton80 = React.createClass({
695 + render: function() {
696 + return <Link79 />;
697 + },
698 +});
699 +
700 +var XUIButton81 = React.createClass({
701 + render: function() {
702 + return <AbstractButton80 />;
703 + },
704 +});
705 +
706 +var AbstractPopoverButton82 = React.createClass({
707 + render: function() {
708 + return <XUIButton81 />;
709 + },
710 +});
711 +
712 +var ReactXUIPopoverButton83 = React.createClass({
713 + render: function() {
714 + return <AbstractPopoverButton82 />;
715 + },
716 +});
717 +
718 +var AdsPEFiltersPopover84 = React.createClass({
719 + render: function() {
720 + return (
721 + <span className={"_5b-l _5bbe"}>
722 + <ReactXUIPopoverButton76 ref={"searchButton"} />
723 + <ReactXUIPopoverButton83 ref={"filterButton"} />
724 + </span>
725 + );
726 + },
727 +});
728 +
729 +var ReactImage85 = React.createClass({
730 + render: function() {
731 + return <i className={"_3yz6 _5whs img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;
732 + },
733 +});
734 +
735 +var AbstractButton86 = React.createClass({
736 + render: function() {
737 + return (
738 + <button className={"_3yz9 _1t-2 _50z_ _50zy _50zz _50z- _5upp _42ft"} size={"small"} onClick={function() {}} shade={"dark"} type={"button"} label={null} title={"Remove"} aria-label={undefined} data-hover={undefined} data-tooltip-alignh={undefined}>
739 + {undefined}
740 + {"Remove"}
741 + {undefined}
742 + </button>
743 + );
744 + },
745 +});
746 +
747 +var XUIAbstractGlyphButton87 = React.createClass({
748 + render: function() {
749 + return <AbstractButton86 />;
750 + },
751 +});
752 +
753 +var XUICloseButton88 = React.createClass({
754 + render: function() {
755 + return <XUIAbstractGlyphButton87 />;
756 + },
757 +});
758 +
759 +var ReactImage89 = React.createClass({
760 + render: function() {
761 + return <i className={"_5b5p _4gem img sp_UuU9HmrQ397 sx_5fe5c2"} src={null}></i>;
762 + },
763 +});
764 +
765 +var ReactImage90 = React.createClass({
766 + render: function() {
767 + return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;
768 + },
769 +});
770 +
771 +var AdsPopoverLink91 = React.createClass({
772 + render: function() {
773 + return (
774 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>
775 + <span className={"_3o_j"}></span>
776 + <ReactImage90 />
777 + </span>
778 + );
779 + },
780 +});
781 +
782 +var AdsHelpLink92 = React.createClass({
783 + render: function() {
784 + return <AdsPopoverLink91 />;
785 + },
786 +});
787 +
788 +var AbstractButton93 = React.createClass({
789 + render: function() {
790 + return (
791 + <button className={"_5b5u _5b5v _4jy0 _4jy3 _517h _51sy _42ft"} label={null} use={"default"} onClick={function() {}} size={"medium"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
792 + {undefined}
793 + {"Apply"}
794 + {undefined}
795 + </button>
796 + );
797 + },
798 +});
799 +
800 +var XUIButton94 = React.createClass({
801 + render: function() {
802 + return <AbstractButton93 />;
803 + },
804 +});
805 +
806 +var BUIFilterTokenInput95 = React.createClass({
807 + render: function() {
808 + return (
809 + <div className={"_5b5o _3yz3 _4cld"}>
810 + <div className={"_5b5t _2d2k"}>
811 + <ReactImage89 />
812 + <div className={"_5b5r"}>
813 + {"Ads: (1)"}
814 + <AdsHelpLink92 />
815 + </div>
816 + </div>
817 + <XUIButton94 />
818 + </div>
819 + );
820 + },
821 +});
822 +
823 +var BUIFilterToken96 = React.createClass({
824 + render: function() {
825 + return (
826 + <div className={"_3yz1 _3yz2 _3dad"}>
827 + <div ref={"filterToken"} className={"_3yz4"} aria-hidden={false}>
828 + <div onClick={function() {}} className={"_3yz5"}>
829 + <ReactImage85 />
830 + <div className={"_3yz7"}>{"Ads:"}</div>
831 + <div className={"ellipsis _3yz8"} data-hover={"tooltip"} data-tooltip-display={"overflow"}>{"(1)"}</div>
832 + </div>
833 + <XUICloseButton88 />
834 + </div>
835 + <BUIFilterTokenInput95 ref={"filterTokenInput"} />
836 + </div>
837 + );
838 + },
839 +});
840 +
841 +var ReactImage97 = React.createClass({
842 + render: function() {
843 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_158e8d"}></i>;
844 + },
845 +});
846 +
847 +var AbstractButton98 = React.createClass({
848 + render: function() {
849 + return (
850 + <button className={"_1wdf _4jy0 _517i _517h _51sy _42ft"} size={"small"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
851 + <ReactImage97 />
852 + {undefined}
853 + {undefined}
854 + </button>
855 + );
856 + },
857 +});
858 +
859 +var XUIButton99 = React.createClass({
860 + render: function() {
861 + return <AbstractButton98 />;
862 + },
863 +});
864 +
865 +var BUIFilterTokenCreateButton100 = React.createClass({
866 + render: function() {
867 + return (
868 + <div className={"_1tc"}>
869 + <XUIButton99 />
870 + </div>
871 + );
872 + },
873 +});
874 +
875 +var BUIFilterTokenizer101 = React.createClass({
876 + render: function() {
877 + return (
878 + <div className={"_5b-m _3o1v clearfix"}>
879 + {undefined}
880 + {[]}
881 + <BUIFilterToken96 key={"token0"} />
882 + <BUIFilterTokenCreateButton100 />
883 + {null}
884 + <div className={"_49u3"}></div>
885 + </div>
886 + );
887 + },
888 +});
889 +
890 +var AdsPEAmbientNUXMegaphone102 = React.createClass({
891 + render: function() {
892 + return <span ref={"mainChild"}></span>;
893 + },
894 +});
895 +
896 +var AdsPEFilters103 = React.createClass({
897 + render: function() {
898 + return (
899 + <div className={"_4rw_"}>
900 + <AdsPEFiltersPopover84 />
901 + {null}
902 + <BUIFilterTokenizer101 />
903 + {""}
904 + <AdsPEAmbientNUXMegaphone102 />
905 + </div>
906 + );
907 + },
908 +});
909 +
910 +var AdsPEFilterContainer104 = React.createClass({
911 + render: function() {
912 + return <AdsPEFilters103 />;
913 + },
914 +});
915 +
916 +var AdsPECampaignTimeLimitNotice105 = React.createClass({
917 + render: function() {
918 + return <div></div>;
919 + },
920 +});
921 +
922 +var AdsPECampaignTimeLimitNoticeContainer106 = React.createClass({
923 + render: function() {
924 + return <AdsPECampaignTimeLimitNotice105 />;
925 + },
926 +});
927 +
928 +var AdsPETablePager107 = React.createClass({
929 + render: function() {
930 + return null;
931 + },
932 +});
933 +
934 +var AdsPEAdgroupTablePagerContainer108 = React.createClass({
935 + render: function() {
936 + return <AdsPETablePager107 />;
937 + },
938 +});
939 +
940 +var AdsPETablePagerContainer109 = React.createClass({
941 + render: function() {
942 + return <AdsPEAdgroupTablePagerContainer108 />;
943 + },
944 +});
945 +
946 +var ReactImage110 = React.createClass({
947 + render: function() {
948 + return <i alt={""} className={"_3-99 img sp_UuU9HmrQ397 sx_132804"} src={null}></i>;
949 + },
950 +});
951 +
952 +var Link111 = React.createClass({
953 + render: function() {
954 + return (
955 + <a style={{"maxWidth":"200px"}} image={null} label={null} imageRight={{}} className={"_55pi _2agf _55pi _4jy0 _4jy4 _517h _51sy _42ft"} href={"#"} disabled={null} maxwidth={undefined} size={"large"} suppressed={false} chevron={{}} use={"default"} borderShade={"light"} onClick={function() {}} rel={undefined}>
956 + {null}
957 + <span className={"_55pe"} style={{"maxWidth":"186px"}}>
958 + {null}
959 + {"Lifetime"}
960 + </span>
961 + <ReactImage110 />
962 + </a>
963 + );
964 + },
965 +});
966 +
967 +var AbstractButton112 = React.createClass({
968 + render: function() {
969 + return <Link111 />;
970 + },
971 +});
972 +
973 +var XUIButton113 = React.createClass({
974 + render: function() {
975 + return <AbstractButton112 />;
976 + },
977 +});
978 +
979 +var AbstractPopoverButton114 = React.createClass({
980 + render: function() {
981 + return <XUIButton113 />;
982 + },
983 +});
984 +
985 +var ReactXUIPopoverButton115 = React.createClass({
986 + render: function() {
987 + return <AbstractPopoverButton114 />;
988 + },
989 +});
990 +
991 +var XUISingleSelectorButton116 = React.createClass({
992 + render: function() {
993 + return <ReactXUIPopoverButton115 />;
994 + },
995 +});
996 +
997 +var InlineBlock117 = React.createClass({
998 + render: function() {
999 + return (
1000 + <div className={"_3c5o _3c5p _6a _6b"} defaultValue={"LIFETIME"} size={"large"} onChange={function() {}} disabled={false} alignv={"middle"} fullWidth={false}>
1001 + <input type={"hidden"} autoComplete={"off"} name={undefined} value={"LIFETIME"}></input>
1002 + <XUISingleSelectorButton116 ref={"button"} />
1003 + </div>
1004 + );
1005 + },
1006 +});
1007 +
1008 +var XUISingleSelector118 = React.createClass({
1009 + render: function() {
1010 + return <InlineBlock117 />;
1011 + },
1012 +});
1013 +
1014 +var ReactImage119 = React.createClass({
1015 + render: function() {
1016 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_6c732d"}></i>;
1017 + },
1018 +});
1019 +
1020 +var AbstractButton120 = React.createClass({
1021 + render: function() {
1022 + return (
1023 + <button aria-label={"List Settings"} className={"_u_k _3c5o _1-r0 _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1024 + <ReactImage119 />
1025 + {undefined}
1026 + {undefined}
1027 + </button>
1028 + );
1029 + },
1030 +});
1031 +
1032 +var XUIButton121 = React.createClass({
1033 + render: function() {
1034 + return <AbstractButton120 />;
1035 + },
1036 +});
1037 +
1038 +var AdsPEStatRange122 = React.createClass({
1039 + render: function() {
1040 + return (
1041 + <div className={"_3c5k"}>
1042 + <span className={"_3c5j"}>{"Stats:"}</span>
1043 + <span className={"_3c5l"}>
1044 + <XUISingleSelector118 key={"range"} />
1045 + {null}
1046 + <XUIButton121 key={"settings"} />
1047 + </span>
1048 + </div>
1049 + );
1050 + },
1051 +});
1052 +
1053 +var AdsPEStatRangeContainer123 = React.createClass({
1054 + render: function() {
1055 + return <AdsPEStatRange122 />;
1056 + },
1057 +});
1058 +
1059 +var Column124 = React.createClass({
1060 + render: function() {
1061 + return (
1062 + <div className={"_4bl8 _4bl7"}>
1063 + <div className={"_3c5f"}>
1064 + {null}
1065 + <AdsPETablePagerContainer109 />
1066 + <div className={"_3c5i"}></div>
1067 + <AdsPEStatRangeContainer123 />
1068 + </div>
1069 + </div>
1070 + );
1071 + },
1072 +});
1073 +
1074 +var ReactImage125 = React.createClass({
1075 + render: function() {
1076 + return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_158e8d"} src={null}></i>;
1077 + },
1078 +});
1079 +
1080 +var AbstractButton126 = React.createClass({
1081 + render: function() {
1082 + return (
1083 + <button className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} label={null} size={"large"} onClick={function() {}} image={{}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1084 + <ReactImage125 />
1085 + {"Create Ad"}
1086 + {undefined}
1087 + </button>
1088 + );
1089 + },
1090 +});
1091 +
1092 +var XUIButton127 = React.createClass({
1093 + render: function() {
1094 + return <AbstractButton126 />;
1095 + },
1096 +});
1097 +
1098 +var ReactImage128 = React.createClass({
1099 + render: function() {
1100 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_d5a685"}></i>;
1101 + },
1102 +});
1103 +
1104 +var AbstractButton129 = React.createClass({
1105 + render: function() {
1106 + return (
1107 + <button className={"_u_k _p _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} size={"large"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1108 + <ReactImage128 />
1109 + {undefined}
1110 + {undefined}
1111 + </button>
1112 + );
1113 + },
1114 +});
1115 +
1116 +var XUIButton130 = React.createClass({
1117 + render: function() {
1118 + return <AbstractButton129 />;
1119 + },
1120 +});
1121 +
1122 +var InlineBlock131 = React.createClass({
1123 + render: function() {
1124 + return (
1125 + <div menu={{}} alignh={"right"} layerBehaviors={{}} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
1126 + <XUIButton130 key={"/.0"} />
1127 + </div>
1128 + );
1129 + },
1130 +});
1131 +
1132 +var ReactPopoverMenu132 = React.createClass({
1133 + render: function() {
1134 + return <InlineBlock131 ref={"root"} />;
1135 + },
1136 +});
1137 +
1138 +var XUIButtonGroup133 = React.createClass({
1139 + render: function() {
1140 + return (
1141 + <div className={"_5n7z _51xa"}>
1142 + <XUIButton127 />
1143 + <ReactPopoverMenu132 />
1144 + </div>
1145 + );
1146 + },
1147 +});
1148 +
1149 +var ReactImage134 = React.createClass({
1150 + render: function() {
1151 + return <i alt={""} className={"_3-8_ img sp_UuU9HmrQ397 sx_990b54"} src={null}></i>;
1152 + },
1153 +});
1154 +
1155 +var AbstractButton135 = React.createClass({
1156 + render: function() {
1157 + return (
1158 + <button size={"large"} disabled={false} className={"_d2_ _u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Edit Ads (Ctrl+U)"} onClick={function() {}} use={"default"} label={null} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1159 + <ReactImage134 />
1160 + {"Edit"}
1161 + {undefined}
1162 + </button>
1163 + );
1164 + },
1165 +});
1166 +
1167 +var XUIButton136 = React.createClass({
1168 + render: function() {
1169 + return <AbstractButton135 />;
1170 + },
1171 +});
1172 +
1173 +var ReactImage137 = React.createClass({
1174 + render: function() {
1175 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_203adb"}></i>;
1176 + },
1177 +});
1178 +
1179 +var AbstractButton138 = React.createClass({
1180 + render: function() {
1181 + return (
1182 + <button aria-label={"Duplicate"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} data-hover={"tooltip"} disabled={false} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1183 + <ReactImage137 />
1184 + {undefined}
1185 + {undefined}
1186 + </button>
1187 + );
1188 + },
1189 +});
1190 +
1191 +var XUIButton139 = React.createClass({
1192 + render: function() {
1193 + return <AbstractButton138 />;
1194 + },
1195 +});
1196 +
1197 +var ReactImage140 = React.createClass({
1198 + render: function() {
1199 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_0c342e"}></i>;
1200 + },
1201 +});
1202 +
1203 +var AbstractButton141 = React.createClass({
1204 + render: function() {
1205 + return (
1206 + <button aria-label={"Revert"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft _42fr"} data-hover={"tooltip"} disabled={true} image={{}} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1207 + <ReactImage140 />
1208 + {undefined}
1209 + {undefined}
1210 + </button>
1211 + );
1212 + },
1213 +});
1214 +
1215 +var XUIButton142 = React.createClass({
1216 + render: function() {
1217 + return <AbstractButton141 />;
1218 + },
1219 +});
1220 +
1221 +var ReactImage143 = React.createClass({
1222 + render: function() {
1223 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_0e75f5"}></i>;
1224 + },
1225 +});
1226 +
1227 +var AbstractButton144 = React.createClass({
1228 + render: function() {
1229 + return (
1230 + <button aria-label={"Delete"} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} disabled={false} size={"large"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1231 + <ReactImage143 />
1232 + {undefined}
1233 + {undefined}
1234 + </button>
1235 + );
1236 + },
1237 +});
1238 +
1239 +var XUIButton145 = React.createClass({
1240 + render: function() {
1241 + return <AbstractButton144 />;
1242 + },
1243 +});
1244 +
1245 +var XUIButtonGroup146 = React.createClass({
1246 + render: function() {
1247 + return (
1248 + <div className={"_5n7z _51xa"}>
1249 + <XUIButton139 key={"duplicate"} />
1250 + <XUIButton142 key={"revert"} />
1251 + <XUIButton145 key={"delete"} />
1252 + </div>
1253 + );
1254 + },
1255 +});
1256 +
1257 +var ReactImage147 = React.createClass({
1258 + render: function() {
1259 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_8c19ae"}></i>;
1260 + },
1261 +});
1262 +
1263 +var AbstractButton148 = React.createClass({
1264 + render: function() {
1265 + return (
1266 + <button size={"large"} disabled={false} className={"_u_k _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} data-hover={"tooltip"} aria-label={"Save Audience"} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1267 + <ReactImage147 />
1268 + {undefined}
1269 + {undefined}
1270 + </button>
1271 + );
1272 + },
1273 +});
1274 +
1275 +var XUIButton149 = React.createClass({
1276 + render: function() {
1277 + return <AbstractButton148 />;
1278 + },
1279 +});
1280 +
1281 +var ReactImage150 = React.createClass({
1282 + render: function() {
1283 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_d2b33c"}></i>;
1284 + },
1285 +});
1286 +
1287 +var AbstractButton151 = React.createClass({
1288 + render: function() {
1289 + return (
1290 + <button size={"large"} className={"_u_k noMargin _p _4jy0 _4jy4 _517h _51sy _42ft"} onClick={function() {}} image={{}} data-hover={"tooltip"} aria-label={"Export & Import"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1291 + <ReactImage150 />
1292 + {undefined}
1293 + {undefined}
1294 + </button>
1295 + );
1296 + },
1297 +});
1298 +
1299 +var XUIButton152 = React.createClass({
1300 + render: function() {
1301 + return <AbstractButton151 />;
1302 + },
1303 +});
1304 +
1305 +var InlineBlock153 = React.createClass({
1306 + render: function() {
1307 + return (
1308 + <div menu={{}} size={"large"} alignv={"middle"} className={"uiPopover _6a _6b"} disabled={null} fullWidth={false}>
1309 + <XUIButton152 key={"/.0"} />
1310 + </div>
1311 + );
1312 + },
1313 +});
1314 +
1315 +var ReactPopoverMenu154 = React.createClass({
1316 + render: function() {
1317 + return <InlineBlock153 ref={"root"} />;
1318 + },
1319 +});
1320 +
1321 +var AdsPEExportImportMenu155 = React.createClass({
1322 + render: function() {
1323 + return <ReactPopoverMenu154 key={"export"} />;
1324 + },
1325 +});
1326 +
1327 +var FluxContainer_x_156 = React.createClass({
1328 + render: function() {
1329 + return null;
1330 + },
1331 +});
1332 +
1333 +var AdsPEExportAsTextDialog157 = React.createClass({
1334 + render: function() {
1335 + return null;
1336 + },
1337 +});
1338 +
1339 +var FluxContainer_q_158 = React.createClass({
1340 + render: function() {
1341 + return <AdsPEExportAsTextDialog157 />;
1342 + },
1343 +});
1344 +
1345 +var AdsPEExportImportMenuContainer159 = React.createClass({
1346 + render: function() {
1347 + return (
1348 + <span>
1349 + <AdsPEExportImportMenu155 />
1350 + <FluxContainer_x_156 />
1351 + <FluxContainer_q_158 />
1352 + {null}
1353 + </span>
1354 + );
1355 + },
1356 +});
1357 +
1358 +var ReactImage160 = React.createClass({
1359 + render: function() {
1360 + return <i src={null} className={"img sp_UuU9HmrQ397 sx_872db1"}></i>;
1361 + },
1362 +});
1363 +
1364 +var AbstractButton161 = React.createClass({
1365 + render: function() {
1366 + return (
1367 + <button size={"large"} disabled={false} onClick={function() {}} className={"_u_k _5n7z _4jy0 _4jy4 _517h _51sy _42ft"} image={{}} style={{"boxSizing":"border-box","height":"28px","width":"48px"}} data-hover={"tooltip"} aria-label={"Create Report"} use={"default"} borderShade={"light"} suppressed={false} label={null} type={"submit"} value={"1"}>
1368 + <ReactImage160 />
1369 + {undefined}
1370 + {undefined}
1371 + </button>
1372 + );
1373 + },
1374 +});
1375 +
1376 +var XUIButton162 = React.createClass({
1377 + render: function() {
1378 + return <AbstractButton161 />;
1379 + },
1380 +});
1381 +
1382 +var AbstractButton163 = React.createClass({
1383 + render: function() {
1384 + return (
1385 + <button size={"large"} disabled={true} className={"hidden_elem _5n7z _4jy0 _4jy4 _517h _51sy _42ft _42fr"} label={null} onClick={function() {}} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1386 + {undefined}
1387 + {"Generate Variations"}
1388 + {undefined}
1389 + </button>
1390 + );
1391 + },
1392 +});
1393 +
1394 +var XUIButton164 = React.createClass({
1395 + render: function() {
1396 + return <AbstractButton163 />;
1397 + },
1398 +});
1399 +
1400 +var XUIButtonGroup165 = React.createClass({
1401 + render: function() {
1402 + return (
1403 + <div className={"_5n7z _51xa"}>
1404 + <XUIButton149 key={"saveAudience"} />
1405 + <AdsPEExportImportMenuContainer159 />
1406 + <XUIButton162 key={"createReport"} ref={"ads_create_report_button"} />
1407 + <XUIButton164 key={"variations"} />
1408 + </div>
1409 + );
1410 + },
1411 +});
1412 +
1413 +var FillColumn166 = React.createClass({
1414 + render: function() {
1415 + return (
1416 + <div className={"_4bl9"}>
1417 + <span className={"_3c5e"}>
1418 + <span>
1419 + <XUIButtonGroup133 />
1420 + <XUIButton136 key={"edit"} />
1421 + <XUIButtonGroup146 />
1422 + </span>
1423 + <XUIButtonGroup165 />
1424 + </span>
1425 + </div>
1426 + );
1427 + },
1428 +});
1429 +
1430 +var Layout167 = React.createClass({
1431 + render: function() {
1432 + return (
1433 + <div className={"clearfix"}>
1434 + <Column124 key={"1"} />
1435 + <FillColumn166 key={"0"} />
1436 + </div>
1437 + );
1438 + },
1439 +});
1440 +
1441 +var AdsPEMainPaneToolbar168 = React.createClass({
1442 + render: function() {
1443 + return (
1444 + <div className={"_3c5b clearfix"}>
1445 + <Layout167 />
1446 + </div>
1447 + );
1448 + },
1449 +});
1450 +
1451 +var AdsPEAdgroupToolbarContainer169 = React.createClass({
1452 + render: function() {
1453 + return (
1454 + <div>
1455 + <AdsPEMainPaneToolbar168 />
1456 + {null}
1457 + </div>
1458 + );
1459 + },
1460 +});
1461 +
1462 +var AbstractButton170 = React.createClass({
1463 + render: function() {
1464 + return (
1465 + <button className={"_tm3 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Campaigns"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1466 + {undefined}
1467 + <div>
1468 + <div className={"_tma"}></div>
1469 + <div className={"_tm8"}></div>
1470 + <div className={"_tm9"}>{1}</div>
1471 + </div>
1472 + {undefined}
1473 + </button>
1474 + );
1475 + },
1476 +});
1477 +
1478 +var XUIButton171 = React.createClass({
1479 + render: function() {
1480 + return <AbstractButton170 />;
1481 + },
1482 +});
1483 +
1484 +var AbstractButton172 = React.createClass({
1485 + render: function() {
1486 + return (
1487 + <button className={"_tm4 _tm6 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ad Sets"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1488 + {undefined}
1489 + <div>
1490 + <div className={"_tma"}></div>
1491 + <div className={"_tm8"}></div>
1492 + <div className={"_tm9"}>{1}</div>
1493 + </div>
1494 + {undefined}
1495 + </button>
1496 + );
1497 + },
1498 +});
1499 +
1500 +var XUIButton173 = React.createClass({
1501 + render: function() {
1502 + return <AbstractButton172 />;
1503 + },
1504 +});
1505 +
1506 +var AbstractButton174 = React.createClass({
1507 + render: function() {
1508 + return (
1509 + <button className={"_tm5 _tm6 _tm7 _4jy0 _4jy6 _517h _51sy _42ft"} label={null} data-tooltip-position={"right"} aria-label={"Ads"} data-hover={"tooltip"} onClick={function() {}} size={"xxlarge"} use={"default"} borderShade={"light"} suppressed={false} type={"submit"} value={"1"}>
1510 + {undefined}
1511 + <div>
1512 + <div className={"_tma"}></div>
1513 + <div className={"_tm8"}></div>
1514 + <div className={"_tm9"}>{1}</div>
1515 + </div>
1516 + {undefined}
1517 + </button>
1518 + );
1519 + },
1520 +});
1521 +
1522 +var XUIButton175 = React.createClass({
1523 + render: function() {
1524 + return <AbstractButton174 />;
1525 + },
1526 +});
1527 +
1528 +var AdsPESimpleOrganizer176 = React.createClass({
1529 + render: function() {
1530 + return (
1531 + <div className={"_tm2"}>
1532 + <XUIButton171 />
1533 + <XUIButton173 />
1534 + <XUIButton175 />
1535 + </div>
1536 + );
1537 + },
1538 +});
1539 +
1540 +var AdsPEOrganizerContainer177 = React.createClass({
1541 + render: function() {
1542 + return (
1543 + <div>
1544 + <AdsPESimpleOrganizer176 />
1545 + </div>
1546 + );
1547 + },
1548 +});
1549 +
1550 +var FixedDataTableColumnResizeHandle178 = React.createClass({
1551 + render: function() {
1552 + return (
1553 + <div className={"_3487 _3488 _3489"} style={{"width":0,"height":532,"left":0}}>
1554 + <div className={"_348a"} style={{"height":532}}></div>
1555 + </div>
1556 + );
1557 + },
1558 +});
1559 +
1560 +var ReactImage179 = React.createClass({
1561 + render: function() {
1562 + return <i className={"_1cie _1cif img sp_R48dKBxiJkP sx_dc0ad2"} src={null}></i>;
1563 + },
1564 +});
1565 +
1566 +var AdsPETableHeader180 = React.createClass({
1567 + render: function() {
1568 + return (
1569 + <div className={"_1cig _1ksv _1vd7 _4h2r"}>
1570 + <ReactImage179 />
1571 + <span className={"_1cid"}>{"Ads"}</span>
1572 + </div>
1573 + );
1574 + },
1575 +});
1576 +
1577 +var TransitionCell181 = React.createClass({
1578 + render: function() {
1579 + return (
1580 + <div isHeaderCell={true} label={"Ads"} dataKey={0} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={521} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":521}}>
1581 + <div className={"_4lgd _4h2w"}>
1582 + <div className={"_4lge _4h2x"}>
1583 + <AdsPETableHeader180 />
1584 + </div>
1585 + </div>
1586 + </div>
1587 + );
1588 + },
1589 +});
1590 +
1591 +var FixedDataTableCell182 = React.createClass({
1592 + render: function() {
1593 + return (
1594 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":521,"left":0}}>
1595 + {undefined}
1596 + <TransitionCell181 />
1597 + </div>
1598 + );
1599 + },
1600 +});
1601 +
1602 +var FixedDataTableCellGroupImpl183 = React.createClass({
1603 + render: function() {
1604 + return (
1605 + <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
1606 + <FixedDataTableCell182 key={"cell_0"} />
1607 + </div>
1608 + );
1609 + },
1610 +});
1611 +
1612 +var FixedDataTableCellGroup184 = React.createClass({
1613 + render: function() {
1614 + return (
1615 + <div style={{"height":40,"left":0}} className={"_3pzk"}>
1616 + <FixedDataTableCellGroupImpl183 />
1617 + </div>
1618 + );
1619 + },
1620 +});
1621 +
1622 +var AdsPETableHeader185 = React.createClass({
1623 + render: function() {
1624 + return (
1625 + <div className={"_1cig _1vd7 _4h2r"}>
1626 + {null}
1627 + <span className={"_1cid"}>{"Delivery"}</span>
1628 + </div>
1629 + );
1630 + },
1631 +});
1632 +
1633 +var TransitionCell186 = React.createClass({
1634 + render: function() {
1635 + return (
1636 + <div isHeaderCell={true} label={"Delivery"} dataKey={1} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={298} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":298}}>
1637 + <div className={"_4lgd _4h2w"}>
1638 + <div className={"_4lge _4h2x"}>
1639 + <AdsPETableHeader185 />
1640 + </div>
1641 + </div>
1642 + </div>
1643 + );
1644 + },
1645 +});
1646 +
1647 +var FixedDataTableCell187 = React.createClass({
1648 + render: function() {
1649 + return (
1650 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":298,"left":0}}>
1651 + {undefined}
1652 + <TransitionCell186 />
1653 + </div>
1654 + );
1655 + },
1656 +});
1657 +
1658 +var AdsPETableHeader188 = React.createClass({
1659 + render: function() {
1660 + return (
1661 + <div className={"_1cig _1vd7 _4h2r"}>
1662 + {null}
1663 + <span className={"_1cid"}>{"Performance"}</span>
1664 + </div>
1665 + );
1666 + },
1667 +});
1668 +
1669 +var TransitionCell189 = React.createClass({
1670 + render: function() {
1671 + return (
1672 + <div isHeaderCell={true} label={"Performance"} dataKey={2} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={490} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":490}}>
1673 + <div className={"_4lgd _4h2w"}>
1674 + <div className={"_4lge _4h2x"}>
1675 + <AdsPETableHeader188 />
1676 + </div>
1677 + </div>
1678 + </div>
1679 + );
1680 + },
1681 +});
1682 +
1683 +var FixedDataTableCell190 = React.createClass({
1684 + render: function() {
1685 + return (
1686 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":490,"left":298}}>
1687 + {undefined}
1688 + <TransitionCell189 />
1689 + </div>
1690 + );
1691 + },
1692 +});
1693 +
1694 +var AdsPETableHeader191 = React.createClass({
1695 + render: function() {
1696 + return (
1697 + <div className={"_1cig _1vd7 _4h2r"}>
1698 + {null}
1699 + <span className={"_1cid"}>{"Overview"}</span>
1700 + </div>
1701 + );
1702 + },
1703 +});
1704 +
1705 +var TransitionCell192 = React.createClass({
1706 + render: function() {
1707 + return (
1708 + <div isHeaderCell={true} label={"Overview"} dataKey={3} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={972} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":972}}>
1709 + <div className={"_4lgd _4h2w"}>
1710 + <div className={"_4lge _4h2x"}>
1711 + <AdsPETableHeader191 />
1712 + </div>
1713 + </div>
1714 + </div>
1715 + );
1716 + },
1717 +});
1718 +
1719 +var FixedDataTableCell193 = React.createClass({
1720 + render: function() {
1721 + return (
1722 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":972,"left":788}}>
1723 + {undefined}
1724 + <TransitionCell192 />
1725 + </div>
1726 + );
1727 + },
1728 +});
1729 +
1730 +var AdsPETableHeader194 = React.createClass({
1731 + render: function() {
1732 + return (
1733 + <div className={"_1cig _1vd7 _4h2r"}>
1734 + {null}
1735 + <span className={"_1cid"}>{"Creative Assets"}</span>
1736 + </div>
1737 + );
1738 + },
1739 +});
1740 +
1741 +var TransitionCell195 = React.createClass({
1742 + render: function() {
1743 + return (
1744 + <div isHeaderCell={true} label={"Creative Assets"} dataKey={4} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={514} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":514}}>
1745 + <div className={"_4lgd _4h2w"}>
1746 + <div className={"_4lge _4h2x"}>
1747 + <AdsPETableHeader194 />
1748 + </div>
1749 + </div>
1750 + </div>
1751 + );
1752 + },
1753 +});
1754 +
1755 +var FixedDataTableCell196 = React.createClass({
1756 + render: function() {
1757 + return (
1758 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":514,"left":1760}}>
1759 + {undefined}
1760 + <TransitionCell195 />
1761 + </div>
1762 + );
1763 + },
1764 +});
1765 +
1766 +var AdsPETableHeader197 = React.createClass({
1767 + render: function() {
1768 + return (
1769 + <div className={"_1cig _1vd7 _4h2r"}>
1770 + {null}
1771 + <span className={"_1cid"}>{"Toplines"}</span>
1772 + </div>
1773 + );
1774 + },
1775 +});
1776 +
1777 +var TransitionCell198 = React.createClass({
1778 + render: function() {
1779 + return (
1780 + <div isHeaderCell={true} label={"Toplines"} dataKey={5} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={0} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":0}}>
1781 + <div className={"_4lgd _4h2w"}>
1782 + <div className={"_4lge _4h2x"}>
1783 + <AdsPETableHeader197 />
1784 + </div>
1785 + </div>
1786 + </div>
1787 + );
1788 + },
1789 +});
1790 +
1791 +var FixedDataTableCell199 = React.createClass({
1792 + render: function() {
1793 + return (
1794 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":0,"left":2274}}>
1795 + {undefined}
1796 + <TransitionCell198 />
1797 + </div>
1798 + );
1799 + },
1800 +});
1801 +
1802 +var AdsPETableHeader200 = React.createClass({
1803 + render: function() {
1804 + return <div className={"_1cig _1vd7 _4h2r"}></div>;
1805 + },
1806 +});
1807 +
1808 +var TransitionCell201 = React.createClass({
1809 + render: function() {
1810 + return (
1811 + <div isHeaderCell={true} label={""} dataKey={6} groupHeaderRenderer={function() {}} groupHeaderLabels={{}} groupHeaderData={{}} columnKey={undefined} height={40} width={25} rowIndex={0} className={"_4lgc _4h2u"} style={{"height":40,"width":25}}>
1812 + <div className={"_4lgd _4h2w"}>
1813 + <div className={"_4lge _4h2x"}>
1814 + <AdsPETableHeader200 />
1815 + </div>
1816 + </div>
1817 + </div>
1818 + );
1819 + },
1820 +});
1821 +
1822 +var FixedDataTableCell202 = React.createClass({
1823 + render: function() {
1824 + return (
1825 + <div className={"_4lg0 _4h2m"} style={{"height":40,"width":25,"left":2274}}>
1826 + {undefined}
1827 + <TransitionCell201 />
1828 + </div>
1829 + );
1830 + },
1831 +});
1832 +
1833 +var FixedDataTableCellGroupImpl203 = React.createClass({
1834 + render: function() {
1835 + return (
1836 + <div className={"_3pzj"} style={{"height":40,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
1837 + <FixedDataTableCell187 key={"cell_0"} />
1838 + <FixedDataTableCell190 key={"cell_1"} />
1839 + <FixedDataTableCell193 key={"cell_2"} />
1840 + <FixedDataTableCell196 key={"cell_3"} />
1841 + <FixedDataTableCell199 key={"cell_4"} />
1842 + <FixedDataTableCell202 key={"cell_5"} />
1843 + </div>
1844 + );
1845 + },
1846 +});
1847 +
1848 +var FixedDataTableCellGroup204 = React.createClass({
1849 + render: function() {
1850 + return (
1851 + <div style={{"height":40,"left":521}} className={"_3pzk"}>
1852 + <FixedDataTableCellGroupImpl203 />
1853 + </div>
1854 + );
1855 + },
1856 +});
1857 +
1858 +var FixedDataTableRowImpl205 = React.createClass({
1859 + render: function() {
1860 + return (
1861 + <div className={"_1gd4 _4li _52no _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":40}}>
1862 + <div className={"_1gd5"}>
1863 + <FixedDataTableCellGroup184 key={"fixed_cells"} />
1864 + <FixedDataTableCellGroup204 key={"scrollable_cells"} />
1865 + <div className={"_1gd6 _1gd8"} style={{"left":521,"height":40}}></div>
1866 + </div>
1867 + </div>
1868 + );
1869 + },
1870 +});
1871 +
1872 +var FixedDataTableRow206 = React.createClass({
1873 + render: function() {
1874 + return (
1875 + <div style={{"width":1083,"height":40,"zIndex":1,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
1876 + <FixedDataTableRowImpl205 />
1877 + </div>
1878 + );
1879 + },
1880 +});
1881 +
1882 +var AbstractCheckboxInput207 = React.createClass({
1883 + render: function() {
1884 + return (
1885 + <label className={"_4h2r _55sg _kv1"}>
1886 + <input checked={undefined} onChange={function() {}} className={null} type={"checkbox"}></input>
1887 + <span data-hover={null} aria-label={undefined}></span>
1888 + </label>
1889 + );
1890 + },
1891 +});
1892 +
1893 +var XUICheckboxInput208 = React.createClass({
1894 + render: function() {
1895 + return <AbstractCheckboxInput207 />;
1896 + },
1897 +});
1898 +
1899 +var TransitionCell209 = React.createClass({
1900 + render: function() {
1901 + return (
1902 + <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}}>
1903 + <div className={"_4lgd _4h2w"}>
1904 + <div className={"_4lge _4h2x"}>
1905 + <XUICheckboxInput208 />
1906 + </div>
1907 + </div>
1908 + </div>
1909 + );
1910 + },
1911 +});
1912 +
1913 +var FixedDataTableCell210 = React.createClass({
1914 + render: function() {
1915 + return (
1916 + <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":25,"width":42,"left":0}}>
1917 + {undefined}
1918 + <TransitionCell209 />
1919 + </div>
1920 + );
1921 + },
1922 +});
1923 +
1924 +var AdsPETableHeader211 = React.createClass({
1925 + render: function() {
1926 + return (
1927 + <div className={"_1cig _25fg"}>
1928 + {null}
1929 + <span className={"_1cid"}>{"Ad Name"}</span>
1930 + </div>
1931 + );
1932 + },
1933 +});
1934 +
1935 +var FixedDataTableAbstractSortableHeader212 = React.createClass({
1936 + render: function() {
1937 + return (
1938 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
1939 + <div className={"_2eq6"}>
1940 + {null}
1941 + <AdsPETableHeader211 />
1942 + </div>
1943 + </div>
1944 + );
1945 + },
1946 +});
1947 +
1948 +var FixedDataTableSortableHeader213 = React.createClass({
1949 + render: function() {
1950 + return <FixedDataTableAbstractSortableHeader212 />;
1951 + },
1952 +});
1953 +
1954 +var TransitionCell214 = React.createClass({
1955 + render: function() {
1956 + return (
1957 + <div isHeaderCell={true} label={"Ad Name"} width={200} dataKey={"ad.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.name"} height={25} style={{"height":25,"width":200}}>
1958 + <div className={"_4lgd _4h2w"}>
1959 + <div className={"_4lge _4h2x"}>
1960 + <FixedDataTableSortableHeader213 />
1961 + </div>
1962 + </div>
1963 + </div>
1964 + );
1965 + },
1966 +});
1967 +
1968 +var FixedDataTableCell215 = React.createClass({
1969 + render: function() {
1970 + return (
1971 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":200,"left":42}}>
1972 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
1973 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
1974 + </div>
1975 + <TransitionCell214 />
1976 + </div>
1977 + );
1978 + },
1979 +});
1980 +
1981 +var ReactImage216 = React.createClass({
1982 + render: function() {
1983 + return <i className={"_1cie img sp_UuU9HmrQ397 sx_844e7d"} src={null}></i>;
1984 + },
1985 +});
1986 +
1987 +var AdsPETableHeader217 = React.createClass({
1988 + render: function() {
1989 + return (
1990 + <div className={"_1cig _25fg"}>
1991 + <ReactImage216 />
1992 + {null}
1993 + </div>
1994 + );
1995 + },
1996 +});
1997 +
1998 +var FixedDataTableAbstractSortableHeader218 = React.createClass({
1999 + render: function() {
2000 + return (
2001 + <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
2002 + <div className={"_2eq6"}>
2003 + {null}
2004 + <AdsPETableHeader217 />
2005 + </div>
2006 + </div>
2007 + );
2008 + },
2009 +});
2010 +
2011 +var FixedDataTableSortableHeader219 = React.createClass({
2012 + render: function() {
2013 + return <FixedDataTableAbstractSortableHeader218 />;
2014 + },
2015 +});
2016 +
2017 +var TransitionCell220 = React.createClass({
2018 + render: function() {
2019 + return (
2020 + <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}}>
2021 + <div className={"_4lgd _4h2w"}>
2022 + <div className={"_4lge _4h2x"}>
2023 + <FixedDataTableSortableHeader219 />
2024 + </div>
2025 + </div>
2026 + </div>
2027 + );
2028 + },
2029 +});
2030 +
2031 +var FixedDataTableCell221 = React.createClass({
2032 + render: function() {
2033 + return (
2034 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":33,"left":242}}>
2035 + {undefined}
2036 + <TransitionCell220 />
2037 + </div>
2038 + );
2039 + },
2040 +});
2041 +
2042 +var ReactImage222 = React.createClass({
2043 + render: function() {
2044 + return <i className={"_1cie img sp_UuU9HmrQ397 sx_36dc45"} src={null}></i>;
2045 + },
2046 +});
2047 +
2048 +var AdsPETableHeader223 = React.createClass({
2049 + render: function() {
2050 + return (
2051 + <div className={"_1cig _25fg"}>
2052 + <ReactImage222 />
2053 + {null}
2054 + </div>
2055 + );
2056 + },
2057 +});
2058 +
2059 +var FixedDataTableAbstractSortableHeader224 = React.createClass({
2060 + render: function() {
2061 + return (
2062 + <div onClick={function() {}} className={"_54_8 _1kst _4h2r _2wzx"}>
2063 + <div className={"_2eq6"}>
2064 + {null}
2065 + <AdsPETableHeader223 />
2066 + </div>
2067 + </div>
2068 + );
2069 + },
2070 +});
2071 +
2072 +var FixedDataTableSortableHeader225 = React.createClass({
2073 + render: function() {
2074 + return <FixedDataTableAbstractSortableHeader224 />;
2075 + },
2076 +});
2077 +
2078 +var TransitionCell226 = React.createClass({
2079 + render: function() {
2080 + return (
2081 + <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}}>
2082 + <div className={"_4lgd _4h2w"}>
2083 + <div className={"_4lge _4h2x"}>
2084 + <FixedDataTableSortableHeader225 />
2085 + </div>
2086 + </div>
2087 + </div>
2088 + );
2089 + },
2090 +});
2091 +
2092 +var FixedDataTableCell227 = React.createClass({
2093 + render: function() {
2094 + return (
2095 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":36,"left":275}}>
2096 + {undefined}
2097 + <TransitionCell226 />
2098 + </div>
2099 + );
2100 + },
2101 +});
2102 +
2103 +var AdsPETableHeader228 = React.createClass({
2104 + render: function() {
2105 + return (
2106 + <div className={"_1cig _25fg"}>
2107 + {null}
2108 + <span className={"_1cid"}>{"Status"}</span>
2109 + </div>
2110 + );
2111 + },
2112 +});
2113 +
2114 +var FixedDataTableAbstractSortableHeader229 = React.createClass({
2115 + render: function() {
2116 + return (
2117 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2118 + <div className={"_2eq6"}>
2119 + {null}
2120 + <AdsPETableHeader228 />
2121 + </div>
2122 + </div>
2123 + );
2124 + },
2125 +});
2126 +
2127 +var FixedDataTableSortableHeader230 = React.createClass({
2128 + render: function() {
2129 + return <FixedDataTableAbstractSortableHeader229 />;
2130 + },
2131 +});
2132 +
2133 +var TransitionCell231 = React.createClass({
2134 + render: function() {
2135 + return (
2136 + <div isHeaderCell={true} label={"Status"} width={60} dataKey={"ad.adgroup_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.adgroup_status"} height={25} style={{"height":25,"width":60}}>
2137 + <div className={"_4lgd _4h2w"}>
2138 + <div className={"_4lge _4h2x"}>
2139 + <FixedDataTableSortableHeader230 />
2140 + </div>
2141 + </div>
2142 + </div>
2143 + );
2144 + },
2145 +});
2146 +
2147 +var FixedDataTableCell232 = React.createClass({
2148 + render: function() {
2149 + return (
2150 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":60,"left":311}}>
2151 + {undefined}
2152 + <TransitionCell231 />
2153 + </div>
2154 + );
2155 + },
2156 +});
2157 +
2158 +var AdsPETableHeader233 = React.createClass({
2159 + render: function() {
2160 + return (
2161 + <div className={"_1cig _25fg"}>
2162 + {null}
2163 + <span className={"_1cid"}>{"Delivery"}</span>
2164 + </div>
2165 + );
2166 + },
2167 +});
2168 +
2169 +var FixedDataTableAbstractSortableHeader234 = React.createClass({
2170 + render: function() {
2171 + return (
2172 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2173 + <div className={"_2eq6"}>
2174 + {null}
2175 + <AdsPETableHeader233 />
2176 + </div>
2177 + </div>
2178 + );
2179 + },
2180 +});
2181 +
2182 +var FixedDataTableSortableHeader235 = React.createClass({
2183 + render: function() {
2184 + return <FixedDataTableAbstractSortableHeader234 />;
2185 + },
2186 +});
2187 +
2188 +var TransitionCell236 = React.createClass({
2189 + render: function() {
2190 + return (
2191 + <div isHeaderCell={true} label={"Delivery"} width={150} dataKey={"ukiAdData.computed_activity_status"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ukiAdData.computed_activity_status"} height={25} style={{"height":25,"width":150}}>
2192 + <div className={"_4lgd _4h2w"}>
2193 + <div className={"_4lge _4h2x"}>
2194 + <FixedDataTableSortableHeader235 />
2195 + </div>
2196 + </div>
2197 + </div>
2198 + );
2199 + },
2200 +});
2201 +
2202 +var FixedDataTableCell237 = React.createClass({
2203 + render: function() {
2204 + return (
2205 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":371}}>
2206 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2207 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2208 + </div>
2209 + <TransitionCell236 />
2210 + </div>
2211 + );
2212 + },
2213 +});
2214 +
2215 +var FixedDataTableCellGroupImpl238 = React.createClass({
2216 + render: function() {
2217 + return (
2218 + <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
2219 + <FixedDataTableCell210 key={"cell_0"} />
2220 + <FixedDataTableCell215 key={"cell_1"} />
2221 + <FixedDataTableCell221 key={"cell_2"} />
2222 + <FixedDataTableCell227 key={"cell_3"} />
2223 + <FixedDataTableCell232 key={"cell_4"} />
2224 + <FixedDataTableCell237 key={"cell_5"} />
2225 + </div>
2226 + );
2227 + },
2228 +});
2229 +
2230 +var FixedDataTableCellGroup239 = React.createClass({
2231 + render: function() {
2232 + return (
2233 + <div style={{"height":25,"left":0}} className={"_3pzk"}>
2234 + <FixedDataTableCellGroupImpl238 />
2235 + </div>
2236 + );
2237 + },
2238 +});
2239 +
2240 +var AdsPETableHeader240 = React.createClass({
2241 + render: function() {
2242 + return (
2243 + <div className={"_1cig _25fg"}>
2244 + {null}
2245 + <span className={"_1cid"}>{"Reach"}</span>
2246 + </div>
2247 + );
2248 + },
2249 +});
2250 +
2251 +var FixedDataTableAbstractSortableHeader241 = React.createClass({
2252 + render: function() {
2253 + return (
2254 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2255 + <div className={"_2eq6"}>
2256 + {null}
2257 + <AdsPETableHeader240 />
2258 + </div>
2259 + </div>
2260 + );
2261 + },
2262 +});
2263 +
2264 +var FixedDataTableSortableHeader242 = React.createClass({
2265 + render: function() {
2266 + return <FixedDataTableAbstractSortableHeader241 />;
2267 + },
2268 +});
2269 +
2270 +var TransitionCell243 = React.createClass({
2271 + render: function() {
2272 + return (
2273 + <div isHeaderCell={true} label={"Reach"} width={60} dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.unique_impressions"} height={25} style={{"height":25,"width":60}}>
2274 + <div className={"_4lgd _4h2w"}>
2275 + <div className={"_4lge _4h2x"}>
2276 + <FixedDataTableSortableHeader242 />
2277 + </div>
2278 + </div>
2279 + </div>
2280 + );
2281 + },
2282 +});
2283 +
2284 +var FixedDataTableCell244 = React.createClass({
2285 + render: function() {
2286 + return (
2287 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":0}}>
2288 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2289 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2290 + </div>
2291 + <TransitionCell243 />
2292 + </div>
2293 + );
2294 + },
2295 +});
2296 +
2297 +var AdsPETableHeader245 = React.createClass({
2298 + render: function() {
2299 + return (
2300 + <div className={"_1cig _25fg"}>
2301 + {null}
2302 + <span className={"_1cid"}>{"Ad Impressions"}</span>
2303 + </div>
2304 + );
2305 + },
2306 +});
2307 +
2308 +var FixedDataTableAbstractSortableHeader246 = React.createClass({
2309 + render: function() {
2310 + return (
2311 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2312 + <div className={"_2eq6"}>
2313 + {null}
2314 + <AdsPETableHeader245 />
2315 + </div>
2316 + </div>
2317 + );
2318 + },
2319 +});
2320 +
2321 +var FixedDataTableSortableHeader247 = React.createClass({
2322 + render: function() {
2323 + return <FixedDataTableAbstractSortableHeader246 />;
2324 + },
2325 +});
2326 +
2327 +var TransitionCell248 = React.createClass({
2328 + render: function() {
2329 + return (
2330 + <div isHeaderCell={true} label={"Ad Impressions"} width={80} dataKey={"stats.impressions"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.impressions"} height={25} style={{"height":25,"width":80}}>
2331 + <div className={"_4lgd _4h2w"}>
2332 + <div className={"_4lge _4h2x"}>
2333 + <FixedDataTableSortableHeader247 />
2334 + </div>
2335 + </div>
2336 + </div>
2337 + );
2338 + },
2339 +});
2340 +
2341 +var FixedDataTableCell249 = React.createClass({
2342 + render: function() {
2343 + return (
2344 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":60}}>
2345 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2346 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2347 + </div>
2348 + <TransitionCell248 />
2349 + </div>
2350 + );
2351 + },
2352 +});
2353 +
2354 +var AdsPETableHeader250 = React.createClass({
2355 + render: function() {
2356 + return (
2357 + <div className={"_1cig _25fg"}>
2358 + {null}
2359 + <span className={"_1cid"}>{"Avg. CPM"}</span>
2360 + </div>
2361 + );
2362 + },
2363 +});
2364 +
2365 +var FixedDataTableAbstractSortableHeader251 = React.createClass({
2366 + render: function() {
2367 + return (
2368 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2369 + <div className={"_2eq6"}>
2370 + {null}
2371 + <AdsPETableHeader250 />
2372 + </div>
2373 + </div>
2374 + );
2375 + },
2376 +});
2377 +
2378 +var FixedDataTableSortableHeader252 = React.createClass({
2379 + render: function() {
2380 + return <FixedDataTableAbstractSortableHeader251 />;
2381 + },
2382 +});
2383 +
2384 +var TransitionCell253 = React.createClass({
2385 + render: function() {
2386 + return (
2387 + <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}}>
2388 + <div className={"_4lgd _4h2w"}>
2389 + <div className={"_4lge _4h2x"}>
2390 + <FixedDataTableSortableHeader252 />
2391 + </div>
2392 + </div>
2393 + </div>
2394 + );
2395 + },
2396 +});
2397 +
2398 +var FixedDataTableCell254 = React.createClass({
2399 + render: function() {
2400 + return (
2401 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":140}}>
2402 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2403 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2404 + </div>
2405 + <TransitionCell253 />
2406 + </div>
2407 + );
2408 + },
2409 +});
2410 +
2411 +var AdsPETableHeader255 = React.createClass({
2412 + render: function() {
2413 + return (
2414 + <div className={"_1cig _25fg"}>
2415 + {null}
2416 + <span className={"_1cid"}>{"Avg. CPC"}</span>
2417 + </div>
2418 + );
2419 + },
2420 +});
2421 +
2422 +var FixedDataTableAbstractSortableHeader256 = React.createClass({
2423 + render: function() {
2424 + return (
2425 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2426 + <div className={"_2eq6"}>
2427 + {null}
2428 + <AdsPETableHeader255 />
2429 + </div>
2430 + </div>
2431 + );
2432 + },
2433 +});
2434 +
2435 +var FixedDataTableSortableHeader257 = React.createClass({
2436 + render: function() {
2437 + return <FixedDataTableAbstractSortableHeader256 />;
2438 + },
2439 +});
2440 +
2441 +var TransitionCell258 = React.createClass({
2442 + render: function() {
2443 + return (
2444 + <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}}>
2445 + <div className={"_4lgd _4h2w"}>
2446 + <div className={"_4lge _4h2x"}>
2447 + <FixedDataTableSortableHeader257 />
2448 + </div>
2449 + </div>
2450 + </div>
2451 + );
2452 + },
2453 +});
2454 +
2455 +var FixedDataTableCell259 = React.createClass({
2456 + render: function() {
2457 + return (
2458 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":78,"left":220}}>
2459 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2460 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2461 + </div>
2462 + <TransitionCell258 />
2463 + </div>
2464 + );
2465 + },
2466 +});
2467 +
2468 +var AdsPETableHeader260 = React.createClass({
2469 + render: function() {
2470 + return (
2471 + <div className={"_1cig _25fg _4h2r"}>
2472 + {null}
2473 + <span className={"_1cid"}>{"Results"}</span>
2474 + </div>
2475 + );
2476 + },
2477 +});
2478 +
2479 +var TransitionCell261 = React.createClass({
2480 + render: function() {
2481 + return (
2482 + <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}}>
2483 + <div className={"_4lgd _4h2w"}>
2484 + <div className={"_4lge _4h2x"}>
2485 + <AdsPETableHeader260 />
2486 + </div>
2487 + </div>
2488 + </div>
2489 + );
2490 + },
2491 +});
2492 +
2493 +var FixedDataTableCell262 = React.createClass({
2494 + render: function() {
2495 + return (
2496 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":298}}>
2497 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2498 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2499 + </div>
2500 + <TransitionCell261 />
2501 + </div>
2502 + );
2503 + },
2504 +});
2505 +
2506 +var AdsPETableHeader263 = React.createClass({
2507 + render: function() {
2508 + return (
2509 + <div className={"_1cig _25fg _4h2r"}>
2510 + {null}
2511 + <span className={"_1cid"}>{"Cost"}</span>
2512 + </div>
2513 + );
2514 + },
2515 +});
2516 +
2517 +var TransitionCell264 = React.createClass({
2518 + render: function() {
2519 + return (
2520 + <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}}>
2521 + <div className={"_4lgd _4h2w"}>
2522 + <div className={"_4lge _4h2x"}>
2523 + <AdsPETableHeader263 />
2524 + </div>
2525 + </div>
2526 + </div>
2527 + );
2528 + },
2529 +});
2530 +
2531 +var FixedDataTableCell265 = React.createClass({
2532 + render: function() {
2533 + return (
2534 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":140,"left":438}}>
2535 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2536 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2537 + </div>
2538 + <TransitionCell264 />
2539 + </div>
2540 + );
2541 + },
2542 +});
2543 +
2544 +var AdsPETableHeader266 = React.createClass({
2545 + render: function() {
2546 + return (
2547 + <div className={"_1cig _25fg"}>
2548 + {null}
2549 + <span className={"_1cid"}>{"Clicks"}</span>
2550 + </div>
2551 + );
2552 + },
2553 +});
2554 +
2555 +var FixedDataTableAbstractSortableHeader267 = React.createClass({
2556 + render: function() {
2557 + return (
2558 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2559 + <div className={"_2eq6"}>
2560 + {null}
2561 + <AdsPETableHeader266 />
2562 + </div>
2563 + </div>
2564 + );
2565 + },
2566 +});
2567 +
2568 +var FixedDataTableSortableHeader268 = React.createClass({
2569 + render: function() {
2570 + return <FixedDataTableAbstractSortableHeader267 />;
2571 + },
2572 +});
2573 +
2574 +var TransitionCell269 = React.createClass({
2575 + render: function() {
2576 + return (
2577 + <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}}>
2578 + <div className={"_4lgd _4h2w"}>
2579 + <div className={"_4lge _4h2x"}>
2580 + <FixedDataTableSortableHeader268 />
2581 + </div>
2582 + </div>
2583 + </div>
2584 + );
2585 + },
2586 +});
2587 +
2588 +var FixedDataTableCell270 = React.createClass({
2589 + render: function() {
2590 + return (
2591 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":60,"left":578}}>
2592 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2593 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2594 + </div>
2595 + <TransitionCell269 />
2596 + </div>
2597 + );
2598 + },
2599 +});
2600 +
2601 +var AdsPETableHeader271 = React.createClass({
2602 + render: function() {
2603 + return (
2604 + <div className={"_1cig _25fg"}>
2605 + {null}
2606 + <span className={"_1cid"}>{"CTR %"}</span>
2607 + </div>
2608 + );
2609 + },
2610 +});
2611 +
2612 +var FixedDataTableAbstractSortableHeader272 = React.createClass({
2613 + render: function() {
2614 + return (
2615 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2616 + <div className={"_2eq6"}>
2617 + {null}
2618 + <AdsPETableHeader271 />
2619 + </div>
2620 + </div>
2621 + );
2622 + },
2623 +});
2624 +
2625 +var FixedDataTableSortableHeader273 = React.createClass({
2626 + render: function() {
2627 + return <FixedDataTableAbstractSortableHeader272 />;
2628 + },
2629 +});
2630 +
2631 +var TransitionCell274 = React.createClass({
2632 + render: function() {
2633 + return (
2634 + <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}}>
2635 + <div className={"_4lgd _4h2w"}>
2636 + <div className={"_4lge _4h2x"}>
2637 + <FixedDataTableSortableHeader273 />
2638 + </div>
2639 + </div>
2640 + </div>
2641 + );
2642 + },
2643 +});
2644 +
2645 +var FixedDataTableCell275 = React.createClass({
2646 + render: function() {
2647 + return (
2648 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":638}}>
2649 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2650 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2651 + </div>
2652 + <TransitionCell274 />
2653 + </div>
2654 + );
2655 + },
2656 +});
2657 +
2658 +var AdsPETableHeader276 = React.createClass({
2659 + render: function() {
2660 + return (
2661 + <div className={"_1cig _25fg"}>
2662 + {null}
2663 + <span className={"_1cid"}>{"Social %"}</span>
2664 + </div>
2665 + );
2666 + },
2667 +});
2668 +
2669 +var FixedDataTableAbstractSortableHeader277 = React.createClass({
2670 + render: function() {
2671 + return (
2672 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2673 + <div className={"_2eq6"}>
2674 + {null}
2675 + <AdsPETableHeader276 />
2676 + </div>
2677 + </div>
2678 + );
2679 + },
2680 +});
2681 +
2682 +var FixedDataTableSortableHeader278 = React.createClass({
2683 + render: function() {
2684 + return <FixedDataTableAbstractSortableHeader277 />;
2685 + },
2686 +});
2687 +
2688 +var TransitionCell279 = React.createClass({
2689 + render: function() {
2690 + return (
2691 + <div isHeaderCell={true} label={"Social %"} width={80} dataKey={"stats.social_percent"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"stats.social_percent"} height={25} style={{"height":25,"width":80}}>
2692 + <div className={"_4lgd _4h2w"}>
2693 + <div className={"_4lge _4h2x"}>
2694 + <FixedDataTableSortableHeader278 />
2695 + </div>
2696 + </div>
2697 + </div>
2698 + );
2699 + },
2700 +});
2701 +
2702 +var FixedDataTableCell280 = React.createClass({
2703 + render: function() {
2704 + return (
2705 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":80,"left":708}}>
2706 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2707 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2708 + </div>
2709 + <TransitionCell279 />
2710 + </div>
2711 + );
2712 + },
2713 +});
2714 +
2715 +var AdsPETableHeader281 = React.createClass({
2716 + render: function() {
2717 + return (
2718 + <div className={"_1cig _25fg"}>
2719 + {null}
2720 + <span className={"_1cid"}>{"Ad Set Name"}</span>
2721 + </div>
2722 + );
2723 + },
2724 +});
2725 +
2726 +var FixedDataTableAbstractSortableHeader282 = React.createClass({
2727 + render: function() {
2728 + return (
2729 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2730 + <div className={"_2eq6"}>
2731 + {null}
2732 + <AdsPETableHeader281 />
2733 + </div>
2734 + </div>
2735 + );
2736 + },
2737 +});
2738 +
2739 +var FixedDataTableSortableHeader283 = React.createClass({
2740 + render: function() {
2741 + return <FixedDataTableAbstractSortableHeader282 />;
2742 + },
2743 +});
2744 +
2745 +var TransitionCell284 = React.createClass({
2746 + render: function() {
2747 + return (
2748 + <div isHeaderCell={true} label={"Ad Set Name"} width={100} dataKey={"campaign.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaign.name"} height={25} style={{"height":25,"width":100}}>
2749 + <div className={"_4lgd _4h2w"}>
2750 + <div className={"_4lge _4h2x"}>
2751 + <FixedDataTableSortableHeader283 />
2752 + </div>
2753 + </div>
2754 + </div>
2755 + );
2756 + },
2757 +});
2758 +
2759 +var FixedDataTableCell285 = React.createClass({
2760 + render: function() {
2761 + return (
2762 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":788}}>
2763 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2764 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2765 + </div>
2766 + <TransitionCell284 />
2767 + </div>
2768 + );
2769 + },
2770 +});
2771 +
2772 +var AdsPETableHeader286 = React.createClass({
2773 + render: function() {
2774 + return (
2775 + <div className={"_1cig _25fg"}>
2776 + {null}
2777 + <span className={"_1cid"}>{"Campaign Name"}</span>
2778 + </div>
2779 + );
2780 + },
2781 +});
2782 +
2783 +var FixedDataTableAbstractSortableHeader287 = React.createClass({
2784 + render: function() {
2785 + return (
2786 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2787 + <div className={"_2eq6"}>
2788 + {null}
2789 + <AdsPETableHeader286 />
2790 + </div>
2791 + </div>
2792 + );
2793 + },
2794 +});
2795 +
2796 +var FixedDataTableSortableHeader288 = React.createClass({
2797 + render: function() {
2798 + return <FixedDataTableAbstractSortableHeader287 />;
2799 + },
2800 +});
2801 +
2802 +var TransitionCell289 = React.createClass({
2803 + render: function() {
2804 + return (
2805 + <div isHeaderCell={true} label={"Campaign Name"} width={150} dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.name"} height={25} style={{"height":25,"width":150}}>
2806 + <div className={"_4lgd _4h2w"}>
2807 + <div className={"_4lge _4h2x"}>
2808 + <FixedDataTableSortableHeader288 />
2809 + </div>
2810 + </div>
2811 + </div>
2812 + );
2813 + },
2814 +});
2815 +
2816 +var FixedDataTableCell290 = React.createClass({
2817 + render: function() {
2818 + return (
2819 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":150,"left":888}}>
2820 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2821 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2822 + </div>
2823 + <TransitionCell289 />
2824 + </div>
2825 + );
2826 + },
2827 +});
2828 +
2829 +var AdsPETableHeader291 = React.createClass({
2830 + render: function() {
2831 + return (
2832 + <div className={"_1cig _25fg"}>
2833 + {null}
2834 + <span className={"_1cid"}>{"Ad ID"}</span>
2835 + </div>
2836 + );
2837 + },
2838 +});
2839 +
2840 +var FixedDataTableAbstractSortableHeader292 = React.createClass({
2841 + render: function() {
2842 + return (
2843 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2844 + <div className={"_2eq6"}>
2845 + {null}
2846 + <AdsPETableHeader291 />
2847 + </div>
2848 + </div>
2849 + );
2850 + },
2851 +});
2852 +
2853 +var FixedDataTableSortableHeader293 = React.createClass({
2854 + render: function() {
2855 + return <FixedDataTableAbstractSortableHeader292 />;
2856 + },
2857 +});
2858 +
2859 +var TransitionCell294 = React.createClass({
2860 + render: function() {
2861 + return (
2862 + <div isHeaderCell={true} label={"Ad ID"} width={120} dataKey={"ad.id"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.id"} height={25} style={{"height":25,"width":120}}>
2863 + <div className={"_4lgd _4h2w"}>
2864 + <div className={"_4lge _4h2x"}>
2865 + <FixedDataTableSortableHeader293 />
2866 + </div>
2867 + </div>
2868 + </div>
2869 + );
2870 + },
2871 +});
2872 +
2873 +var FixedDataTableCell295 = React.createClass({
2874 + render: function() {
2875 + return (
2876 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":120,"left":1038}}>
2877 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2878 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2879 + </div>
2880 + <TransitionCell294 />
2881 + </div>
2882 + );
2883 + },
2884 +});
2885 +
2886 +var AdsPETableHeader296 = React.createClass({
2887 + render: function() {
2888 + return (
2889 + <div className={"_1cig _25fg"}>
2890 + {null}
2891 + <span className={"_1cid"}>{"Objective"}</span>
2892 + </div>
2893 + );
2894 + },
2895 +});
2896 +
2897 +var FixedDataTableAbstractSortableHeader297 = React.createClass({
2898 + render: function() {
2899 + return (
2900 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2901 + <div className={"_2eq6"}>
2902 + {null}
2903 + <AdsPETableHeader296 />
2904 + </div>
2905 + </div>
2906 + );
2907 + },
2908 +});
2909 +
2910 +var FixedDataTableSortableHeader298 = React.createClass({
2911 + render: function() {
2912 + return <FixedDataTableAbstractSortableHeader297 />;
2913 + },
2914 +});
2915 +
2916 +var TransitionCell299 = React.createClass({
2917 + render: function() {
2918 + return (
2919 + <div isHeaderCell={true} label={"Objective"} width={80} dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"campaignGroup.objective"} height={25} style={{"height":25,"width":80}}>
2920 + <div className={"_4lgd _4h2w"}>
2921 + <div className={"_4lge _4h2x"}>
2922 + <FixedDataTableSortableHeader298 />
2923 + </div>
2924 + </div>
2925 + </div>
2926 + );
2927 + },
2928 +});
2929 +
2930 +var FixedDataTableCell300 = React.createClass({
2931 + render: function() {
2932 + return (
2933 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1158}}>
2934 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2935 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2936 + </div>
2937 + <TransitionCell299 />
2938 + </div>
2939 + );
2940 + },
2941 +});
2942 +
2943 +var AdsPETableHeader301 = React.createClass({
2944 + render: function() {
2945 + return (
2946 + <div className={"_1cig _25fg"}>
2947 + {null}
2948 + <span className={"_1cid"}>{"Spent"}</span>
2949 + </div>
2950 + );
2951 + },
2952 +});
2953 +
2954 +var FixedDataTableAbstractSortableHeader302 = React.createClass({
2955 + render: function() {
2956 + return (
2957 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
2958 + <div className={"_2eq6"}>
2959 + {null}
2960 + <AdsPETableHeader301 />
2961 + </div>
2962 + </div>
2963 + );
2964 + },
2965 +});
2966 +
2967 +var FixedDataTableSortableHeader303 = React.createClass({
2968 + render: function() {
2969 + return <FixedDataTableAbstractSortableHeader302 />;
2970 + },
2971 +});
2972 +
2973 +var TransitionCell304 = React.createClass({
2974 + render: function() {
2975 + return (
2976 + <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}}>
2977 + <div className={"_4lgd _4h2w"}>
2978 + <div className={"_4lge _4h2x"}>
2979 + <FixedDataTableSortableHeader303 />
2980 + </div>
2981 + </div>
2982 + </div>
2983 + );
2984 + },
2985 +});
2986 +
2987 +var FixedDataTableCell305 = React.createClass({
2988 + render: function() {
2989 + return (
2990 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":25,"width":70,"left":1238}}>
2991 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
2992 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
2993 + </div>
2994 + <TransitionCell304 />
2995 + </div>
2996 + );
2997 + },
2998 +});
2999 +
3000 +var AdsPETableHeader306 = React.createClass({
3001 + render: function() {
3002 + return (
3003 + <div className={"_1cig _25fg"}>
3004 + {null}
3005 + <span className={"_1cid"}>{"Start"}</span>
3006 + </div>
3007 + );
3008 + },
3009 +});
3010 +
3011 +var FixedDataTableAbstractSortableHeader307 = React.createClass({
3012 + render: function() {
3013 + return (
3014 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3015 + <div className={"_2eq6"}>
3016 + {null}
3017 + <AdsPETableHeader306 />
3018 + </div>
3019 + </div>
3020 + );
3021 + },
3022 +});
3023 +
3024 +var FixedDataTableSortableHeader308 = React.createClass({
3025 + render: function() {
3026 + return <FixedDataTableAbstractSortableHeader307 />;
3027 + },
3028 +});
3029 +
3030 +var TransitionCell309 = React.createClass({
3031 + render: function() {
3032 + return (
3033 + <div isHeaderCell={true} label={"Start"} width={113} dataKey={"derivedCampaign.startDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaign.startDate"} height={25} style={{"height":25,"width":113}}>
3034 + <div className={"_4lgd _4h2w"}>
3035 + <div className={"_4lge _4h2x"}>
3036 + <FixedDataTableSortableHeader308 />
3037 + </div>
3038 + </div>
3039 + </div>
3040 + );
3041 + },
3042 +});
3043 +
3044 +var FixedDataTableCell310 = React.createClass({
3045 + render: function() {
3046 + return (
3047 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1308}}>
3048 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3049 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3050 + </div>
3051 + <TransitionCell309 />
3052 + </div>
3053 + );
3054 + },
3055 +});
3056 +
3057 +var AdsPETableHeader311 = React.createClass({
3058 + render: function() {
3059 + return (
3060 + <div className={"_1cig _25fg"}>
3061 + {null}
3062 + <span className={"_1cid"}>{"End"}</span>
3063 + </div>
3064 + );
3065 + },
3066 +});
3067 +
3068 +var FixedDataTableAbstractSortableHeader312 = React.createClass({
3069 + render: function() {
3070 + return (
3071 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3072 + <div className={"_2eq6"}>
3073 + {null}
3074 + <AdsPETableHeader311 />
3075 + </div>
3076 + </div>
3077 + );
3078 + },
3079 +});
3080 +
3081 +var FixedDataTableSortableHeader313 = React.createClass({
3082 + render: function() {
3083 + return <FixedDataTableAbstractSortableHeader312 />;
3084 + },
3085 +});
3086 +
3087 +var TransitionCell314 = React.createClass({
3088 + render: function() {
3089 + return (
3090 + <div isHeaderCell={true} label={"End"} width={113} dataKey={"derivedCampaign.endDate"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"derivedCampaign.endDate"} height={25} style={{"height":25,"width":113}}>
3091 + <div className={"_4lgd _4h2w"}>
3092 + <div className={"_4lge _4h2x"}>
3093 + <FixedDataTableSortableHeader313 />
3094 + </div>
3095 + </div>
3096 + </div>
3097 + );
3098 + },
3099 +});
3100 +
3101 +var FixedDataTableCell315 = React.createClass({
3102 + render: function() {
3103 + return (
3104 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1421}}>
3105 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3106 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3107 + </div>
3108 + <TransitionCell314 />
3109 + </div>
3110 + );
3111 + },
3112 +});
3113 +
3114 +var AdsPETableHeader316 = React.createClass({
3115 + render: function() {
3116 + return (
3117 + <div className={"_1cig _25fg"}>
3118 + {null}
3119 + <span className={"_1cid"}>{"Date created"}</span>
3120 + </div>
3121 + );
3122 + },
3123 +});
3124 +
3125 +var FixedDataTableAbstractSortableHeader317 = React.createClass({
3126 + render: function() {
3127 + return (
3128 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3129 + <div className={"_2eq6"}>
3130 + {null}
3131 + <AdsPETableHeader316 />
3132 + </div>
3133 + </div>
3134 + );
3135 + },
3136 +});
3137 +
3138 +var FixedDataTableSortableHeader318 = React.createClass({
3139 + render: function() {
3140 + return <FixedDataTableAbstractSortableHeader317 />;
3141 + },
3142 +});
3143 +
3144 +var TransitionCell319 = React.createClass({
3145 + render: function() {
3146 + return (
3147 + <div isHeaderCell={true} label={"Date created"} width={113} dataKey={"ad.created_time"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.created_time"} height={25} style={{"height":25,"width":113}}>
3148 + <div className={"_4lgd _4h2w"}>
3149 + <div className={"_4lge _4h2x"}>
3150 + <FixedDataTableSortableHeader318 />
3151 + </div>
3152 + </div>
3153 + </div>
3154 + );
3155 + },
3156 +});
3157 +
3158 +var FixedDataTableCell320 = React.createClass({
3159 + render: function() {
3160 + return (
3161 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1534}}>
3162 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3163 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3164 + </div>
3165 + <TransitionCell319 />
3166 + </div>
3167 + );
3168 + },
3169 +});
3170 +
3171 +var AdsPETableHeader321 = React.createClass({
3172 + render: function() {
3173 + return (
3174 + <div className={"_1cig _25fg"}>
3175 + {null}
3176 + <span className={"_1cid"}>{"Date last edited"}</span>
3177 + </div>
3178 + );
3179 + },
3180 +});
3181 +
3182 +var FixedDataTableAbstractSortableHeader322 = React.createClass({
3183 + render: function() {
3184 + return (
3185 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3186 + <div className={"_2eq6"}>
3187 + {null}
3188 + <AdsPETableHeader321 />
3189 + </div>
3190 + </div>
3191 + );
3192 + },
3193 +});
3194 +
3195 +var FixedDataTableSortableHeader323 = React.createClass({
3196 + render: function() {
3197 + return <FixedDataTableAbstractSortableHeader322 />;
3198 + },
3199 +});
3200 +
3201 +var TransitionCell324 = React.createClass({
3202 + render: function() {
3203 + return (
3204 + <div isHeaderCell={true} label={"Date last edited"} width={113} dataKey={"ad.updated_time"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.updated_time"} height={25} style={{"height":25,"width":113}}>
3205 + <div className={"_4lgd _4h2w"}>
3206 + <div className={"_4lge _4h2x"}>
3207 + <FixedDataTableSortableHeader323 />
3208 + </div>
3209 + </div>
3210 + </div>
3211 + );
3212 + },
3213 +});
3214 +
3215 +var FixedDataTableCell325 = React.createClass({
3216 + render: function() {
3217 + return (
3218 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":113,"left":1647}}>
3219 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3220 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3221 + </div>
3222 + <TransitionCell324 />
3223 + </div>
3224 + );
3225 + },
3226 +});
3227 +
3228 +var AdsPETableHeader326 = React.createClass({
3229 + render: function() {
3230 + return (
3231 + <div className={"_1cig _25fg"}>
3232 + {null}
3233 + <span className={"_1cid"}>{"Title"}</span>
3234 + </div>
3235 + );
3236 + },
3237 +});
3238 +
3239 +var FixedDataTableAbstractSortableHeader327 = React.createClass({
3240 + render: function() {
3241 + return (
3242 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3243 + <div className={"_2eq6"}>
3244 + {null}
3245 + <AdsPETableHeader326 />
3246 + </div>
3247 + </div>
3248 + );
3249 + },
3250 +});
3251 +
3252 +var FixedDataTableSortableHeader328 = React.createClass({
3253 + render: function() {
3254 + return <FixedDataTableAbstractSortableHeader327 />;
3255 + },
3256 +});
3257 +
3258 +var TransitionCell329 = React.createClass({
3259 + render: function() {
3260 + return (
3261 + <div isHeaderCell={true} label={"Title"} width={80} dataKey={"ad.title"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.title"} height={25} style={{"height":25,"width":80}}>
3262 + <div className={"_4lgd _4h2w"}>
3263 + <div className={"_4lge _4h2x"}>
3264 + <FixedDataTableSortableHeader328 />
3265 + </div>
3266 + </div>
3267 + </div>
3268 + );
3269 + },
3270 +});
3271 +
3272 +var FixedDataTableCell330 = React.createClass({
3273 + render: function() {
3274 + return (
3275 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1760}}>
3276 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3277 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3278 + </div>
3279 + <TransitionCell329 />
3280 + </div>
3281 + );
3282 + },
3283 +});
3284 +
3285 +var AdsPETableHeader331 = React.createClass({
3286 + render: function() {
3287 + return (
3288 + <div className={"_1cig _25fg"}>
3289 + {null}
3290 + <span className={"_1cid"}>{"Body"}</span>
3291 + </div>
3292 + );
3293 + },
3294 +});
3295 +
3296 +var FixedDataTableAbstractSortableHeader332 = React.createClass({
3297 + render: function() {
3298 + return (
3299 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3300 + <div className={"_2eq6"}>
3301 + {null}
3302 + <AdsPETableHeader331 />
3303 + </div>
3304 + </div>
3305 + );
3306 + },
3307 +});
3308 +
3309 +var FixedDataTableSortableHeader333 = React.createClass({
3310 + render: function() {
3311 + return <FixedDataTableAbstractSortableHeader332 />;
3312 + },
3313 +});
3314 +
3315 +var TransitionCell334 = React.createClass({
3316 + render: function() {
3317 + return (
3318 + <div isHeaderCell={true} label={"Body"} width={80} dataKey={"ad.creative.body"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.creative.body"} height={25} style={{"height":25,"width":80}}>
3319 + <div className={"_4lgd _4h2w"}>
3320 + <div className={"_4lge _4h2x"}>
3321 + <FixedDataTableSortableHeader333 />
3322 + </div>
3323 + </div>
3324 + </div>
3325 + );
3326 + },
3327 +});
3328 +
3329 +var FixedDataTableCell335 = React.createClass({
3330 + render: function() {
3331 + return (
3332 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":80,"left":1840}}>
3333 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3334 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3335 + </div>
3336 + <TransitionCell334 />
3337 + </div>
3338 + );
3339 + },
3340 +});
3341 +
3342 +var AdsPETableHeader336 = React.createClass({
3343 + render: function() {
3344 + return (
3345 + <div className={"_1cig _25fg"}>
3346 + {null}
3347 + <span className={"_1cid"}>{"Destination"}</span>
3348 + </div>
3349 + );
3350 + },
3351 +});
3352 +
3353 +var FixedDataTableAbstractSortableHeader337 = React.createClass({
3354 + render: function() {
3355 + return (
3356 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3357 + <div className={"_2eq6"}>
3358 + {null}
3359 + <AdsPETableHeader336 />
3360 + </div>
3361 + </div>
3362 + );
3363 + },
3364 +});
3365 +
3366 +var FixedDataTableSortableHeader338 = React.createClass({
3367 + render: function() {
3368 + return <FixedDataTableAbstractSortableHeader337 />;
3369 + },
3370 +});
3371 +
3372 +var TransitionCell339 = React.createClass({
3373 + render: function() {
3374 + return (
3375 + <div isHeaderCell={true} label={"Destination"} width={92} dataKey={"destination"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"destination"} height={25} style={{"height":25,"width":92}}>
3376 + <div className={"_4lgd _4h2w"}>
3377 + <div className={"_4lge _4h2x"}>
3378 + <FixedDataTableSortableHeader338 />
3379 + </div>
3380 + </div>
3381 + </div>
3382 + );
3383 + },
3384 +});
3385 +
3386 +var FixedDataTableCell340 = React.createClass({
3387 + render: function() {
3388 + return (
3389 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":92,"left":1920}}>
3390 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3391 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3392 + </div>
3393 + <TransitionCell339 />
3394 + </div>
3395 + );
3396 + },
3397 +});
3398 +
3399 +var AdsPETableHeader341 = React.createClass({
3400 + render: function() {
3401 + return (
3402 + <div className={"_1cig _25fg"}>
3403 + {null}
3404 + <span className={"_1cid"}>{"Link"}</span>
3405 + </div>
3406 + );
3407 + },
3408 +});
3409 +
3410 +var FixedDataTableAbstractSortableHeader342 = React.createClass({
3411 + render: function() {
3412 + return (
3413 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3414 + <div className={"_2eq6"}>
3415 + {null}
3416 + <AdsPETableHeader341 />
3417 + </div>
3418 + </div>
3419 + );
3420 + },
3421 +});
3422 +
3423 +var FixedDataTableSortableHeader343 = React.createClass({
3424 + render: function() {
3425 + return <FixedDataTableAbstractSortableHeader342 />;
3426 + },
3427 +});
3428 +
3429 +var TransitionCell344 = React.createClass({
3430 + render: function() {
3431 + return (
3432 + <div isHeaderCell={true} label={"Link"} width={70} dataKey={"ad.creative.link_url"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.creative.link_url"} height={25} style={{"height":25,"width":70}}>
3433 + <div className={"_4lgd _4h2w"}>
3434 + <div className={"_4lge _4h2x"}>
3435 + <FixedDataTableSortableHeader343 />
3436 + </div>
3437 + </div>
3438 + </div>
3439 + );
3440 + },
3441 +});
3442 +
3443 +var FixedDataTableCell345 = React.createClass({
3444 + render: function() {
3445 + return (
3446 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":70,"left":2012}}>
3447 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3448 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3449 + </div>
3450 + <TransitionCell344 />
3451 + </div>
3452 + );
3453 + },
3454 +});
3455 +
3456 +var AdsPETableHeader346 = React.createClass({
3457 + render: function() {
3458 + return (
3459 + <div className={"_1cig _25fg"}>
3460 + {null}
3461 + <span className={"_1cid"}>{"Related Page"}</span>
3462 + </div>
3463 + );
3464 + },
3465 +});
3466 +
3467 +var FixedDataTableAbstractSortableHeader347 = React.createClass({
3468 + render: function() {
3469 + return (
3470 + <div onClick={function() {}} className={"_54_8 _4h2r _2wzx"}>
3471 + <div className={"_2eq6"}>
3472 + {null}
3473 + <AdsPETableHeader346 />
3474 + </div>
3475 + </div>
3476 + );
3477 + },
3478 +});
3479 +
3480 +var FixedDataTableSortableHeader348 = React.createClass({
3481 + render: function() {
3482 + return <FixedDataTableAbstractSortableHeader347 />;
3483 + },
3484 +});
3485 +
3486 +var TransitionCell349 = React.createClass({
3487 + render: function() {
3488 + return (
3489 + <div isHeaderCell={true} label={"Related Page"} width={92} dataKey={"page"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"page"} height={25} style={{"height":25,"width":92}}>
3490 + <div className={"_4lgd _4h2w"}>
3491 + <div className={"_4lge _4h2x"}>
3492 + <FixedDataTableSortableHeader348 />
3493 + </div>
3494 + </div>
3495 + </div>
3496 + );
3497 + },
3498 +});
3499 +
3500 +var FixedDataTableCell350 = React.createClass({
3501 + render: function() {
3502 + return (
3503 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":92,"left":2082}}>
3504 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3505 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3506 + </div>
3507 + <TransitionCell349 />
3508 + </div>
3509 + );
3510 + },
3511 +});
3512 +
3513 +var AdsPETableHeader351 = React.createClass({
3514 + render: function() {
3515 + return (
3516 + <div className={"_1cig _25fg _4h2r"}>
3517 + {null}
3518 + <span className={"_1cid"}>{"Preview Link"}</span>
3519 + </div>
3520 + );
3521 + },
3522 +});
3523 +
3524 +var TransitionCell352 = React.createClass({
3525 + render: function() {
3526 + return (
3527 + <div isHeaderCell={true} label={"Preview Link"} width={100} dataKey={"ad.demolink_hash"} className={"_4lgc _4h2u"} columnData={{}} cellRenderer={function() {}} headerDataGetter={function() {}} columnKey={"ad.demolink_hash"} height={25} style={{"height":25,"width":100}}>
3528 + <div className={"_4lgd _4h2w"}>
3529 + <div className={"_4lge _4h2x"}>
3530 + <AdsPETableHeader351 />
3531 + </div>
3532 + </div>
3533 + </div>
3534 + );
3535 + },
3536 +});
3537 +
3538 +var FixedDataTableCell353 = React.createClass({
3539 + render: function() {
3540 + return (
3541 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":100,"left":2174}}>
3542 + <div className={"_4lg9"} style={{"height":25}} onMouseDown={function() {}}>
3543 + <div className={"_4lga _4lgb"} style={{"height":25}}></div>
3544 + </div>
3545 + <TransitionCell352 />
3546 + </div>
3547 + );
3548 + },
3549 +});
3550 +
3551 +var AdsPETableHeader354 = React.createClass({
3552 + render: function() {
3553 + return <div className={"_1cig _25fg _4h2r"}></div>;
3554 + },
3555 +});
3556 +
3557 +var TransitionCell355 = React.createClass({
3558 + render: function() {
3559 + return (
3560 + <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}}>
3561 + <div className={"_4lgd _4h2w"}>
3562 + <div className={"_4lge _4h2x"}>
3563 + <AdsPETableHeader354 />
3564 + </div>
3565 + </div>
3566 + </div>
3567 + );
3568 + },
3569 +});
3570 +
3571 +var FixedDataTableCell356 = React.createClass({
3572 + render: function() {
3573 + return (
3574 + <div className={"_4lg0 _4h2m"} style={{"height":25,"width":25,"left":2274}}>
3575 + {undefined}
3576 + <TransitionCell355 />
3577 + </div>
3578 + );
3579 + },
3580 +});
3581 +
3582 +var FixedDataTableCellGroupImpl357 = React.createClass({
3583 + render: function() {
3584 + return (
3585 + <div className={"_3pzj"} style={{"height":25,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3586 + <FixedDataTableCell244 key={"cell_0"} />
3587 + <FixedDataTableCell249 key={"cell_1"} />
3588 + <FixedDataTableCell254 key={"cell_2"} />
3589 + <FixedDataTableCell259 key={"cell_3"} />
3590 + <FixedDataTableCell262 key={"cell_4"} />
3591 + <FixedDataTableCell265 key={"cell_5"} />
3592 + <FixedDataTableCell270 key={"cell_6"} />
3593 + <FixedDataTableCell275 key={"cell_7"} />
3594 + <FixedDataTableCell280 key={"cell_8"} />
3595 + <FixedDataTableCell285 key={"cell_9"} />
3596 + <FixedDataTableCell290 key={"cell_10"} />
3597 + <FixedDataTableCell295 key={"cell_11"} />
3598 + <FixedDataTableCell300 key={"cell_12"} />
3599 + <FixedDataTableCell305 key={"cell_13"} />
3600 + <FixedDataTableCell310 key={"cell_14"} />
3601 + <FixedDataTableCell315 key={"cell_15"} />
3602 + <FixedDataTableCell320 key={"cell_16"} />
3603 + <FixedDataTableCell325 key={"cell_17"} />
3604 + <FixedDataTableCell330 key={"cell_18"} />
3605 + <FixedDataTableCell335 key={"cell_19"} />
3606 + <FixedDataTableCell340 key={"cell_20"} />
3607 + <FixedDataTableCell345 key={"cell_21"} />
3608 + <FixedDataTableCell350 key={"cell_22"} />
3609 + <FixedDataTableCell353 key={"cell_23"} />
3610 + <FixedDataTableCell356 key={"cell_24"} />
3611 + </div>
3612 + );
3613 + },
3614 +});
3615 +
3616 +var FixedDataTableCellGroup358 = React.createClass({
3617 + render: function() {
3618 + return (
3619 + <div style={{"height":25,"left":521}} className={"_3pzk"}>
3620 + <FixedDataTableCellGroupImpl357 />
3621 + </div>
3622 + );
3623 + },
3624 +});
3625 +
3626 +var FixedDataTableRowImpl359 = React.createClass({
3627 + render: function() {
3628 + return (
3629 + <div className={"_1gd4 _4li _3h1a _1mib"} onClick={null} onDoubleClick={null} onMouseDown={null} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":25}}>
3630 + <div className={"_1gd5"}>
3631 + <FixedDataTableCellGroup239 key={"fixed_cells"} />
3632 + <FixedDataTableCellGroup358 key={"scrollable_cells"} />
3633 + <div className={"_1gd6 _1gd8"} style={{"left":521,"height":25}}></div>
3634 + </div>
3635 + </div>
3636 + );
3637 + },
3638 +});
3639 +
3640 +var FixedDataTableRow360 = React.createClass({
3641 + render: function() {
3642 + return (
3643 + <div style={{"width":1083,"height":25,"zIndex":1,"transform":"translate3d(0px,40px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
3644 + <FixedDataTableRowImpl359 />
3645 + </div>
3646 + );
3647 + },
3648 +});
3649 +
3650 +var AbstractCheckboxInput361 = React.createClass({
3651 + render: function() {
3652 + return (
3653 + <label className={"_5hhv _55sg _kv1"}>
3654 + <input className={null} disabled={false} inline={true} checked={true} value={undefined} onChange={function() {}} type={"checkbox"}></input>
3655 + <span data-hover={null} aria-label={undefined}></span>
3656 + </label>
3657 + );
3658 + },
3659 +});
3660 +
3661 +var XUICheckboxInput362 = React.createClass({
3662 + render: function() {
3663 + return <AbstractCheckboxInput361 />;
3664 + },
3665 +});
3666 +
3667 +var TransitionCell363 = React.createClass({
3668 + render: function() {
3669 + return (
3670 + <div dataKey={"common.id"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={42} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"common.id"} height={32} rowIndex={0} style={{"height":32,"width":42}}>
3671 + <div className={"_4lgd _4h2w"}>
3672 + <div className={"_4lge _4h2x"}>
3673 + <span className={"_5hhu _4h2r"} onMouseDown={function() {}}>
3674 + <XUICheckboxInput362 />
3675 + </span>
3676 + </div>
3677 + </div>
3678 + </div>
3679 + );
3680 + },
3681 +});
3682 +
3683 +var FixedDataTableCell364 = React.createClass({
3684 + render: function() {
3685 + return (
3686 + <div className={"_4lg0 _4lg6 _4h2m"} style={{"height":32,"width":42,"left":0}}>
3687 + {undefined}
3688 + <TransitionCell363 />
3689 + </div>
3690 + );
3691 + },
3692 +});
3693 +
3694 +var AdsEditableTextCellDisplay365 = React.createClass({
3695 + render: function() {
3696 + return (
3697 + <div className={"_vew"} onDoubleClick={function() {}} onMouseEnter={function() {}} onMouseLeave={function() {}}>
3698 + <div className={"_vex _5w6k"}>
3699 + <div className={"_vey"}>{"Test Ad"}</div>
3700 + <div className={"_5w6_"}></div>
3701 + </div>
3702 + </div>
3703 + );
3704 + },
3705 +});
3706 +
3707 +var AdsEditableCell366 = React.createClass({
3708 + render: function() {
3709 + return (
3710 + <div className={"_2d6h _2-ev _4h2r _5abb"}>
3711 + <AdsEditableTextCellDisplay365 />
3712 + </div>
3713 + );
3714 + },
3715 +});
3716 +
3717 +var TransitionCell367 = React.createClass({
3718 + render: function() {
3719 + return (
3720 + <div dataKey={"ad.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={200} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.name"} height={32} rowIndex={0} style={{"height":32,"width":200}}>
3721 + <div className={"_4lgd _4h2w"}>
3722 + <div className={"_4lge _4h2x"}>
3723 + <AdsEditableCell366 />
3724 + </div>
3725 + </div>
3726 + </div>
3727 + );
3728 + },
3729 +});
3730 +
3731 +var FixedDataTableCell368 = React.createClass({
3732 + render: function() {
3733 + return (
3734 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":200,"left":42}}>
3735 + {undefined}
3736 + <TransitionCell367 />
3737 + </div>
3738 + );
3739 + },
3740 +});
3741 +
3742 +var FixedDataTableCellDefault369 = React.createClass({
3743 + render: function() {
3744 + return (
3745 + <div dataKey={"edit_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={33} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"edit_status"} height={32} rowIndex={0} style={{"height":32,"width":33}}>
3746 + <div className={"_4lgd _4h2w"}>
3747 + <div className={"_4lge _4h2x"}>
3748 + <div className={"_4h2r"}>{""}</div>
3749 + </div>
3750 + </div>
3751 + </div>
3752 + );
3753 + },
3754 +});
3755 +
3756 +var TransitionCell370 = React.createClass({
3757 + render: function() {
3758 + return <FixedDataTableCellDefault369 />;
3759 + },
3760 +});
3761 +
3762 +var FixedDataTableCell371 = React.createClass({
3763 + render: function() {
3764 + return (
3765 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":33,"left":242}}>
3766 + {undefined}
3767 + <TransitionCell370 />
3768 + </div>
3769 + );
3770 + },
3771 +});
3772 +
3773 +var FixedDataTableCellDefault372 = React.createClass({
3774 + render: function() {
3775 + return (
3776 + <div dataKey={"errors"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={36} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"errors"} height={32} rowIndex={0} style={{"height":32,"width":36}}>
3777 + <div className={"_4lgd _4h2w"}>
3778 + <div className={"_4lge _4h2x"}>
3779 + <div className={"_4h2r"}></div>
3780 + </div>
3781 + </div>
3782 + </div>
3783 + );
3784 + },
3785 +});
3786 +
3787 +var TransitionCell373 = React.createClass({
3788 + render: function() {
3789 + return <FixedDataTableCellDefault372 />;
3790 + },
3791 +});
3792 +
3793 +var FixedDataTableCell374 = React.createClass({
3794 + render: function() {
3795 + return (
3796 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":36,"left":275}}>
3797 + {undefined}
3798 + <TransitionCell373 />
3799 + </div>
3800 + );
3801 + },
3802 +});
3803 +
3804 +var BUISwitch375 = React.createClass({
3805 + render: function() {
3806 + return (
3807 + <div value={true} disabled={true} onToggle={function() {}} data-hover={"tooltip"} data-tooltip-position={"below"} aria-label={"Currently active and you can not deactivate it."} animate={true} className={"_128j _128k _128m _128n"} role={"checkbox"} aria-checked={"true"}>
3808 + <div className={"_128o"} onClick={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} tabIndex={"-1"}>
3809 + <div className={"_128p"}></div>
3810 + </div>
3811 + {null}
3812 + </div>
3813 + );
3814 + },
3815 +});
3816 +
3817 +var AdsStatusSwitchInternal376 = React.createClass({
3818 + render: function() {
3819 + return <BUISwitch375 />;
3820 + },
3821 +});
3822 +
3823 +var AdsStatusSwitch377 = React.createClass({
3824 + render: function() {
3825 + return <AdsStatusSwitchInternal376 />;
3826 + },
3827 +});
3828 +
3829 +var TransitionCell378 = React.createClass({
3830 + render: function() {
3831 + return (
3832 + <div dataKey={"ad.adgroup_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.adgroup_status"} height={32} rowIndex={0} style={{"height":32,"width":60}}>
3833 + <div className={"_4lgd _4h2w"}>
3834 + <div className={"_4lge _4h2x"}>
3835 + <div className={"_15si _4h2r"}>
3836 + <AdsStatusSwitch377 />
3837 + </div>
3838 + </div>
3839 + </div>
3840 + </div>
3841 + );
3842 + },
3843 +});
3844 +
3845 +var FixedDataTableCell379 = React.createClass({
3846 + render: function() {
3847 + return (
3848 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":60,"left":311}}>
3849 + {undefined}
3850 + <TransitionCell378 />
3851 + </div>
3852 + );
3853 + },
3854 +});
3855 +
3856 +var ReactImage380 = React.createClass({
3857 + render: function() {
3858 + return <i aria-label={"Pending Review"} data-hover={"tooltip"} className={"_4ms8 img sp_UuU9HmrQ397 sx_ced63f"} src={null} width={"7"} height={"7"}></i>;
3859 + },
3860 +});
3861 +
3862 +var AdsPEActivityStatusIndicator381 = React.createClass({
3863 + render: function() {
3864 + return (
3865 + <div className={"_k4-"}>
3866 + <ReactImage380 />
3867 + {"Pending Review"}
3868 + {undefined}
3869 + </div>
3870 + );
3871 + },
3872 +});
3873 +
3874 +var TransitionCell382 = React.createClass({
3875 + render: function() {
3876 + return (
3877 + <div dataKey={"ukiAdData.computed_activity_status"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={150} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ukiAdData.computed_activity_status"} height={32} rowIndex={0} style={{"height":32,"width":150}}>
3878 + <div className={"_4lgd _4h2w"}>
3879 + <div className={"_4lge _4h2x"}>
3880 + <div className={"_2d6h _4h2r"}>
3881 + <AdsPEActivityStatusIndicator381 />
3882 + </div>
3883 + </div>
3884 + </div>
3885 + </div>
3886 + );
3887 + },
3888 +});
3889 +
3890 +var FixedDataTableCell383 = React.createClass({
3891 + render: function() {
3892 + return (
3893 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":150,"left":371}}>
3894 + {undefined}
3895 + <TransitionCell382 />
3896 + </div>
3897 + );
3898 + },
3899 +});
3900 +
3901 +var FixedDataTableCellGroupImpl384 = React.createClass({
3902 + render: function() {
3903 + return (
3904 + <div className={"_3pzj"} style={{"height":32,"position":"absolute","width":521,"zIndex":2,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
3905 + <FixedDataTableCell364 key={"cell_0"} />
3906 + <FixedDataTableCell368 key={"cell_1"} />
3907 + <FixedDataTableCell371 key={"cell_2"} />
3908 + <FixedDataTableCell374 key={"cell_3"} />
3909 + <FixedDataTableCell379 key={"cell_4"} />
3910 + <FixedDataTableCell383 key={"cell_5"} />
3911 + </div>
3912 + );
3913 + },
3914 +});
3915 +
3916 +var FixedDataTableCellGroup385 = React.createClass({
3917 + render: function() {
3918 + return (
3919 + <div style={{"height":32,"left":0}} className={"_3pzk"}>
3920 + <FixedDataTableCellGroupImpl384 />
3921 + </div>
3922 + );
3923 + },
3924 +});
3925 +
3926 +var TransitionCell386 = React.createClass({
3927 + render: function() {
3928 + return (
3929 + <div dataKey={"stats.unique_impressions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.unique_impressions"} height={32} rowIndex={0} style={{"height":32,"width":60}}>
3930 + <div className={"_4lgd _4h2w"}>
3931 + <div className={"_4lge _4h2x"}>
3932 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
3933 + </div>
3934 + </div>
3935 + </div>
3936 + );
3937 + },
3938 +});
3939 +
3940 +var FixedDataTableCell387 = React.createClass({
3941 + render: function() {
3942 + return (
3943 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":60,"left":0}}>
3944 + {undefined}
3945 + <TransitionCell386 />
3946 + </div>
3947 + );
3948 + },
3949 +});
3950 +
3951 +var TransitionCell388 = React.createClass({
3952 + render: function() {
3953 + return (
3954 + <div dataKey={"stats.impressions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.impressions"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
3955 + <div className={"_4lgd _4h2w"}>
3956 + <div className={"_4lge _4h2x"}>
3957 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
3958 + </div>
3959 + </div>
3960 + </div>
3961 + );
3962 + },
3963 +});
3964 +
3965 +var FixedDataTableCell389 = React.createClass({
3966 + render: function() {
3967 + return (
3968 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":60}}>
3969 + {undefined}
3970 + <TransitionCell388 />
3971 + </div>
3972 + );
3973 + },
3974 +});
3975 +
3976 +var TransitionCell390 = React.createClass({
3977 + render: function() {
3978 + return (
3979 + <div dataKey={"stats.avg_cpm"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.avg_cpm"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
3980 + <div className={"_4lgd _4h2w"}>
3981 + <div className={"_4lge _4h2x"}>
3982 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
3983 + </div>
3984 + </div>
3985 + </div>
3986 + );
3987 + },
3988 +});
3989 +
3990 +var FixedDataTableCell391 = React.createClass({
3991 + render: function() {
3992 + return (
3993 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":140}}>
3994 + {undefined}
3995 + <TransitionCell390 />
3996 + </div>
3997 + );
3998 + },
3999 +});
4000 +
4001 +var TransitionCell392 = React.createClass({
4002 + render: function() {
4003 + return (
4004 + <div dataKey={"stats.avg_cpc"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={78} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.avg_cpc"} height={32} rowIndex={0} style={{"height":32,"width":78}}>
4005 + <div className={"_4lgd _4h2w"}>
4006 + <div className={"_4lge _4h2x"}>
4007 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4008 + </div>
4009 + </div>
4010 + </div>
4011 + );
4012 + },
4013 +});
4014 +
4015 +var FixedDataTableCell393 = React.createClass({
4016 + render: function() {
4017 + return (
4018 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":78,"left":220}}>
4019 + {undefined}
4020 + <TransitionCell392 />
4021 + </div>
4022 + );
4023 + },
4024 +});
4025 +
4026 +var TransitionCell394 = React.createClass({
4027 + render: function() {
4028 + return (
4029 + <div dataKey={"stats.actions"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={140} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.actions"} height={32} rowIndex={0} style={{"height":32,"width":140}}>
4030 + <div className={"_4lgd _4h2w"}>
4031 + <div className={"_4lge _4h2x"}>
4032 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4033 + </div>
4034 + </div>
4035 + </div>
4036 + );
4037 + },
4038 +});
4039 +
4040 +var FixedDataTableCell395 = React.createClass({
4041 + render: function() {
4042 + return (
4043 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":140,"left":298}}>
4044 + {undefined}
4045 + <TransitionCell394 />
4046 + </div>
4047 + );
4048 + },
4049 +});
4050 +
4051 +var TransitionCell396 = React.createClass({
4052 + render: function() {
4053 + return (
4054 + <div dataKey={"stats.cpa"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={140} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.cpa"} height={32} rowIndex={0} style={{"height":32,"width":140}}>
4055 + <div className={"_4lgd _4h2w"}>
4056 + <div className={"_4lge _4h2x"}>
4057 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4058 + </div>
4059 + </div>
4060 + </div>
4061 + );
4062 + },
4063 +});
4064 +
4065 +var FixedDataTableCell397 = React.createClass({
4066 + render: function() {
4067 + return (
4068 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":140,"left":438}}>
4069 + {undefined}
4070 + <TransitionCell396 />
4071 + </div>
4072 + );
4073 + },
4074 +});
4075 +
4076 +var TransitionCell398 = React.createClass({
4077 + render: function() {
4078 + return (
4079 + <div dataKey={"stats.clicks"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={60} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.clicks"} height={32} rowIndex={0} style={{"height":32,"width":60}}>
4080 + <div className={"_4lgd _4h2w"}>
4081 + <div className={"_4lge _4h2x"}>
4082 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4083 + </div>
4084 + </div>
4085 + </div>
4086 + );
4087 + },
4088 +});
4089 +
4090 +var FixedDataTableCell399 = React.createClass({
4091 + render: function() {
4092 + return (
4093 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":60,"left":578}}>
4094 + {undefined}
4095 + <TransitionCell398 />
4096 + </div>
4097 + );
4098 + },
4099 +});
4100 +
4101 +var TransitionCell400 = React.createClass({
4102 + render: function() {
4103 + return (
4104 + <div dataKey={"stats.ctr"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.ctr"} height={32} rowIndex={0} style={{"height":32,"width":70}}>
4105 + <div className={"_4lgd _4h2w"}>
4106 + <div className={"_4lge _4h2x"}>
4107 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4108 + </div>
4109 + </div>
4110 + </div>
4111 + );
4112 + },
4113 +});
4114 +
4115 +var FixedDataTableCell401 = React.createClass({
4116 + render: function() {
4117 + return (
4118 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":70,"left":638}}>
4119 + {undefined}
4120 + <TransitionCell400 />
4121 + </div>
4122 + );
4123 + },
4124 +});
4125 +
4126 +var TransitionCell402 = React.createClass({
4127 + render: function() {
4128 + return (
4129 + <div dataKey={"stats.social_percent"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.social_percent"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
4130 + <div className={"_4lgd _4h2w"}>
4131 + <div className={"_4lge _4h2x"}>
4132 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4133 + </div>
4134 + </div>
4135 + </div>
4136 + );
4137 + },
4138 +});
4139 +
4140 +var FixedDataTableCell403 = React.createClass({
4141 + render: function() {
4142 + return (
4143 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":80,"left":708}}>
4144 + {undefined}
4145 + <TransitionCell402 />
4146 + </div>
4147 + );
4148 + },
4149 +});
4150 +
4151 +var FixedDataTableCellDefault404 = React.createClass({
4152 + render: function() {
4153 + return (
4154 + <div dataKey={"campaign.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={100} columnData={{}} cellDataGetter={function() {}} cellRenderer={undefined} columnKey={"campaign.name"} height={32} rowIndex={0} style={{"height":32,"width":100}}>
4155 + <div className={"_4lgd _4h2w"}>
4156 + <div className={"_4lge _4h2x"}>
4157 + <div className={"_4h2r"}>{"Test Ad Set"}</div>
4158 + </div>
4159 + </div>
4160 + </div>
4161 + );
4162 + },
4163 +});
4164 +
4165 +var TransitionCell405 = React.createClass({
4166 + render: function() {
4167 + return <FixedDataTableCellDefault404 />;
4168 + },
4169 +});
4170 +
4171 +var FixedDataTableCell406 = React.createClass({
4172 + render: function() {
4173 + return (
4174 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":100,"left":788}}>
4175 + {undefined}
4176 + <TransitionCell405 />
4177 + </div>
4178 + );
4179 + },
4180 +});
4181 +
4182 +var FixedDataTableCellDefault407 = React.createClass({
4183 + render: function() {
4184 + return (
4185 + <div dataKey={"campaignGroup.name"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={150} columnData={{}} cellDataGetter={function() {}} cellRenderer={undefined} columnKey={"campaignGroup.name"} height={32} rowIndex={0} style={{"height":32,"width":150}}>
4186 + <div className={"_4lgd _4h2w"}>
4187 + <div className={"_4lge _4h2x"}>
4188 + <div className={"_4h2r"}>{"Test Campaign"}</div>
4189 + </div>
4190 + </div>
4191 + </div>
4192 + );
4193 + },
4194 +});
4195 +
4196 +var TransitionCell408 = React.createClass({
4197 + render: function() {
4198 + return <FixedDataTableCellDefault407 />;
4199 + },
4200 +});
4201 +
4202 +var FixedDataTableCell409 = React.createClass({
4203 + render: function() {
4204 + return (
4205 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":150,"left":888}}>
4206 + {undefined}
4207 + <TransitionCell408 />
4208 + </div>
4209 + );
4210 + },
4211 +});
4212 +
4213 +var TransitionCell410 = React.createClass({
4214 + render: function() {
4215 + return (
4216 + <div dataKey={"ad.id"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={120} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.id"} height={32} rowIndex={0} style={{"height":32,"width":120}}>
4217 + <div className={"_4lgd _4h2w"}>
4218 + <div className={"_4lge _4h2x"}>
4219 + <div className={"_2d6h _4h2r"}>{"98010048849345"}</div>
4220 + </div>
4221 + </div>
4222 + </div>
4223 + );
4224 + },
4225 +});
4226 +
4227 +var FixedDataTableCell411 = React.createClass({
4228 + render: function() {
4229 + return (
4230 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":120,"left":1038}}>
4231 + {undefined}
4232 + <TransitionCell410 />
4233 + </div>
4234 + );
4235 + },
4236 +});
4237 +
4238 +var TransitionCell412 = React.createClass({
4239 + render: function() {
4240 + return (
4241 + <div dataKey={"campaignGroup.objective"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"campaignGroup.objective"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
4242 + <div className={"_4lgd _4h2w"}>
4243 + <div className={"_4lge _4h2x"}>
4244 + <div className={"_2d6h _4h2r"}>{"Clicks to Website"}</div>
4245 + </div>
4246 + </div>
4247 + </div>
4248 + );
4249 + },
4250 +});
4251 +
4252 +var FixedDataTableCell413 = React.createClass({
4253 + render: function() {
4254 + return (
4255 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1158}}>
4256 + {undefined}
4257 + <TransitionCell412 />
4258 + </div>
4259 + );
4260 + },
4261 +});
4262 +
4263 +var TransitionCell414 = React.createClass({
4264 + render: function() {
4265 + return (
4266 + <div dataKey={"stats.spent_100"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"stats.spent_100"} height={32} rowIndex={0} style={{"height":32,"width":70}}>
4267 + <div className={"_4lgd _4h2w"}>
4268 + <div className={"_4lge _4h2x"}>
4269 + <div className={"_2d6h _2g7x _4h2r"}>{" — "}</div>
4270 + </div>
4271 + </div>
4272 + </div>
4273 + );
4274 + },
4275 +});
4276 +
4277 +var FixedDataTableCell415 = React.createClass({
4278 + render: function() {
4279 + return (
4280 + <div className={"_4lg0 _4lg5 _4h2p _4h2m"} style={{"height":32,"width":70,"left":1238}}>
4281 + {undefined}
4282 + <TransitionCell414 />
4283 + </div>
4284 + );
4285 + },
4286 +});
4287 +
4288 +var ReactDate416 = React.createClass({
4289 + render: function() {
4290 + return <span>{"10/24/2015"}</span>;
4291 + },
4292 +});
4293 +
4294 +var TransitionCell417 = React.createClass({
4295 + render: function() {
4296 + return (
4297 + <div dataKey={"derivedCampaign.startDate"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"derivedCampaign.startDate"} height={32} rowIndex={0} style={{"height":32,"width":113}}>
4298 + <div className={"_4lgd _4h2w"}>
4299 + <div className={"_4lge _4h2x"}>
4300 + <div className={"_2d6h _4h2r"}>
4301 + <ReactDate416 />
4302 + </div>
4303 + </div>
4304 + </div>
4305 + </div>
4306 + );
4307 + },
4308 +});
4309 +
4310 +var FixedDataTableCell418 = React.createClass({
4311 + render: function() {
4312 + return (
4313 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1308}}>
4314 + {undefined}
4315 + <TransitionCell417 />
4316 + </div>
4317 + );
4318 + },
4319 +});
4320 +
4321 +var TransitionCell419 = React.createClass({
4322 + render: function() {
4323 + return (
4324 + <div dataKey={"derivedCampaign.endDate"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"derivedCampaign.endDate"} height={32} rowIndex={0} style={{"height":32,"width":113}}>
4325 + <div className={"_4lgd _4h2w"}>
4326 + <div className={"_4lge _4h2x"}>
4327 + <div className={"_2d6h _4h2r"}>{"Ongoing"}</div>
4328 + </div>
4329 + </div>
4330 + </div>
4331 + );
4332 + },
4333 +});
4334 +
4335 +var FixedDataTableCell420 = React.createClass({
4336 + render: function() {
4337 + return (
4338 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1421}}>
4339 + {undefined}
4340 + <TransitionCell419 />
4341 + </div>
4342 + );
4343 + },
4344 +});
4345 +
4346 +var ReactDate421 = React.createClass({
4347 + render: function() {
4348 + return <span>{"10/24/2015"}</span>;
4349 + },
4350 +});
4351 +
4352 +var TransitionCell422 = React.createClass({
4353 + render: function() {
4354 + return (
4355 + <div dataKey={"ad.created_time"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.created_time"} height={32} rowIndex={0} style={{"height":32,"width":113}}>
4356 + <div className={"_4lgd _4h2w"}>
4357 + <div className={"_4lge _4h2x"}>
4358 + <div className={"_2d6h _4h2r"}>
4359 + <ReactDate421 />
4360 + </div>
4361 + </div>
4362 + </div>
4363 + </div>
4364 + );
4365 + },
4366 +});
4367 +
4368 +var FixedDataTableCell423 = React.createClass({
4369 + render: function() {
4370 + return (
4371 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1534}}>
4372 + {undefined}
4373 + <TransitionCell422 />
4374 + </div>
4375 + );
4376 + },
4377 +});
4378 +
4379 +var ReactDate424 = React.createClass({
4380 + render: function() {
4381 + return <span>{"10/24/2015"}</span>;
4382 + },
4383 +});
4384 +
4385 +var TransitionCell425 = React.createClass({
4386 + render: function() {
4387 + return (
4388 + <div dataKey={"ad.updated_time"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={113} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.updated_time"} height={32} rowIndex={0} style={{"height":32,"width":113}}>
4389 + <div className={"_4lgd _4h2w"}>
4390 + <div className={"_4lge _4h2x"}>
4391 + <div className={"_2d6h _4h2r"}>
4392 + <ReactDate424 />
4393 + </div>
4394 + </div>
4395 + </div>
4396 + </div>
4397 + );
4398 + },
4399 +});
4400 +
4401 +var FixedDataTableCell426 = React.createClass({
4402 + render: function() {
4403 + return (
4404 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":113,"left":1647}}>
4405 + {undefined}
4406 + <TransitionCell425 />
4407 + </div>
4408 + );
4409 + },
4410 +});
4411 +
4412 +var TransitionCell427 = React.createClass({
4413 + render: function() {
4414 + return (
4415 + <div dataKey={"ad.title"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.title"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
4416 + <div className={"_4lgd _4h2w"}>
4417 + <div className={"_4lge _4h2x"}>
4418 + <div className={"_2d6h _4h2r"}>{"Example"}</div>
4419 + </div>
4420 + </div>
4421 + </div>
4422 + );
4423 + },
4424 +});
4425 +
4426 +var FixedDataTableCell428 = React.createClass({
4427 + render: function() {
4428 + return (
4429 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1760}}>
4430 + {undefined}
4431 + <TransitionCell427 />
4432 + </div>
4433 + );
4434 + },
4435 +});
4436 +
4437 +var TransitionCell429 = React.createClass({
4438 + render: function() {
4439 + return (
4440 + <div dataKey={"ad.creative.body"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={80} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.creative.body"} height={32} rowIndex={0} style={{"height":32,"width":80}}>
4441 + <div className={"_4lgd _4h2w"}>
4442 + <div className={"_4lge _4h2x"}>
4443 + <div className={"_2d6h _4h2r"}>{"It's an example."}</div>
4444 + </div>
4445 + </div>
4446 + </div>
4447 + );
4448 + },
4449 +});
4450 +
4451 +var FixedDataTableCell430 = React.createClass({
4452 + render: function() {
4453 + return (
4454 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":80,"left":1840}}>
4455 + {undefined}
4456 + <TransitionCell429 />
4457 + </div>
4458 + );
4459 + },
4460 +});
4461 +
4462 +var TransitionCell431 = React.createClass({
4463 + render: function() {
4464 + return (
4465 + <div dataKey={"destination"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={92} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"destination"} height={32} rowIndex={0} style={{"height":32,"width":92}}>
4466 + <div className={"_4lgd _4h2w"}>
4467 + <div className={"_4lge _4h2x"}>
4468 + <div className={"_2d6h _4h2r"}></div>
4469 + </div>
4470 + </div>
4471 + </div>
4472 + );
4473 + },
4474 +});
4475 +
4476 +var FixedDataTableCell432 = React.createClass({
4477 + render: function() {
4478 + return (
4479 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":92,"left":1920}}>
4480 + {undefined}
4481 + <TransitionCell431 />
4482 + </div>
4483 + );
4484 + },
4485 +});
4486 +
4487 +var TransitionCell433 = React.createClass({
4488 + render: function() {
4489 + return (
4490 + <div dataKey={"ad.creative.link_url"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={70} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.creative.link_url"} height={32} rowIndex={0} style={{"height":32,"width":70}}>
4491 + <div className={"_4lgd _4h2w"}>
4492 + <div className={"_4lge _4h2x"}>
4493 + <div className={"_2d6h _4h2r"}>{"http://www.example.com/"}</div>
4494 + </div>
4495 + </div>
4496 + </div>
4497 + );
4498 + },
4499 +});
4500 +
4501 +var FixedDataTableCell434 = React.createClass({
4502 + render: function() {
4503 + return (
4504 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":70,"left":2012}}>
4505 + {undefined}
4506 + <TransitionCell433 />
4507 + </div>
4508 + );
4509 + },
4510 +});
4511 +
4512 +var FixedDataTableCellDefault435 = React.createClass({
4513 + render: function() {
4514 + return (
4515 + <div dataKey={"page"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={92} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"page"} height={32} rowIndex={0} style={{"height":32,"width":92}}>
4516 + <div className={"_4lgd _4h2w"}>
4517 + <div className={"_4lge _4h2x"}>
4518 + <div className={"_4h2r"}></div>
4519 + </div>
4520 + </div>
4521 + </div>
4522 + );
4523 + },
4524 +});
4525 +
4526 +var TransitionCell436 = React.createClass({
4527 + render: function() {
4528 + return <FixedDataTableCellDefault435 />;
4529 + },
4530 +});
4531 +
4532 +var FixedDataTableCell437 = React.createClass({
4533 + render: function() {
4534 + return (
4535 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":92,"left":2082}}>
4536 + {undefined}
4537 + <TransitionCell436 />
4538 + </div>
4539 + );
4540 + },
4541 +});
4542 +
4543 +var Link438 = React.createClass({
4544 + render: function() {
4545 + return <a href={"https://www.facebook.com/?demo_ad=98010048849345&h=AQA24w3temAtB-5f#pagelet_ego_pane"} target={"_blank"} rel={undefined} onClick={function() {}}>{"Preview Ad"}</a>;
4546 + },
4547 +});
4548 +
4549 +var ReactImage439 = React.createClass({
4550 + render: function() {
4551 + return <i src={null} className={"_541d img sp_R48dKBxiJkP sx_dc2cdb"}></i>;
4552 + },
4553 +});
4554 +
4555 +var AdsPopoverLink440 = React.createClass({
4556 + render: function() {
4557 + return (
4558 + <span ref={"tipIcon"} onMouseEnter={function() {}} onMouseLeave={function() {}}>
4559 + <span className={"_3o_j"}></span>
4560 + <ReactImage439 />
4561 + </span>
4562 + );
4563 + },
4564 +});
4565 +
4566 +var AdsHelpLink441 = React.createClass({
4567 + render: function() {
4568 + return <AdsPopoverLink440 />;
4569 + },
4570 +});
4571 +
4572 +var TransitionCell442 = React.createClass({
4573 + render: function() {
4574 + return (
4575 + <div dataKey={"ad.demolink_hash"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={100} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"ad.demolink_hash"} height={32} rowIndex={0} style={{"height":32,"width":100}}>
4576 + <div className={"_4lgd _4h2w"}>
4577 + <div className={"_4lge _4h2x"}>
4578 + <div className={"_4h2r"}>
4579 + <Link438 />
4580 + <AdsHelpLink441 />
4581 + </div>
4582 + </div>
4583 + </div>
4584 + </div>
4585 + );
4586 + },
4587 +});
4588 +
4589 +var FixedDataTableCell443 = React.createClass({
4590 + render: function() {
4591 + return (
4592 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":100,"left":2174}}>
4593 + {undefined}
4594 + <TransitionCell442 />
4595 + </div>
4596 + );
4597 + },
4598 +});
4599 +
4600 +var TransitionCell444 = React.createClass({
4601 + render: function() {
4602 + return (
4603 + <div dataKey={"scrollbar_spacer"} className={"_4lgc _4h2u"} rowGetter={function() {}} width={25} columnData={{}} cellDataGetter={function() {}} cellRenderer={function() {}} columnKey={"scrollbar_spacer"} height={32} rowIndex={0} style={{"height":32,"width":25}}>
4604 + <div className={"_4lgd _4h2w"}>
4605 + <div className={"_4lge _4h2x"}>
4606 + <div className={"_2d6h _4h2r"}></div>
4607 + </div>
4608 + </div>
4609 + </div>
4610 + );
4611 + },
4612 +});
4613 +
4614 +var FixedDataTableCell445 = React.createClass({
4615 + render: function() {
4616 + return (
4617 + <div className={"_4lg0 _4h2m"} style={{"height":32,"width":25,"left":2274}}>
4618 + {undefined}
4619 + <TransitionCell444 />
4620 + </div>
4621 + );
4622 + },
4623 +});
4624 +
4625 +var FixedDataTableCellGroupImpl446 = React.createClass({
4626 + render: function() {
4627 + return (
4628 + <div className={"_3pzj"} style={{"height":32,"position":"absolute","width":2299,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
4629 + <FixedDataTableCell387 key={"cell_0"} />
4630 + <FixedDataTableCell389 key={"cell_1"} />
4631 + <FixedDataTableCell391 key={"cell_2"} />
4632 + <FixedDataTableCell393 key={"cell_3"} />
4633 + <FixedDataTableCell395 key={"cell_4"} />
4634 + <FixedDataTableCell397 key={"cell_5"} />
4635 + <FixedDataTableCell399 key={"cell_6"} />
4636 + <FixedDataTableCell401 key={"cell_7"} />
4637 + <FixedDataTableCell403 key={"cell_8"} />
4638 + <FixedDataTableCell406 key={"cell_9"} />
4639 + <FixedDataTableCell409 key={"cell_10"} />
4640 + <FixedDataTableCell411 key={"cell_11"} />
4641 + <FixedDataTableCell413 key={"cell_12"} />
4642 + <FixedDataTableCell415 key={"cell_13"} />
4643 + <FixedDataTableCell418 key={"cell_14"} />
4644 + <FixedDataTableCell420 key={"cell_15"} />
4645 + <FixedDataTableCell423 key={"cell_16"} />
4646 + <FixedDataTableCell426 key={"cell_17"} />
4647 + <FixedDataTableCell428 key={"cell_18"} />
4648 + <FixedDataTableCell430 key={"cell_19"} />
4649 + <FixedDataTableCell432 key={"cell_20"} />
4650 + <FixedDataTableCell434 key={"cell_21"} />
4651 + <FixedDataTableCell437 key={"cell_22"} />
4652 + <FixedDataTableCell443 key={"cell_23"} />
4653 + <FixedDataTableCell445 key={"cell_24"} />
4654 + </div>
4655 + );
4656 + },
4657 +});
4658 +
4659 +var FixedDataTableCellGroup447 = React.createClass({
4660 + render: function() {
4661 + return (
4662 + <div style={{"height":32,"left":521}} className={"_3pzk"}>
4663 + <FixedDataTableCellGroupImpl446 />
4664 + </div>
4665 + );
4666 + },
4667 +});
4668 +
4669 +var FixedDataTableRowImpl448 = React.createClass({
4670 + render: function() {
4671 + return (
4672 + <div className={"_1gd4 _4li _52no _35m0 _35m1 _3c7k _4efq _4efs"} onClick={null} onDoubleClick={null} onMouseDown={function() {}} onMouseEnter={null} onMouseLeave={null} style={{"width":1083,"height":32}}>
4673 + <div className={"_1gd5"}>
4674 + <FixedDataTableCellGroup385 key={"fixed_cells"} />
4675 + <FixedDataTableCellGroup447 key={"scrollable_cells"} />
4676 + <div className={"_1gd6 _1gd8"} style={{"left":521,"height":32}}></div>
4677 + </div>
4678 + </div>
4679 + );
4680 + },
4681 +});
4682 +
4683 +var FixedDataTableRow449 = React.createClass({
4684 + render: function() {
4685 + return (
4686 + <div style={{"width":1083,"height":32,"zIndex":0,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}} className={"_1gda"}>
4687 + <FixedDataTableRowImpl448 />
4688 + </div>
4689 + );
4690 + },
4691 +});
4692 +
4693 +var FixedDataTableBufferedRows450 = React.createClass({
4694 + render: function() {
4695 + return (
4696 + <div style={{"position":"absolute","pointerEvents":"auto","transform":"translate3d(0px,65px,0)","backfaceVisibility":"hidden"}}>
4697 + <FixedDataTableRow449 key={"0"} />
4698 + </div>
4699 + );
4700 + },
4701 +});
4702 +
4703 +var Scrollbar451 = React.createClass({
4704 + render: function() {
4705 + return (
4706 + <div onFocus={function() {}} onBlur={function() {}} onKeyDown={function() {}} onMouseDown={function() {}} onWheel={function() {}} className={"_1t0r _1t0t _4jdr _1t0u"} style={{"width":1083,"zIndex":99}} tabIndex={0}>
4707 + <div ref={"face"} className={"_1t0w _1t0y _1t0_"} style={{"width":407.918085106383,"transform":"translate3d(4px,0px,0)","backfaceVisibility":"hidden"}}></div>
4708 + </div>
4709 + );
4710 + },
4711 +});
4712 +
4713 +var HorizontalScrollbar452 = React.createClass({
4714 + render: function() {
4715 + return (
4716 + <div className={"_3h1k _3h1m"} style={{"height":15,"width":1083}}>
4717 + <div style={{"height":15,"position":"absolute","overflow":"hidden","width":1083,"transform":"translate3d(0px,0px,0)","backfaceVisibility":"hidden"}}>
4718 + <Scrollbar451 />
4719 + </div>
4720 + </div>
4721 + );
4722 + },
4723 +});
4724 +
4725 +var FixedDataTable453 = React.createClass({
4726 + render: function() {
4727 + return (
4728 + <div className={"_3h1i _1mie"} onWheel={function() {}} style={{"height":532,"width":1083}}>
4729 + <div className={"_3h1j"} style={{"height":515,"width":1083}}>
4730 + <FixedDataTableColumnResizeHandle178 />
4731 + <FixedDataTableRow206 key={"group_header"} />
4732 + <FixedDataTableRow360 key={"header"} />
4733 + <FixedDataTableBufferedRows450 />
4734 + {null}
4735 + {undefined}
4736 + {undefined}
4737 + </div>
4738 + {undefined}
4739 + <HorizontalScrollbar452 />
4740 + </div>
4741 + );
4742 + },
4743 +});
4744 +
4745 +var TransitionTable454 = React.createClass({
4746 + render: function() {
4747 + return <FixedDataTable453 />;
4748 + },
4749 +});
4750 +
4751 +var AdsSelectableFixedDataTable455 = React.createClass({
4752 + render: function() {
4753 + return (
4754 + <div className={"_5hht"}>
4755 + <TransitionTable454 />
4756 + </div>
4757 + );
4758 + },
4759 +});
4760 +
4761 +var AdsDataTableKeyboardSupportDecorator456 = React.createClass({
4762 + render: function() {
4763 + return (
4764 + <div ref={"tableContainer"} className={"_5d6f"} tabIndex={"0"} onKeyDown={function() {}}>
4765 + <AdsSelectableFixedDataTable455 />
4766 + </div>
4767 + );
4768 + },
4769 +});
4770 +
4771 +var AdsEditableDataTableDecorator457 = React.createClass({
4772 + render: function() {
4773 + return (
4774 + <div onCopy={function() {}}>
4775 + <AdsDataTableKeyboardSupportDecorator456 ref={"decoratedTable"} />
4776 + </div>
4777 + );
4778 + },
4779 +});
4780 +
4781 +var AdsPEDataTableContainer458 = React.createClass({
4782 + render: function() {
4783 + return (
4784 + <div className={"_35l_"}>
4785 + {null}
4786 + {null}
4787 + <AdsEditableDataTableDecorator457 />
4788 + </div>
4789 + );
4790 + },
4791 +});
4792 +
4793 +var ResponsiveBlock459 = React.createClass({
4794 + render: function() {
4795 + return (
4796 + <div onResize={function() {}} className={"_4u-c"}>
4797 + <AdsPEDataTableContainer458 />
4798 + <div key={"sensor"} className={"_4u-f"}>
4799 + <iframe ref={"sensorNode"} aria-hidden={"true"} className={"_4u-g"} tabIndex={"-1"}></iframe>
4800 + </div>
4801 + </div>
4802 + );
4803 + },
4804 +});
4805 +
4806 +var AdsPEAdTableContainer460 = React.createClass({
4807 + render: function() {
4808 + return <ResponsiveBlock459 />;
4809 + },
4810 +});
4811 +
4812 +var AdsPEManageAdsPaneContainer461 = React.createClass({
4813 + render: function() {
4814 + return (
4815 + <div className={"_2utw"}>
4816 + {null}
4817 + <div className={"_2utx _41tt"}>
4818 + <AdsPEFilterContainer104 />
4819 + <AdsPECampaignTimeLimitNoticeContainer106 />
4820 + {null}
4821 + </div>
4822 + <div className={" _41ts"}>
4823 + <AdsPEAdgroupToolbarContainer169 />
4824 + </div>
4825 + <div className={"_2utz"}>
4826 + <div className={"_2ut-"}>
4827 + <AdsPEOrganizerContainer177 />
4828 + </div>
4829 + <div className={"_2ut_"}>
4830 + <AdsPEAdTableContainer460 />
4831 + </div>
4832 + </div>
4833 + </div>
4834 + );
4835 + },
4836 +});
4837 +
4838 +var AdsPEContentContainer462 = React.createClass({
4839 + render: function() {
4840 + return <AdsPEManageAdsPaneContainer461 />;
4841 + },
4842 +});
4843 +
4844 +var FluxContainer_r_463 = React.createClass({
4845 + render: function() {
4846 + return (
4847 + <div className={"mainWrapper"} style={{"width":1192}}>
4848 + <FluxContainer_r_69 />
4849 + <AdsPEContentContainer462 />
4850 + {null}
4851 + </div>
4852 + );
4853 + },
4854 +});
4855 +
4856 +var FluxContainer_q_464 = React.createClass({
4857 + render: function() {
4858 + return null;
4859 + },
4860 +});
4861 +
4862 +var AdsPEUploadDialog465 = React.createClass({
4863 + render: function() {
4864 + return null;
4865 + },
4866 +});
4867 +
4868 +var FluxContainer_y_466 = React.createClass({
4869 + render: function() {
4870 + return <AdsPEUploadDialog465 />;
4871 + },
4872 +});
4873 +
4874 +var ReactImage467 = React.createClass({
4875 + render: function() {
4876 + return <i className={"_1-lx img sp_UuU9HmrQ397 sx_990b54"} src={null}></i>;
4877 + },
4878 +});
4879 +
4880 +var AdsPESideTrayTabButton468 = React.createClass({
4881 + render: function() {
4882 + return (
4883 + <div onClick={function() {}} className={"_1-ly _59j9 _d9a"}>
4884 + <ReactImage467 />
4885 + <div className={"_vf7"}></div>
4886 + <div className={"_vf8"}></div>
4887 + </div>
4888 + );
4889 + },
4890 +});
4891 +
4892 +var AdsPEEditorTrayTabButton469 = React.createClass({
4893 + render: function() {
4894 + return <AdsPESideTrayTabButton468 />;
4895 + },
4896 +});
4897 +
4898 +var ReactImage470 = React.createClass({
4899 + render: function() {
4900 + return <i className={"_1-lx img sp_UuU9HmrQ397 sx_94017f"} src={null}></i>;
4901 + },
4902 +});
4903 +
4904 +var AdsPESideTrayTabButton471 = React.createClass({
4905 + render: function() {
4906 + return (
4907 + <div onClick={function() {}} className={" _1-lz _d9a"}>
4908 + <ReactImage470 />
4909 + <div className={"_vf7"}></div>
4910 + <div className={"_vf8"}></div>
4911 + </div>
4912 + );
4913 + },
4914 +});
4915 +
4916 +var AdsPEInsightsTrayTabButton472 = React.createClass({
4917 + render: function() {
4918 + return <AdsPESideTrayTabButton471 />;
4919 + },
4920 +});
4921 +
4922 +var AdsPESideTrayTabButton473 = React.createClass({
4923 + render: function() {
4924 + return null;
4925 + },
4926 +});
4927 +
4928 +var AdsPENekoDebuggerTrayTabButton474 = React.createClass({
4929 + render: function() {
4930 + return <AdsPESideTrayTabButton473 />;
4931 + },
4932 +});
4933 +
4934 +var FBDragHandle475 = React.createClass({
4935 + render: function() {
4936 + return <div style={{"height":550}} className={"_4a2j _2ciy _2ciz"} horizontal={true} onStart={function() {}} onEnd={function() {}} onChange={function() {}} initialData={function() {}} vertical={false} throttle={25} delay={0} threshold={0} onMouseDown={function() {}} onMouseUp={function() {}} onMouseLeave={function() {}}></div>;
4937 + },
4938 +});
4939 +
4940 +var XUIText476 = React.createClass({
4941 + render: function() {
4942 + return <span size={"large"} weight={"bold"} className={"_2x9f _50f5 _50f7"} display={"inline"}>{"Editing Ad"}</span>;
4943 + },
4944 +});
4945 +
4946 +var XUIText477 = React.createClass({
4947 + render: function() {
4948 + return <span size={"large"} weight={"bold"} display={"inline"} className={" _50f5 _50f7"}>{"Test Ad"}</span>;
4949 + },
4950 +});
4951 +
4952 +var AdsPEEditorChildLink478 = React.createClass({
4953 + render: function() {
4954 + return null;
4955 + },
4956 +});
4957 +
4958 +var AdsPEEditorChildLinkContainer479 = React.createClass({
4959 + render: function() {
4960 + return <AdsPEEditorChildLink478 />;
4961 + },
4962 +});
4963 +
4964 +var AdsPEHeaderSection480 = React.createClass({
4965 + render: function() {
4966 + return (
4967 + <div className={"_yke"}>
4968 + <div className={"_2x9d _pry"}></div>
4969 + <XUIText476 />
4970 + <div className={"_3a-a"}>
4971 + <div className={"_3a-b"}>
4972 + <XUIText477 />
4973 + </div>
4974 + </div>
4975 + {null}
4976 + <AdsPEEditorChildLinkContainer479 />
4977 + </div>
4978 + );
4979 + },
4980 +});
4981 +
4982 +var AdsPEAdgroupHeaderSectionContainer481 = React.createClass({
4983 + render: function() {
4984 + return <AdsPEHeaderSection480 />;
4985 + },
4986 +});
4987 +
4988 +var AdsPEAdgroupDisapprovalMessage482 = React.createClass({
4989 + render: function() {
4990 + return null;
4991 + },
4992 +});
4993 +
4994 +var FluxContainer_r_483 = React.createClass({
4995 + render: function() {
4996 + return <AdsPEAdgroupDisapprovalMessage482 />;
4997 + },
4998 +});
4999 +

This file is too large to show in full.

scripts/bench/extract-component.js new
+169
@@ -0,0 +1,169 @@
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 10/28/15 (use a test user).
6 +
7 +'use strict';
8 +
9 +var rootID = '.0';
10 +
11 +var React = require('React');
12 +var ReactMount = require('ReactMount');
13 +copy(print(ReactMount._instancesByReactRootID[rootID]._renderedComponent));
14 +
15 +function elementMeta(element) {
16 + var meta = '';
17 + var key = element.key;
18 + if (key) {
19 + meta += ' key={' + JSON.stringify(key) + '}';
20 + }
21 + var ref = element.ref;
22 + if (typeof ref === 'string') {
23 + meta += ' ref={' + JSON.stringify(ref) + '}';
24 + } else if (typeof ref === 'function') {
25 + meta += ' ref={function() {}}';
26 + }
27 + return meta;
28 +}
29 +
30 +function print(outerComponent) {
31 + function addComposite(name, child) {
32 + output += 'var ' + name + ' = React.createClass({\n';
33 + output += ' render: function() {\n';
34 + if (child.indexOf('\n') !== -1) {
35 + output += ' return (\n';
36 + output += child.replace(/^|\n/g, '$& ') + '\n';
37 + output += ' );\n';
38 + } else {
39 + output += ' return ' + child + ';\n';
40 + }
41 + output += ' },\n';
42 + output += '});\n';
43 + output += '\n';
44 + }
45 +
46 + function printImpl(component) {
47 + var element = component._currentElement;
48 +
49 + // Empty component
50 + if (element === null || element === false) {
51 + return '' + element;
52 + }
53 +
54 + // Text component
55 + if (typeof element === 'string' || typeof element === 'number') {
56 + return JSON.stringify(element);
57 + }
58 +
59 + // Composite component
60 + if (typeof element.type === 'function') {
61 + var rendered = printImpl(component._renderedComponent);
62 + var name = (component.getName() || 'Component').replace(/(?:^[^a-z]|\W)+/gi, '_') + counter++;
63 + if (!/^[A-Z]/.test(name)) {
64 + name = '_' + name;
65 + }
66 + addComposite(name, rendered);
67 + var compositeMarkup = '<' + name;
68 + compositeMarkup += elementMeta(component._currentElement);
69 + compositeMarkup += ' />';
70 + return compositeMarkup;
71 + }
72 +
73 + // Native component
74 + if (typeof element.type === 'string') {
75 + var markup = '<' + element.type;
76 + markup += elementMeta(component._currentElement);
77 + for (var propKey in element.props) {
78 + var value = element.props[propKey];
79 + var valueString = null;
80 + if (propKey === 'style' || propKey === 'dangerouslySetInnerHTML') {
81 + valueString = JSON.stringify(value);
82 + } else if (propKey === 'children') {
83 + } else {
84 + if (typeof value === 'function') {
85 + valueString = 'function() {}';
86 + } else if (typeof value === 'string' || typeof value === 'number') {
87 + valueString = JSON.stringify(value);
88 + } else if (value == null || typeof value === 'boolean') {
89 + valueString = '' + value;
90 + } else if (typeof value === 'object') {
91 + valueString = '{}';
92 + console.log('smooshing', element.type, propKey, value);
93 + } else {
94 + debugger;
95 + throw new Error('huh? ' + typeof value + ' ' + value);
96 + }
97 + }
98 + if (valueString) {
99 + markup += ' ' + propKey + '={' + valueString + '}';
100 + }
101 + }
102 + markup += '>';
103 +
104 + if (
105 + typeof element.props.children === 'string' ||
106 + typeof element.props.children === 'number'
107 + ) {
108 + markup += '{' + JSON.stringify(element.props.children) + '}';
109 + } else if (component._renderedChildren) {
110 + var renderedChildren = component._renderedChildren;
111 + var keys = Object.keys(renderedChildren);
112 + var values = keys.map((childKey) => renderedChildren[childKey]);
113 +
114 + if (keys.length) {
115 + function dump(children) {
116 + if (typeof children === 'boolean' || children == null) {
117 + return '' + children;
118 + }
119 + if (Array.isArray(children)) {
120 + return children.length ? (
121 + '[\n' +
122 + children.map(function(ch) {
123 + return ' ' + dump(ch).replace(/\n/g, '$& ') + ',\n';
124 + }).join('') +
125 + ']'
126 + ) : '[]';
127 + } else if (React.isValidElement(children) || typeof children === 'string' || typeof children === 'number') {
128 + return printImpl(values.shift());
129 + } else {
130 + debugger;
131 + throw new Error('hmm');
132 + }
133 + }
134 +
135 + markup += '\n';
136 + var children = element.props.children;
137 + children = Array.isArray(children) ? children : [children];
138 + children.forEach(function(child) {
139 + var dumped = dump(child).replace(/\n/g, '$& ');
140 + if (dumped.charAt(0) === '<') {
141 + markup += ' ' + dumped + '\n';
142 + } else {
143 + markup += ' {' + dumped + '}\n';
144 + }
145 + });
146 + if (values.length !== 0) {
147 + debugger;
148 + throw new Error('not all children processed');
149 + }
150 + }
151 + }
152 +
153 + markup += '</' + element.type + '>';
154 + return markup;
155 + }
156 +
157 + debugger;
158 + throw new Error('hmm');
159 + }
160 +
161 + var output = '(function() {\n\n';
162 + var counter = 0;
163 +
164 + var tail = printImpl(outerComponent);
165 + addComposite('Benchmark', tail);
166 + output += 'this.Benchmark = Benchmark;\n';
167 + output += '\n})(this);\n';
168 + return output;
169 +}