@wordpress/block-editor/build/components/image-editor/context.js

Generic block editor.

"use strict";

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

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

var _element = require("@wordpress/element");

var _useSaveImage = _interopRequireDefault(require("./use-save-image"));

var _useTransformImage = _interopRequireDefault(require("./use-transform-image"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
const ImageEditingContext = (0, _element.createContext)({});

const useImageEditingContext = () => (0, _element.useContext)(ImageEditingContext);

exports.useImageEditingContext = useImageEditingContext;

function ImageEditingProvider({
  id,
  url,
  naturalWidth,
  naturalHeight,
  onFinishEditing,
  onSaveImage,
  children
}) {
  const transformImage = (0, _useTransformImage.default)({
    url,
    naturalWidth,
    naturalHeight
  });
  const saveImage = (0, _useSaveImage.default)({
    id,
    url,
    onSaveImage,
    onFinishEditing,
    ...transformImage
  });
  const providerValue = (0, _element.useMemo)(() => ({ ...transformImage,
    ...saveImage
  }), [transformImage, saveImage]);
  return (0, _element.createElement)(ImageEditingContext.Provider, {
    value: providerValue
  }, children);
}
//# sourceMappingURL=context.js.map