These are all the files from the Tabler react repos, made to work with laravel and webpack.

resources/js/ComponentDemo/react-element-to-jsx-string/parser/parseReactElement.js

@@ -0,0 +1,120 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var _typeof =
+  typeof Symbol === "function" && typeof Symbol.iterator === "symbol"
+    ? function(obj) {
+        return typeof obj;
+      }
+    : function(obj) {
+        return obj &&
+          typeof Symbol === "function" &&
+          obj.constructor === Symbol &&
+          obj !== Symbol.prototype
+          ? "symbol"
+          : typeof obj;
+      };
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tree = require("./../tree");
+
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+var supportFragment = Boolean(_react.Fragment);
+
+var getReactElementDisplayName = function getReactElementDisplayName(element) {
+  return (
+    element.type.displayName ||
+    element.type.name || // function name
+    (typeof element.type === "function" // function without a name, you should provide one
+      ? "No Display Name"
+      : element.type)
+  );
+};
+
+var noChildren = function noChildren(propsValue, propName) {
+  return propName !== "children";
+};
+
+var onlyMeaningfulChildren = function onlyMeaningfulChildren(children) {
+  return (
+    children !== true &&
+    children !== false &&
+    children !== null &&
+    children !== ""
+  );
+};
+
+var filterProps = function filterProps(originalProps, cb) {
+  var filteredProps = {};
+
+  Object.keys(originalProps)
+    .filter(function(key) {
+      return cb(originalProps[key], key);
+    })
+    .forEach(function(key) {
+      return (filteredProps[key] = originalProps[key]);
+    });
+
+  return filteredProps;
+};
+
+var parseReactElement = function parseReactElement(element, options) {
+  var _options$displayName = options.displayName,
+    displayNameFn =
+      _options$displayName === undefined
+        ? getReactElementDisplayName
+        : _options$displayName;
+
+  if (typeof element === "string") {
+    return (0, _tree.createStringTreeNode)(element);
+  } else if (typeof element === "number") {
+    return (0, _tree.createNumberTreeNode)(element);
+  } else if (!_react2.default.isValidElement(element)) {
+    throw new Error(
+      "react-element-to-jsx-string: Expected a React.Element, got `" +
+        (typeof element === "undefined" ? "undefined" : _typeof(element)) +
+        "`"
+    );
+  }
+
+  var displayName = displayNameFn(element);
+
+  var props = filterProps(element.props, noChildren);
+  if (element.ref !== null) {
+    props.ref = element.ref;
+  }
+
+  var key = element.key;
+  if (typeof key === "string" && key.search(/^\./)) {
+    // React automatically add key=".X" when there are some children
+    props.key = key;
+  }
+
+  var defaultProps = filterProps(element.type.defaultProps || {}, noChildren);
+  var childrens = _react2.default.Children.toArray(element.props.children)
+    .filter(onlyMeaningfulChildren)
+    .map(function(child) {
+      return parseReactElement(child, options);
+    });
+
+  if (supportFragment && element.type === _react.Fragment) {
+    return (0, _tree.createReactFragmentTreeNode)(key, childrens);
+  }
+
+  return (0, _tree.createReactElementTreeNode)(
+    displayName,
+    props,
+    defaultProps,
+    childrens
+  );
+};
+
+exports.default = parseReactElement;
+//# sourceMappingURL=parseReactElement.js.map

resources/js/ComponentDemo/react-element-to-jsx-string/parser/parseReactElement.js.flow

@@ -0,0 +1,86 @@
+/* @flow */
+
+import React, { type Element as ReactElement, Fragment } from 'react';
+import type { Options } from './../options';
+import {
+  createStringTreeNode,
+  createNumberTreeNode,
+  createReactElementTreeNode,
+  createReactFragmentTreeNode,
+} from './../tree';
+import type { TreeNode } from './../tree';
+
+const supportFragment = Boolean(Fragment);
+
+const getReactElementDisplayName = (element: ReactElement<*>): string =>
+  element.type.displayName ||
+  element.type.name || // function name
+  (typeof element.type === 'function' // function without a name, you should provide one
+    ? 'No Display Name'
+    : element.type);
+
+const noChildren = (propsValue, propName) => propName !== 'children';
+
+const onlyMeaningfulChildren = (children): boolean =>
+  children !== true &&
+  children !== false &&
+  children !== null &&
+  children !== '';
+
+const filterProps = (originalProps: {}, cb: (any, string) => boolean) => {
+  const filteredProps = {};
+
+  Object.keys(originalProps)
+    .filter(key => cb(originalProps[key], key))
+    .forEach(key => (filteredProps[key] = originalProps[key]));
+
+  return filteredProps;
+};
+
+const parseReactElement = (
+  element: ReactElement<*> | string | number,
+  options: Options
+): TreeNode => {
+  const { displayName: displayNameFn = getReactElementDisplayName } = options;
+
+  if (typeof element === 'string') {
+    return createStringTreeNode(element);
+  } else if (typeof element === 'number') {
+    return createNumberTreeNode(element);
+  } else if (!React.isValidElement(element)) {
+    throw new Error(
+      `react-element-to-jsx-string: Expected a React.Element, got \`${typeof element}\``
+    );
+  }
+
+  const displayName = displayNameFn(element);
+
+  const props = filterProps(element.props, noChildren);
+  if (element.ref !== null) {
+    props.ref = element.ref;
+  }
+
+  const key = element.key;
+  if (typeof key === 'string' && key.search(/^\./)) {
+    // React automatically add key=".X" when there are some children
+    props.key = key;
+  }
+
+  const defaultProps = filterProps(element.type.defaultProps || {}, noChildren);
+  const childrens = React.Children.toArray(element.props.children)
+    .filter(onlyMeaningfulChildren)
+    .map(child => parseReactElement(child, options));
+
+  if (supportFragment && element.type === Fragment) {
+    return createReactFragmentTreeNode(key, childrens);
+  }
+
+  return createReactElementTreeNode(
+    displayName,
+    props,
+    defaultProps,
+    childrens
+  );
+};
+
+export default parseReactElement;