UNPKG

@wordpress/editor

Version:
70 lines (68 loc) 2.31 kB
"use strict"; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // packages/editor/src/components/collab-sidebar/rich-text-control/format-edit.tsx var format_edit_exports = {}; __export(format_edit_exports, { default: () => FormatEdit }); module.exports = __toCommonJS(format_edit_exports); var import_rich_text = require("@wordpress/rich-text"); var import_jsx_runtime = require("react/jsx-runtime"); var import_react = require("react"); var EMPTY_CONTEXT = {}; function Edit({ onChange, onFocus, value, forwardedRef, settings, isVisible }) { const { name, edit: EditFunction } = settings; if (!EditFunction) { return null; } const activeFormat = (0, import_rich_text.getActiveFormat)(value, name); const isActive = activeFormat !== void 0; const activeObject = (0, import_rich_text.getActiveObject)(value); const isObjectActive = activeObject !== void 0 && activeObject.type === name; return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( EditFunction, { isActive, isVisible, activeAttributes: isActive ? activeFormat.attributes || {} : {}, isObjectActive, activeObjectAttributes: isObjectActive ? activeObject.attributes || {} : {}, value, onChange, onFocus, contentRef: forwardedRef, context: EMPTY_CONTEXT }, name ); } function FormatEdit({ formatTypes, ...props }) { return formatTypes.map((settings) => /* @__PURE__ */ (0, import_react.createElement)(Edit, { settings, ...props, key: settings.name })); } //# sourceMappingURL=format-edit.cjs.map