Izmjenjena struktura, dodan backand

web/node_modules/jsx-ast-utils/src/elementType.js

@@ -0,0 +1,27 @@
+function resolveMemberExpressions(object = {}, property = {}) {
+  if (object.type === 'JSXMemberExpression') {
+    return `${resolveMemberExpressions(object.object, object.property)}.${property.name}`;
+  }
+
+  return `${object.name}.${property.name}`;
+}
+
+/**
+ * Returns the tagName associated with a JSXElement.
+ */
+export default function elementType(node = {}) {
+  const { name } = node;
+
+  if (!name) {
+    throw new Error('The argument provided is not a JSXElement node.');
+  }
+
+  if (name.type === 'JSXMemberExpression') {
+    const { object = {}, property = {} } = name;
+    return resolveMemberExpressions(object, property);
+  } else if (name.type === 'JSXNamespacedName') {
+    return `${name.namespace.name}:${name.name.name}`;
+  }
+
+  return node.name.name;
+}

web/node_modules/jsx-ast-utils/src/eventHandlers.js

@@ -0,0 +1,113 @@
+
+/**
+ * Common event handlers for JSX element event binding.
+ */
+
+const eventHandlersByType = {
+  clipboard: [
+    'onCopy',
+    'onCut',
+    'onPaste',
+  ],
+  composition: [
+    'onCompositionEnd',
+    'onCompositionStart',
+    'onCompositionUpdate',
+  ],
+  keyboard: [
+    'onKeyDown',
+    'onKeyPress',
+    'onKeyUp',
+  ],
+  focus: [
+    'onFocus',
+    'onBlur',
+  ],
+  form: [
+    'onChange',
+    'onInput',
+    'onSubmit',
+  ],
+  mouse: [
+    'onClick',
+    'onContextMenu',
+    'onDblClick',
+    'onDoubleClick',
+    'onDrag',
+    'onDragEnd',
+    'onDragEnter',
+    'onDragExit',
+    'onDragLeave',
+    'onDragOver',
+    'onDragStart',
+    'onDrop',
+    'onMouseDown',
+    'onMouseEnter',
+    'onMouseLeave',
+    'onMouseMove',
+    'onMouseOut',
+    'onMouseOver',
+    'onMouseUp',
+  ],
+  selection: [
+    'onSelect',
+  ],
+  touch: [
+    'onTouchCancel',
+    'onTouchEnd',
+    'onTouchMove',
+    'onTouchStart',
+  ],
+  ui: [
+    'onScroll',
+  ],
+  wheel: [
+    'onWheel',
+  ],
+  media: [
+    'onAbort',
+    'onCanPlay',
+    'onCanPlayThrough',
+    'onDurationChange',
+    'onEmptied',
+    'onEncrypted',
+    'onEnded',
+    'onError',
+    'onLoadedData',
+    'onLoadedMetadata',
+    'onLoadStart',
+    'onPause',
+    'onPlay',
+    'onPlaying',
+    'onProgress',
+    'onRateChange',
+    'onSeeked',
+    'onSeeking',
+    'onStalled',
+    'onSuspend',
+    'onTimeUpdate',
+    'onVolumeChange',
+    'onWaiting',
+  ],
+  image: [
+    'onLoad',
+    'onError',
+  ],
+  animation: [
+    'onAnimationStart',
+    'onAnimationEnd',
+    'onAnimationIteration',
+  ],
+  transition: [
+    'onTransitionEnd',
+  ],
+};
+
+const eventHandlers = Object.keys(eventHandlersByType).reduce(
+  (accumulator, type) => accumulator.concat(eventHandlersByType[type]),
+  [],
+);
+
+export default eventHandlers;
+
+export { eventHandlersByType };

web/node_modules/jsx-ast-utils/src/getProp.js

@@ -0,0 +1,27 @@
+import propName from './propName';
+
+const DEFAULT_OPTIONS = {
+  ignoreCase: true,
+};
+
+/**
+ * Returns the JSXAttribute itself or undefined, indicating the prop
+ * is not present on the JSXOpeningElement.
+ *
+ */
+export default function getProp(props = [], prop = '', options = DEFAULT_OPTIONS) {
+  const propToFind = options.ignoreCase ? prop.toUpperCase() : prop;
+
+  return props.find((attribute) => {
+    // If the props contain a spread prop, then skip.
+    if (attribute.type === 'JSXSpreadAttribute') {
+      return false;
+    }
+
+    const currentProp = options.ignoreCase ?
+      propName(attribute).toUpperCase() :
+      propName(attribute);
+
+    return propToFind === currentProp;
+  });
+}

