wix-style-react/dist/src/WixStyleReactProvider/WixStyleReactProvider.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FEATURES = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _constants = require("./constants");

var _context = require("./context");

var _FontUpgrade = _interopRequireDefault(require("../FontUpgrade"));

/** Wix Style React Provider */
var WixStyleReactProvider = function WixStyleReactProvider(_ref) {
  var dataHook = _ref.dataHook,
      className = _ref.className,
      as = _ref.as,
      children = _ref.children,
      features = _ref.features;
  var reducedSpacingAndImprovedLayout = features.reducedSpacingAndImprovedLayout;
  return /*#__PURE__*/_react["default"].createElement(_context.WixStyleReactContext.Provider, {
    value: features
  }, /*#__PURE__*/_react["default"].createElement(_FontUpgrade["default"], {
    as: as,
    active: reducedSpacingAndImprovedLayout,
    dataHook: dataHook,
    className: className
  }, children));
};

WixStyleReactProvider.displayName = 'WixStyleReactProvider';
WixStyleReactProvider.propTypes = {
  /** Applied as data-hook HTML attribute that can be used to create driver in testing */
  dataHook: _propTypes["default"].string,

  /** A css class to be applied to the component's root element */
  className: _propTypes["default"].string,

  /** render as some other component or DOM tag */
  as: _propTypes["default"].oneOf(['span', 'div']),

  /** A renderable node */
  children: _propTypes["default"].node,

  /** Object which represent all features you would like to use. The available features are:
   * - `reducedSpacingAndImprovedLayout`: reducing the spacing to improve the application layout.
   * */
  features: _propTypes["default"].object
};
WixStyleReactProvider.defaultProps = {
  as: 'span',
  features: {}
};
var _default = WixStyleReactProvider;
exports["default"] = _default;
var FEATURES = _constants.featuresMap;
exports.FEATURES = FEATURES;