@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
24 lines (18 loc) • 667 B
JSX
import React, { Component } from 'react';
// eslint-disable-next-line camelcase
import UNSAFE_DirectionSettings from '..';
const LanguageDirectionHOC = (WrappedComponent) => {
const componentName =
WrappedComponent.displayName || WrappedComponent.name || 'Component';
return class LanguageDirection extends Component {
static displayName = `LanguageDirection(${componentName})`;
// eslint-disable-next-line camelcase
static contextType = UNSAFE_DirectionSettings;
render() {
const props = { ...this.props };
props.direction = this.context;
return React.createElement(WrappedComponent, props);
}
};
};
export default LanguageDirectionHOC;