web/node_modules/jsx-ast-utils/src/getPropValue.js

@@ -0,0 +1,45 @@
+import getValue, { getLiteralValue } from './values';
+
+const extractValue = (attribute, extractor) => {
+  if (attribute && attribute.type === 'JSXAttribute') {
+    if (attribute.value === null) {
+      // Null valued attributes imply truthiness.
+      // For example: <div aria-hidden />
+      // See: https://facebook.github.io/react/docs/jsx-in-depth.html#boolean-attributes
+      return true;
+    }
+
+    return extractor(attribute.value);
+  }
+
+  return undefined;
+};
+
+/**
+ * Returns the value of a given attribute.
+ * Different types of attributes have their associated
+ * values in different properties on the object.
+ *
+ * This function should return the most *closely* associated
+ * value with the intention of the JSX.
+ *
+ * @param attribute - The JSXAttribute collected by AST parser.
+ */
+export default function getPropValue(attribute) {
+  return extractValue(attribute, getValue);
+}
+
+/**
+ * Returns the value of a given attribute.
+ * Different types of attributes have their associated
+ * values in different properties on the object.
+ *
+ * This function should return a value only if we can extract
+ * a literal value from its attribute (i.e. values that have generic
+ * types in JavaScript - strings, numbers, booleans, etc.)
+ *
+ * @param attribute - The JSXAttribute collected by AST parser.
+ */
+export function getLiteralPropValue(attribute) {
+  return extractValue(attribute, getLiteralValue);
+}

web/node_modules/jsx-ast-utils/src/hasProp.js

@@ -0,0 +1,47 @@
+import propName from './propName';
+
+const DEFAULT_OPTIONS = {
+  spreadStrict: true,
+  ignoreCase: true,
+};
+
+/**
+ * Returns boolean indicating whether an prop exists on the props
+ * property of a JSX element node.
+ */
+export default function hasProp(props = [], prop = '', options = DEFAULT_OPTIONS) {
+  const propToCheck = options.ignoreCase ? prop.toUpperCase() : prop;
+
+  return props.some((attribute) => {
+    // If the props contain a spread prop, then refer to strict param.
+    if (attribute.type === 'JSXSpreadAttribute') {
+      return !options.spreadStrict;
+    }
+
+    const currentProp = options.ignoreCase ?
+      propName(attribute).toUpperCase() :
+      propName(attribute);
+
+    return propToCheck === currentProp;
+  });
+}
+
+/**
+ * Given the props on a node and a list of props to check, this returns a boolean
+ * indicating if any of them exist on the node.
+ */
+export function hasAnyProp(nodeProps = [], props = [], options = DEFAULT_OPTIONS) {
+  const propsToCheck = typeof props === 'string' ? props.split(' ') : props;
+
+  return propsToCheck.some(prop => hasProp(nodeProps, prop, options));
+}
+
+/**
+ * Given the props on a node and a list of props to check, this returns a boolean
+ * indicating if all of them exist on the node
+ */
+export function hasEveryProp(nodeProps = [], props = [], options = DEFAULT_OPTIONS) {
+  const propsToCheck = typeof props === 'string' ? props.split(' ') : props;
+
+  return propsToCheck.every(prop => hasProp(nodeProps, prop, options));
+}

web/node_modules/jsx-ast-utils/src/index.js

@@ -0,0 +1,19 @@
+import hasProp, { hasAnyProp, hasEveryProp } from './hasProp';
+import elementType from './elementType';
+import eventHandlers, { eventHandlersByType } from './eventHandlers';
+import getProp from './getProp';
+import getPropValue, { getLiteralPropValue } from './getPropValue';
+import propName from './propName';
+
+module.exports = {
+  hasProp,
+  hasAnyProp,
+  hasEveryProp,
+  elementType,
+  eventHandlers,
+  eventHandlersByType,
+  getProp,
+  getPropValue,
+  getLiteralPropValue,
+  propName,
+};

web/node_modules/jsx-ast-utils/src/propName.js

@@ -0,0 +1,17 @@
+/**
+ * Returns the name of the prop given the JSXAttribute object.
+ */
+export default function propName(prop = {}) {
+  if (!prop.type || prop.type !== 'JSXAttribute') {
+    throw new Error('The prop must be a JSXAttribute collected by the AST parser.');
+  }
+
+  switch (prop.name.type) {
+    case 'JSXIdentifier':
+      return prop.name.name;
+    case 'JSXNamespacedName':
+      return `${prop.name.namespace.name}:${prop.name.name.name}`;
+    default:
+      return undefined;
+  }
+}

