+
+
+ );
+ }
+}
+
+export default ComponentDemo;
diff --git a/resources/js/ComponentDemo/index.js b/resources/js/ComponentDemo/index.js
new file mode 100644
index 0000000000..6f42a8b3d7
--- /dev/null
+++ b/resources/js/ComponentDemo/index.js
@@ -0,0 +1,3 @@
+import ComponentDemo from "./ComponentDemo.react";
+
+export default ComponentDemo;
diff --git a/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js
new file mode 100644
index 0000000000..a051d2b7ae
--- /dev/null
+++ b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js
@@ -0,0 +1,18 @@
+Object.defineProperty(exports, "__esModule", {
+ value: true,
+});
+
+exports.default = function(props) {
+ var children = props.children; // eslint-disable-line react/prop-types
+
+ return _react2.default.createElement("div", null, children);
+};
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : { default: obj };
+}
+//# sourceMappingURL=AnonymousStatelessComponent.js.map
diff --git a/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.flow b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.flow
new file mode 100644
index 0000000000..29b165cf06
--- /dev/null
+++ b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.flow
@@ -0,0 +1,7 @@
+import React from 'react';
+
+// eslint-disable-next-line react/display-name
+export default function(props) {
+ const { children } = props; // eslint-disable-line react/prop-types
+ return {children}
+ {codeOpen && (
+
+
+ {asString || reactElementToJSXString(children)}
+
+
+ )}
+ {children}
;
+}
diff --git a/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.map b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.map
new file mode 100644
index 0000000000..fc0175b731
--- /dev/null
+++ b/resources/js/ComponentDemo/react-element-to-jsx-string/AnonymousStatelessComponent.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../src/AnonymousStatelessComponent.js"],"names":["props","children"],"mappings":";;;;;;kBAGe,UAASA,KAAT,EAAgB;AAAA,MACrBC,QADqB,GACRD,KADQ,CACrBC,QADqB,EACD;;AAC5B,SAAO;AAAA;AAAA;AAAMA;AAAN,GAAP;AACD,C;;AAND","file":"AnonymousStatelessComponent.js","sourcesContent":["import React from 'react';\n\n// eslint-disable-next-line react/display-name\nexport default function(props) {\n const { children } = props; // eslint-disable-line react/prop-types\n return {children}
;\n}\n"]}
\ No newline at end of file
diff --git a/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js b/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js
new file mode 100644
index 0000000000..65685815ca
--- /dev/null
+++ b/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js
@@ -0,0 +1,74 @@
+Object.defineProperty(exports, "__esModule", {
+ value: true,
+});
+
+var _react = require("react");
+
+var _stringifyObject = require("../stringifyObject");
+
+var _stringifyObject2 = _interopRequireDefault(_stringifyObject);
+
+var _sortObject = require("./sortObject");
+
+var _sortObject2 = _interopRequireDefault(_sortObject);
+
+var _parseReactElement = require("./../parser/parseReactElement");
+
+var _parseReactElement2 = _interopRequireDefault(_parseReactElement);
+
+var _formatTreeNode = require("./formatTreeNode");
+
+var _formatTreeNode2 = _interopRequireDefault(_formatTreeNode);
+
+var _spacer = require("./spacer");
+
+var _spacer2 = _interopRequireDefault(_spacer);
+
+function _interopRequireDefault(obj) {
+ return obj && obj.__esModule ? obj : { default: obj };
+}
+
+function noRefCheck() {}
+
+exports.default = function(value, inline, lvl, options) {
+ var normalizedValue = (0, _sortObject2.default)(value);
+
+ var stringifiedValue = (0, _stringifyObject2.default)(normalizedValue, {
+ transform: function transform(currentObj, prop, originalResult) {
+ var currentValue = currentObj[prop];
+
+ if (currentValue && (0, _react.isValidElement)(currentValue)) {
+ return (0, _formatTreeNode2.default)(
+ (0, _parseReactElement2.default)(currentValue, options),
+ true,
+ lvl,
+ options
+ );
+ }
+
+ if (typeof currentValue === "function") {
+ return noRefCheck;
+ }
+
+ return originalResult;
+ },
+ });
+
+ if (inline) {
+ return stringifiedValue
+ .replace(/\s+/g, " ")
+ .replace(/{ /g, "{")
+ .replace(/ }/g, "}")
+ .replace(/\[ /g, "[")
+ .replace(/ ]/g, "]");
+ }
+
+ // Replace tabs with spaces, and add necessary indentation in front of each new line
+ return stringifiedValue
+ .replace(/\t/g, (0, _spacer2.default)(1, options.tabStop))
+ .replace(
+ /\n([^$])/g,
+ "\n" + (0, _spacer2.default)(lvl + 1, options.tabStop) + "$1"
+ );
+};
+//# sourceMappingURL=formatComplexDataStructure.js.map
diff --git a/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js.flow b/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js.flow
new file mode 100644
index 0000000000..5ca40f2c69
--- /dev/null
+++ b/resources/js/ComponentDemo/react-element-to-jsx-string/formatter/formatComplexDataStructure.js.flow
@@ -0,0 +1,55 @@
+/* @flow */
+
+import { isValidElement } from 'react';
+import stringify from 'stringify-object';
+import sortObject from './sortObject';
+import parseReactElement from './../parser/parseReactElement';
+import formatTreeNode from './formatTreeNode';
+import spacer from './spacer';
+import type { Options } from './../options';
+
+function noRefCheck() {}
+
+export default (
+ value: Object | Array
+
+
+
+
+ }
+ >
+ + ZIP Code must be US or CDN format. You can use an + extended ZIP+4 code to determine address more + accurately. +
+ + + } + /> +-
+
-
+
+ ++ ++ + ++ + Amanda Hunt + +++ amanda_hunt@example.com + ++ ++ } + position="right" + items={ + + + } + /> +Action ++ {" "} + Another action{" "} + ++ {" "} + Something else here + ++ + {" "} + Separated link + +
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ Mail Service
+
+
+
+
+ Compose new message
+
+
+
+
+
+
+
+
+
+
+
+
+ Inbox
+ 14
+
+
+ Sent Mail
+
+
+ Important{" "}
+ 3
+
+
+ Starred
+
+
+ Drafts
+
+
+ Tags
+
+
+ Trash
+
+
+
+
+
+
+
+
+
+
+
+ Big belly rude boy, million dollar hustler. Unemployed.
+
+
+
+
+
+
+
+
+
+ My Profile
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+