@wordpress/block-editor/build/utils/transform-styles/index.js

Generic block editor.

"use strict";

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

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

var _compose = require("@wordpress/compose");

var _traverse = _interopRequireDefault(require("./traverse"));

var _urlRewrite = _interopRequireDefault(require("./transforms/url-rewrite"));

var _wrap = _interopRequireDefault(require("./transforms/wrap"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Applies a series of CSS rule transforms to wrap selectors inside a given class and/or rewrite URLs depending on the parameters passed.
 *
 * @param {Object|Array} styles           CSS rules.
 * @param {string}       wrapperClassName Wrapper Class Name.
 * @return {Array} converted rules.
 */
const transformStyles = (styles, wrapperClassName = '') => {
  return Object.values(styles !== null && styles !== void 0 ? styles : []).map(({
    css,
    baseURL
  }) => {
    const transforms = [];

    if (wrapperClassName) {
      transforms.push((0, _wrap.default)(wrapperClassName));
    }

    if (baseURL) {
      transforms.push((0, _urlRewrite.default)(baseURL));
    }

    if (transforms.length) {
      return (0, _traverse.default)(css, (0, _compose.compose)(transforms));
    }

    return css;
  });
};

var _default = transformStyles;
exports.default = _default;
//# sourceMappingURL=index.js.map