web/node_modules/jsx-ast-utils/src/values/JSXElement.js

@@ -0,0 +1,8 @@
+/**
+ * Extractor function for a JSXElement type value node.
+ *
+ * Returns self-closing element with correct name.
+ */
+export default function extractValueFromJSXElement(value) {
+  return `<${value.openingElement.name.name} />`;
+}

web/node_modules/jsx-ast-utils/src/values/Literal.js

@@ -0,0 +1,18 @@
+/**
+ * Extractor function for a Literal type value node.
+ *
+ * @param - value - AST Value object with type `Literal`
+ * @returns { String|Boolean } - The extracted value converted to correct type.
+ */
+export default function extractValueFromLiteral(value) {
+  const { value: extractedValue } = value;
+
+  const normalizedStringValue = typeof extractedValue === 'string' && extractedValue.toLowerCase();
+  if (normalizedStringValue === 'true') {
+    return true;
+  } else if (normalizedStringValue === 'false') {
+    return false;
+  }
+
+  return extractedValue;
+}

web/node_modules/jsx-ast-utils/src/values/expressions/ArrayExpression.js

@@ -0,0 +1,11 @@
+import getValue from './index';
+
+/**
+ * Extractor function for an ArrayExpression type value node.
+ * An array expression is an expression with [] syntax.
+ *
+ * @returns - An array of the extracted elements.
+ */
+export default function extractValueFromArrayExpression(value) {
+  return value.elements.map(element => getValue(element));
+}

web/node_modules/jsx-ast-utils/src/values/expressions/BinaryExpression.js

