react-carousel-query
Version:
A infinite carousel component made with react that handles the pagination for you.
142 lines (109 loc) • 5.01 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = defaultPropsHandler;
var _astTypes = require("ast-types");
var _getPropertyName = _interopRequireDefault(require("../utils/getPropertyName"));
var _getMemberValuePath = _interopRequireDefault(require("../utils/getMemberValuePath"));
var _printValue = _interopRequireDefault(require("../utils/printValue"));
var _resolveToValue = _interopRequireDefault(require("../utils/resolveToValue"));
var _resolveFunctionDefinitionToReturnValue = _interopRequireDefault(require("../utils/resolveFunctionDefinitionToReturnValue"));
var _isReactComponentClass = _interopRequireDefault(require("../utils/isReactComponentClass"));
var _isReactForwardRefCall = _interopRequireDefault(require("../utils/isReactForwardRefCall"));
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
function getDefaultValue(path) {
let node = path.node;
let defaultValue;
if (_astTypes.namedTypes.Literal.check(node)) {
defaultValue = node.raw;
} else {
if (_astTypes.namedTypes.AssignmentPattern.check(path.node)) {
path = (0, _resolveToValue.default)(path.get('right'));
} else {
path = (0, _resolveToValue.default)(path);
}
if (_astTypes.namedTypes.ImportDeclaration.check(path.node)) {
defaultValue = node.name;
} else {
node = path.node;
defaultValue = (0, _printValue.default)(path);
}
}
if (typeof defaultValue !== 'undefined') {
return {
value: defaultValue,
computed: _astTypes.namedTypes.CallExpression.check(node) || _astTypes.namedTypes.MemberExpression.check(node) || _astTypes.namedTypes.Identifier.check(node)
};
}
return null;
}
function getStatelessPropsPath(componentDefinition) {
let value = (0, _resolveToValue.default)(componentDefinition);
if ((0, _isReactForwardRefCall.default)(value)) {
value = (0, _resolveToValue.default)(value.get('arguments', 0));
}
return value.get('params', 0);
}
function getDefaultPropsPath(componentDefinition) {
let defaultPropsPath = (0, _getMemberValuePath.default)(componentDefinition, 'defaultProps');
if (!defaultPropsPath) {
return null;
}
defaultPropsPath = (0, _resolveToValue.default)(defaultPropsPath);
if (!defaultPropsPath) {
return null;
}
if (_astTypes.namedTypes.FunctionExpression.check(defaultPropsPath.node)) {
// Find the value that is returned from the function and process it if it is
// an object literal.
const returnValue = (0, _resolveFunctionDefinitionToReturnValue.default)(defaultPropsPath);
if (returnValue && _astTypes.namedTypes.ObjectExpression.check(returnValue.node)) {
defaultPropsPath = returnValue;
}
}
return defaultPropsPath;
}
function getDefaultValuesFromProps(properties, documentation, isStateless) {
properties // Don't evaluate property if component is functional and the node is not an AssignmentPattern
.filter(propertyPath => !isStateless || _astTypes.namedTypes.AssignmentPattern.check(propertyPath.get('value').node)).forEach(propertyPath => {
if (_astTypes.namedTypes.Property.check(propertyPath.node)) {
const propName = (0, _getPropertyName.default)(propertyPath);
if (!propName) return;
const propDescriptor = documentation.getPropDescriptor(propName);
const defaultValue = getDefaultValue(isStateless ? propertyPath.get('value', 'right') : propertyPath.get('value'));
if (defaultValue) {
propDescriptor.defaultValue = defaultValue;
}
} else if (_astTypes.namedTypes.SpreadElement.check(propertyPath.node)) {
const resolvedValuePath = (0, _resolveToValue.default)(propertyPath.get('argument'));
if (_astTypes.namedTypes.ObjectExpression.check(resolvedValuePath.node)) {
getDefaultValuesFromProps(resolvedValuePath.get('properties'), documentation, isStateless);
}
}
});
}
function defaultPropsHandler(documentation, componentDefinition) {
let statelessProps = null;
const defaultPropsPath = getDefaultPropsPath(componentDefinition);
/**
* function, lazy, memo, forwardRef etc components can resolve default props as well
*/
if (!(0, _isReactComponentClass.default)(componentDefinition)) {
statelessProps = getStatelessPropsPath(componentDefinition);
} // Do both statelessProps and defaultProps if both are available so defaultProps can override
if (statelessProps && _astTypes.namedTypes.ObjectPattern.check(statelessProps.node)) {
getDefaultValuesFromProps(statelessProps.get('properties'), documentation, true);
}
if (defaultPropsPath && _astTypes.namedTypes.ObjectExpression.check(defaultPropsPath.node)) {
getDefaultValuesFromProps(defaultPropsPath.get('properties'), documentation, false);
}
}