resource.jsx
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

resource.jsx
View Options

	const React = require("react");
	const SingleResourceAPI = require("./api/single-resource-api.js");

	const default_forced_query = props => ({
	filter: {},
	format: {},
	sort: {},
	});

	module.exports = (
	{
	collection,
	get_forced_query = default_forced_query,
	get_id = props => props.id,
	resource_api_class = SingleResourceAPI,
	},
	component
	) =>
	class Resource extends React.Component {
	constructor(props) {
	super(props);
	this.resourceAPI = new resource_api_class(
	collection,
	get_id(this.props),
	{
	filter: {
	...get_forced_query(this.props).filter,
	},
	format: get_forced_query(this.props).format,
	}
	);
	this.state = {
	resourceData: null,
	};
	this.resourceAPI.on("change", newData =>
	this.setState({ resourceData: newData })
	);
	this.resourceAPI.load();
	}
	componentWillUnmount() {
	this.resourceAPI.removeAllListeners();
	}
	render() {
	if (!get_id(this.props)) {
	throw Error(
	"Please provide the resource id as an 'id' prop or provide the 'get_id' prop"
	);
	}
	return React.createElement(component, {
	...this.props,
	loading: this.resourceAPI.loading,
	resourceAPI: this.resourceAPI,
	resourceData: this.state.resourceData,
	});
	}
	};