@@ -0,0 +1,70 @@
+import getValue from './index';
+
+
+/**
+ * Extractor function for a BinaryExpression type value node.
+ * A binary expression has a left and right side separated by an operator
+ * such as `a + b`.
+ *
+ * @param - value - AST Value object with type `BinaryExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromBinaryExpression(value) {
+  const { operator, left, right } = value;
+  const leftVal = getValue(left);
+  const rightVal = getValue(right);
+
+  switch (operator) {
+    case '==':
+      return leftVal == rightVal; // eslint-disable-line
+    case '!=':
+      return leftVal != rightVal; // eslint-disable-line
+    case '===':
+      return leftVal === rightVal;
+    case '!==':
+      return leftVal !== rightVal;
+    case '<':
+      return leftVal < rightVal;
+    case '<=':
+      return leftVal <= rightVal;
+    case '>':
+      return leftVal > rightVal;
+    case '>=':
+      return leftVal >= rightVal;
+    case '<<':
+      return leftVal << rightVal; // eslint-disable-line no-bitwise
+    case '>>':
+      return leftVal >> rightVal; // eslint-disable-line no-bitwise
+    case '>>>':
+      return leftVal >>> rightVal; // eslint-disable-line no-bitwise
+    case '+':
+      return leftVal + rightVal;
+    case '-':
+      return leftVal - rightVal;
+    case '*':
+      return leftVal * rightVal;
+    case '/':
+      return leftVal / rightVal;
+    case '%':
+      return leftVal % rightVal;
+    case '|':
+      return leftVal | rightVal; // eslint-disable-line no-bitwise
+    case '^':
+      return leftVal ^ rightVal; // eslint-disable-line no-bitwise
+    case '&':
+      return leftVal & rightVal; // eslint-disable-line no-bitwise
+    case 'in':
+      try {
+        return leftVal in rightVal;
+      } catch (err) {
+        return false;
+      }
+    case 'instanceof':
+      if (typeof rightVal !== 'function') {
+        return false;
+      }
+      return leftVal instanceof rightVal;
+    default:
+      return undefined;
+  }
+}

web/node_modules/jsx-ast-utils/src/values/expressions/CallExpression.js

@@ -0,0 +1,14 @@
+import getValue from './index';
+
+/**
+ * Extractor function for a CallExpression type value node.
+ * A call expression looks like `bar()`
+ * This will return `bar` as the value to indicate its existence,
+ * since we can not execute the function bar in a static environment.
+ *
+ * @param - value - AST Value object with type `CallExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromCallExpression(value) {
+  return getValue(value.callee);
+}

web/node_modules/jsx-ast-utils/src/values/expressions/ConditionalExpression.js

@@ -0,0 +1,17 @@
+import getValue from './index';
+
+/**
+ * Extractor function for a ConditionalExpression type value node.
+ *
+ * @param - value - AST Value object with type `ConditionalExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromConditionalExpression(value) {
+  const {
+    test,
+    alternate,
+    consequent,
+  } = value;
+
+  return getValue(test) ? getValue(consequent) : getValue(alternate);
+}

web/node_modules/jsx-ast-utils/src/values/expressions/FunctionExpression.js

@@ -0,0 +1,11 @@
+/**
+ * Extractor function for a FunctionExpression type value node.
+ * Statically, we can't execute the given function, so just return a function
+ * to indicate that the value is present.
+ *
+ * @param - value - AST Value object with type `FunctionExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromFunctionExpression(value) {
+  return () => value;
+}

web/node_modules/jsx-ast-utils/src/values/expressions/Identifier.js

@@ -0,0 +1,28 @@
+const JS_RESERVED = {
+  Array,
+  Date,
+  Infinity,
+  Math,
+  Number,
+  Object,
+  String,
+  undefined,
+};
+
+/**
+ * Extractor function for a Identifier type value node.
+ * An Identifier is usually a reference to a variable.
+ * Just return variable name to determine its existence.
+ *
+ * @param - value - AST Value object with type `Identifier`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromIdentifier(value) {
+  const { name } = value;
+
+  if (Object.hasOwnProperty.call(JS_RESERVED, name)) {
+    return JS_RESERVED[name];
+  }
+
+  return name;
+}

web/node_modules/jsx-ast-utils/src/values/expressions/LogicalExpression.js

@@ -0,0 +1,17 @@
+import getValue from './index';
+
+/**
+ * Extractor function for a LogicalExpression type value node.
+ * A logical expression is `a && b` or `a || b`, so we evaluate both sides
+ * and return the extracted value of the expression.
+ *
+ * @param - value - AST Value object with type `LogicalExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromLogicalExpression(value) {
+  const { operator, left, right } = value;
+  const leftVal = getValue(left);
+  const rightVal = getValue(right);
+
+  return operator === '&&' ? leftVal && rightVal : leftVal || rightVal;
+}

web/node_modules/jsx-ast-utils/src/values/expressions/MemberExpression.js

@@ -0,0 +1,13 @@
+import getValue from './index';
+
+/**
+ * Extractor function for a MemberExpression type value node.
+ * A member expression is accessing a property on an object `obj.property`.
+ *
+ * @param - value - AST Value object with type `MemberExpression`
+ * @returns - The extracted value converted to correct type
+ *  and maintaing `obj.property` convention.
+ */
+export default function extractValueFromMemberExpression(value) {
+  return `${getValue(value.object)}.${getValue(value.property)}`;
+}

web/node_modules/jsx-ast-utils/src/values/expressions/NewExpression.js

@@ -0,0 +1,9 @@
+/**
+ * Extractor function for a NewExpression type value node.
+ * A new expression instantiates an object with `new` keyword.
+ *
+ * @returns - an empty object.
+ */
+export default function extractValueFromNewExpression() {
+  return new Object(); // eslint-disable-line
+}

web/node_modules/jsx-ast-utils/src/values/expressions/ObjectExpression.js

@@ -0,0 +1,15 @@
+import getValue from './index';
+
+/**
+ * Extractor function for an ObjectExpression type value node.
+ * An object expression is using {}.
+ *
+ * @returns - a representation of the object
+ */
+export default function extractValueFromObjectExpression(value) {
+  return value.properties.reduce((obj, property) => {
+    const object = Object.assign({}, obj);
+    object[getValue(property.key)] = getValue(property.value);
+    return object;
+  }, {});
+}

web/node_modules/jsx-ast-utils/src/values/expressions/TaggedTemplateExpression.js

@@ -0,0 +1,9 @@
+import extractValueFromTemplateLiteral from './TemplateLiteral';
+
+/**
+ * Returns the string value of a tagged template literal object.
+ * Redirects the bulk of the work to `TemplateLiteral`.
+ */
+export default function extractValueFromTaggedTemplateExpression(value) {
+  return extractValueFromTemplateLiteral(value.quasi);
+}

web/node_modules/jsx-ast-utils/src/values/expressions/TemplateLiteral.js

@@ -0,0 +1,30 @@
+/**
+ * Returns the string value of a template literal object.
+ * Tries to build it as best as it can based on the passed
+ * prop. For instance `This is a ${prop}` will return 'This is a {prop}'.
+ *
+ * If the template literal builds to undefined (`${undefined}`), then
+ * this should return "".
+ */
+export default function extractValueFromTemplateLiteral(value) {
+  const {
+    quasis,
+    expressions,
+  } = value;
+  const partitions = quasis.concat(expressions);
+
+  return partitions.sort((a, b) => a.start - b.start).reduce((raw, part) => {
+    const {
+      type,
+    } = part;
+    if (type === 'TemplateElement') {
+      return raw + part.value.raw;
+    } else if (type === 'Identifier') {
+      return part.name === 'undefined' ? raw : `${raw}{${part.name}}`;
+    } else if (type.indexOf('Expression') > -1) {
+      return `${raw}{${type}}`;
+    }
+
+    return raw;
+  }, '');
+}

web/node_modules/jsx-ast-utils/src/values/expressions/ThisExpression.js

@@ -0,0 +1,9 @@
+/**
+ * Extractor function for a ThisExpression type value node.
+ * A this expression is using `this` as an identifier.
+ *
+ * @returns - 'this' as a string.
+ */
+export default function extractValueFromThisExpression() {
+  return 'this';
+}

web/node_modules/jsx-ast-utils/src/values/expressions/UnaryExpression.js

@@ -0,0 +1,31 @@
+import getValue from './index';
+
+/**
+ * Extractor function for a UnaryExpression type value node.
+ * A unary expression is an expression with a unary operator.
+ * For example, !"foobar" will evaluate to false, so this will return false.
+ *
+ * @param - value - AST Value object with type `UnaryExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromUnaryExpression(value) {
+  const { operator, argument } = value;
+
+  switch (operator) {
+    case '-':
+      return -getValue(argument);
+    case '+':
+      return +getValue(argument); // eslint-disable-line no-implicit-coercion
+    case '!':
+      return !getValue(argument);
+    case '~':
+      return ~getValue(argument); // eslint-disable-line no-bitwise
+    case 'delete':
+      // I believe delete statements evaluate to true.
+      return true;
+    case 'typeof':
+    case 'void':
+    default:
+      return undefined;
+  }
+}

web/node_modules/jsx-ast-utils/src/values/expressions/UpdateExpression.js

@@ -0,0 +1,24 @@
+import getValue from './index';
+
+/**
+ * Extractor function for an UpdateExpression type value node.
+ * An update expression is an expression with an update operator.
+ * For example, foo++ will evaluate to foo + 1.
+ *
+ * @param - value - AST Value object with type `UpdateExpression`
+ * @returns - The extracted value converted to correct type.
+ */
+export default function extractValueFromUpdateExpression(value) {
+  const { operator, argument, prefix } = value;
+
+  let val = getValue(argument);
+
+  switch (operator) {
+    case '++':
+      return prefix ? ++val : val++; // eslint-disable-line no-plusplus
+    case '--':
+      return prefix ? --val : val--; // eslint-disable-line no-plusplus
+    default:
+      return undefined;
+  }
+}

web/node_modules/jsx-ast-utils/src/values/expressions/index.js

@@ -0,0 +1,136 @@
+import Literal from '../Literal';
+import JSXElement from '../JSXElement';
+import Identifier from './Identifier';
+import TaggedTemplateExpression from './TaggedTemplateExpression';
+import TemplateLiteral from './TemplateLiteral';
+import FunctionExpression from './FunctionExpression';
+import LogicalExpression from './LogicalExpression';
+import MemberExpression from './MemberExpression';
+import CallExpression from './CallExpression';
+import UnaryExpression from './UnaryExpression';
+import ThisExpression from './ThisExpression';
+import ConditionalExpression from './ConditionalExpression';
+import BinaryExpression from './BinaryExpression';
+import ObjectExpression from './ObjectExpression';
+import NewExpression from './NewExpression';
+import UpdateExpression from './UpdateExpression';
+import ArrayExpression from './ArrayExpression';
+
+// Composition map of types to their extractor functions.
+const TYPES = {
+  Identifier,
+  Literal,
+  JSXElement,
+  TaggedTemplateExpression,
+  TemplateLiteral,
+  ArrowFunctionExpression: FunctionExpression,
+  FunctionExpression,
+  LogicalExpression,
+  MemberExpression,
+  CallExpression,
+  UnaryExpression,
+  ThisExpression,
+  ConditionalExpression,
+  BinaryExpression,
+  ObjectExpression,
+  NewExpression,
+  UpdateExpression,
+  ArrayExpression,
+};
+
+const noop = () => null;
+
+// Composition map of types to their extractor functions to handle literals.
+const LITERAL_TYPES = Object.assign({}, TYPES, {
+  Literal: (value) => {
+    const extractedVal = TYPES.Literal.call(undefined, value);
+    const isNull = extractedVal === null;
+    // This will be convention for attributes that have null
+    // value explicitly defined (<div prop={null} /> maps to 'null').
+    return isNull ? 'null' : extractedVal;
+  },
+  Identifier: (value) => {
+    const isUndefined = TYPES.Identifier.call(undefined, value) === undefined;
+    return isUndefined ? undefined : null;
+  },
+  JSXElement: noop,
+  ArrowFunctionExpression: noop,
+  FunctionExpression: noop,
+  LogicalExpression: noop,
+  MemberExpression: noop,
+  CallExpression: noop,
+  UnaryExpression: (value) => {
+    const extractedVal = TYPES.UnaryExpression.call(undefined, value);
+    return extractedVal === undefined ? null : extractedVal;
+  },
+  UpdateExpression: (value) => {
+    const extractedVal = TYPES.UpdateExpression.call(undefined, value);
+    return extractedVal === undefined ? null : extractedVal;
+  },
+  ThisExpression: noop,
+  ConditionalExpression: noop,
+  BinaryExpression: noop,
+  ObjectExpression: noop,
+  NewExpression: noop,
+  ArrayExpression: (value) => {
+    const extractedVal = TYPES.ArrayExpression.call(undefined, value);
+    return extractedVal.filter(val => val !== null);
+  },
+});
+
+const errorMessage = expression =>
+  `The prop value with an expression type of ${expression} could not be resolved.
+  Please file issue to get this fixed immediately.`;
+
+/**
+ * This function maps an AST value node
+ * to its correct extractor function for its
+ * given type.
+ *
+ * This will map correctly for *all* possible expression types.
+ *
+ * @param - value - AST Value object with type `JSXExpressionContainer`
+ * @returns The extracted value.
+ */
+export default function extract(value) {
+  // Value will not have the expression property when we recurse.
+  // The type for expression on ArrowFunctionExpression is a boolean.
+  let expression;
+  if (
+    typeof value.expression !== 'boolean'
+    && value.expression
+  ) {
+    expression = value.expression;
+  } else {
+    expression = value;
+  }
+  const { type } = expression;
+
+  if (TYPES[type] === undefined) {
+    throw new Error(errorMessage(type));
+  }
+
+  return TYPES[type](expression);
+}
+
+/**
+ * This function maps an AST value node
+ * to its correct extractor function for its
+ * given type.
+ *
+ * This will map correctly for *some* possible types that map to literals.
+ *
+ * @param - value - AST Value object with type `JSXExpressionContainer`
+ * @returns The extracted value.
+ */
+export function extractLiteral(value) {
+  // Value will not have the expression property when we recurse.
+  const expression = value.expression || value;
+  const { type } = expression;
+
+  if (LITERAL_TYPES[type] === undefined) {
+    throw new Error(errorMessage(type));
+  }
+
+  return LITERAL_TYPES[type](expression);
+}

web/node_modules/jsx-ast-utils/src/values/index.js

@@ -0,0 +1,42 @@
+import Literal from './Literal';
+import JSXElement from './JSXElement';
+import JSXExpressionContainer, { extractLiteral } from './expressions';
+
+// Composition map of types to their extractor functions.
+const TYPES = {
+  Literal,
+  JSXElement,
+  JSXExpressionContainer,
+};
+
+// Composition map of types to their extractor functions to handle literals.
+const LITERAL_TYPES = Object.assign({}, TYPES, {
+  JSXElement: () => null,
+  JSXExpressionContainer: extractLiteral,
+});
+
+/**
+ * This function maps an AST value node
+ * to its correct extractor function for its
+ * given type.
+ *
+ * This will map correctly for *all* possible types.
+ *
+ * @param value - AST Value object on a JSX Attribute.
+ */
+export default function getValue(value) {
+  return TYPES[value.type](value);
+}
+
+/**
+ * This function maps an AST value node
+ * to its correct extractor function for its
+ * given type.
+ *
+ * This will map correctly for *some* possible types that map to literals.
+ *
+ * @param value - AST Value object on a JSX Attribute.
+ */
+export function getLiteralValue(value) {
+  return LITERAL_TYPES[value.type](value);
+}