@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/text-color/inline.js

@@ -1,65 +1,70 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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);
+var inline_exports = {};
+__export(inline_exports, {
+  default: () => InlineColorUI,
+  getActiveColors: () => getActiveColors,
+  parseClassName: () => parseClassName
 });
-exports.default = InlineColorUI;
-exports.getActiveColors = getActiveColors;
-exports.parseClassName = parseClassName;
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _index = require("./index");
-var _lockUnlock = require("../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  Tabs
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-const TABS = [{
-  name: 'color',
-  title: (0, _i18n.__)('Text')
-}, {
-  name: 'backgroundColor',
-  title: (0, _i18n.__)('Background')
-}];
-function parseCSS(css = '') {
-  return css.split(';').reduce((accumulator, rule) => {
+module.exports = __toCommonJS(inline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_index = require("./index");
+var import_lock_unlock = require("../lock-unlock");
+const { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+const TABS = [
+  { name: "color", title: (0, import_i18n.__)("Text") },
+  { name: "backgroundColor", title: (0, import_i18n.__)("Background") }
+];
+function parseCSS(css = "") {
+  return css.split(";").reduce((accumulator, rule) => {
     if (rule) {
-      const [property, value] = rule.split(':');
-      if (property === 'color') {
+      const [property, value] = rule.split(":");
+      if (property === "color") {
         accumulator.color = value;
       }
-      if (property === 'background-color' && value !== _index.transparentValue) {
+      if (property === "background-color" && value !== import_index.transparentValue) {
         accumulator.backgroundColor = value;
       }
     }
     return accumulator;
   }, {});
 }
-function parseClassName(className = '', colorSettings) {
-  return className.split(' ').reduce((accumulator, name) => {
-    // `colorSlug` could contain dashes, so simply match the start and end.
-    if (name.startsWith('has-') && name.endsWith('-color')) {
-      const colorSlug = name.replace(/^has-/, '').replace(/-color$/, '');
-      const colorObject = (0, _blockEditor.getColorObjectByAttributeValues)(colorSettings, colorSlug);
+function parseClassName(className = "", colorSettings) {
+  return className.split(" ").reduce((accumulator, name) => {
+    if (name.startsWith("has-") && name.endsWith("-color")) {
+      const colorSlug = name.replace(/^has-/, "").replace(/-color$/, "");
+      const colorObject = (0, import_block_editor.getColorObjectByAttributeValues)(
+        colorSettings,
+        colorSlug
+      );
       accumulator.color = colorObject.color;
     }
     return accumulator;
   }, {});
 }
 function getActiveColors(value, name, colorSettings) {
-  const activeColorFormat = (0, _richText.getActiveFormat)(value, name);
+  const activeColorFormat = (0, import_rich_text.getActiveFormat)(value, name);
   if (!activeColorFormat) {
     return {};
   }
@@ -69,70 +74,59 @@ function getActiveColors(value, name, colorSettings) {
   };
 }
 function setColors(value, name, colorSettings, colors) {
-  const {
-    color,
-    backgroundColor
-  } = {
+  const { color, backgroundColor } = {
     ...getActiveColors(value, name, colorSettings),
     ...colors
   };
   if (!color && !backgroundColor) {
-    return (0, _richText.removeFormat)(value, name);
+    return (0, import_rich_text.removeFormat)(value, name);
   }
   const styles = [];
   const classNames = [];
   const attributes = {};
   if (backgroundColor) {
-    styles.push(['background-color', backgroundColor].join(':'));
+    styles.push(["background-color", backgroundColor].join(":"));
   } else {
-    // Override default browser color for mark element.
-    styles.push(['background-color', _index.transparentValue].join(':'));
+    styles.push(["background-color", import_index.transparentValue].join(":"));
   }
   if (color) {
-    const colorObject = (0, _blockEditor.getColorObjectByColorValue)(colorSettings, color);
+    const colorObject = (0, import_block_editor.getColorObjectByColorValue)(colorSettings, color);
     if (colorObject) {
-      classNames.push((0, _blockEditor.getColorClassName)('color', colorObject.slug));
+      classNames.push((0, import_block_editor.getColorClassName)("color", colorObject.slug));
     } else {
-      styles.push(['color', color].join(':'));
+      styles.push(["color", color].join(":"));
     }
   }
   if (styles.length) {
-    attributes.style = styles.join(';');
+    attributes.style = styles.join(";");
   }
   if (classNames.length) {
-    attributes.class = classNames.join(' ');
+    attributes.class = classNames.join(" ");
   }
-  return (0, _richText.applyFormat)(value, {
-    type: name,
-    attributes
-  });
+  return (0, import_rich_text.applyFormat)(value, { type: name, attributes });
 }
-function ColorPicker({
-  name,
-  property,
-  value,
-  onChange
-}) {
-  const colors = (0, _data.useSelect)(select => {
-    var _getSettings$colors;
-    const {
-      getSettings
-    } = select(_blockEditor.store);
-    return (_getSettings$colors = getSettings().colors) !== null && _getSettings$colors !== void 0 ? _getSettings$colors : [];
+function ColorPicker({ name, property, value, onChange }) {
+  const colors = (0, import_data.useSelect)((select) => {
+    const { getSettings } = select(import_block_editor.store);
+    return getSettings().colors ?? [];
   }, []);
-  const activeColors = (0, _element.useMemo)(() => getActiveColors(value, name, colors), [name, value, colors]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.ColorPalette, {
-    value: activeColors[property],
-    onChange: color => {
-      onChange(setColors(value, name, colors, {
-        [property]: color
-      }));
-    },
-    enableAlpha: true
-    // Prevent the text and color picker from overlapping.
-    ,
-    __experimentalIsRenderedInSidebar: true
-  });
+  const activeColors = (0, import_element.useMemo)(
+    () => getActiveColors(value, name, colors),
+    [name, value, colors]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_block_editor.ColorPalette,
+    {
+      value: activeColors[property],
+      onChange: (color) => {
+        onChange(
+          setColors(value, name, colors, { [property]: color })
+        );
+      },
+      enableAlpha: true,
+      __experimentalIsRenderedInSidebar: true
+    }
+  );
 }
 function InlineColorUI({
   name,
@@ -142,34 +136,42 @@ function InlineColorUI({
   contentRef,
   isActive
 }) {
-  const popoverAnchor = (0, _richText.useAnchor)({
+  const popoverAnchor = (0, import_rich_text.useAnchor)({
     editableContentElement: contentRef.current,
-    settings: {
-      ..._index.textColor,
-      isActive
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
-    onClose: onClose,
-    className: "format-library__inline-color-popover",
-    anchor: popoverAnchor,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabList, {
-        children: TABS.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
-          tabId: tab.name,
-          children: tab.title
-        }, tab.name))
-      }), TABS.map(tab => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
-        tabId: tab.name,
-        focusable: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ColorPicker, {
-          name: name,
-          property: tab.name,
-          value: value,
-          onChange: onChange
-        })
-      }, tab.name))]
-    })
+    settings: { ...import_index.textColor, isActive }
   });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Popover,
+    {
+      onClose,
+      className: "format-library__inline-color-popover",
+      anchor: popoverAnchor,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabList, { children: TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.Tab, { tabId: tab.name, children: tab.title }, tab.name)) }),
+        TABS.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Tabs.TabPanel,
+          {
+            tabId: tab.name,
+            focusable: false,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              ColorPicker,
+              {
+                name,
+                property: tab.name,
+                value,
+                onChange
+              }
+            )
+          },
+          tab.name
+        ))
+      ] })
+    }
+  );
 }
-//# sourceMappingURL=inline.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getActiveColors,
+  parseClassName
+});
+//# sourceMappingURL=inline.js.map

package/build/text-color/inline.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_data","_richText","_blockEditor","_components","_i18n","_index","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","TABS","name","title","__","parseCSS","css","split","reduce","accumulator","rule","property","value","color","transparentValue","backgroundColor","parseClassName","className","colorSettings","startsWith","endsWith","colorSlug","replace","colorObject","getColorObjectByAttributeValues","getActiveColors","activeColorFormat","getActiveFormat","attributes","style","class","setColors","colors","removeFormat","styles","classNames","push","join","getColorObjectByColorValue","getColorClassName","slug","length","applyFormat","type","ColorPicker","onChange","useSelect","select","_getSettings$colors","getSettings","blockEditorStore","activeColors","useMemo","jsx","ColorPalette","enableAlpha","__experimentalIsRenderedInSidebar","InlineColorUI","onClose","contentRef","isActive","popoverAnchor","useAnchor","editableContentElement","current","settings","Popover","anchor","children","jsxs","TabList","map","tab","Tab","tabId","TabPanel","focusable"],"sources":["@wordpress/format-library/src/text-color/inline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tapplyFormat,\n\tremoveFormat,\n\tgetActiveFormat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tColorPalette,\n\tgetColorClassName,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tPopover,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { textColor as settings, transparentValue } from './index';\nimport { unlock } from '../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst TABS = [\n\t{ name: 'color', title: __( 'Text' ) },\n\t{ name: 'backgroundColor', title: __( 'Background' ) },\n];\n\nfunction parseCSS( css = '' ) {\n\treturn css.split( ';' ).reduce( ( accumulator, rule ) => {\n\t\tif ( rule ) {\n\t\t\tconst [ property, value ] = rule.split( ':' );\n\t\t\tif ( property === 'color' ) {\n\t\t\t\taccumulator.color = value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tproperty === 'background-color' &&\n\t\t\t\tvalue !== transparentValue\n\t\t\t) {\n\t\t\t\taccumulator.backgroundColor = value;\n\t\t\t}\n\t\t}\n\t\treturn accumulator;\n\t}, {} );\n}\n\nexport function parseClassName( className = '', colorSettings ) {\n\treturn className.split( ' ' ).reduce( ( accumulator, name ) => {\n\t\t// `colorSlug` could contain dashes, so simply match the start and end.\n\t\tif ( name.startsWith( 'has-' ) && name.endsWith( '-color' ) ) {\n\t\t\tconst colorSlug = name\n\t\t\t\t.replace( /^has-/, '' )\n\t\t\t\t.replace( /-color$/, '' );\n\t\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\t\tcolorSettings,\n\t\t\t\tcolorSlug\n\t\t\t);\n\t\t\taccumulator.color = colorObject.color;\n\t\t}\n\t\treturn accumulator;\n\t}, {} );\n}\n\nexport function getActiveColors( value, name, colorSettings ) {\n\tconst activeColorFormat = getActiveFormat( value, name );\n\n\tif ( ! activeColorFormat ) {\n\t\treturn {};\n\t}\n\n\treturn {\n\t\t...parseCSS( activeColorFormat.attributes.style ),\n\t\t...parseClassName( activeColorFormat.attributes.class, colorSettings ),\n\t};\n}\n\nfunction setColors( value, name, colorSettings, colors ) {\n\tconst { color, backgroundColor } = {\n\t\t...getActiveColors( value, name, colorSettings ),\n\t\t...colors,\n\t};\n\n\tif ( ! color && ! backgroundColor ) {\n\t\treturn removeFormat( value, name );\n\t}\n\n\tconst styles = [];\n\tconst classNames = [];\n\tconst attributes = {};\n\n\tif ( backgroundColor ) {\n\t\tstyles.push( [ 'background-color', backgroundColor ].join( ':' ) );\n\t} else {\n\t\t// Override default browser color for mark element.\n\t\tstyles.push( [ 'background-color', transparentValue ].join( ':' ) );\n\t}\n\n\tif ( color ) {\n\t\tconst colorObject = getColorObjectByColorValue( colorSettings, color );\n\n\t\tif ( colorObject ) {\n\t\t\tclassNames.push( getColorClassName( 'color', colorObject.slug ) );\n\t\t} else {\n\t\t\tstyles.push( [ 'color', color ].join( ':' ) );\n\t\t}\n\t}\n\n\tif ( styles.length ) {\n\t\tattributes.style = styles.join( ';' );\n\t}\n\tif ( classNames.length ) {\n\t\tattributes.class = classNames.join( ' ' );\n\t}\n\n\treturn applyFormat( value, { type: name, attributes } );\n}\n\nfunction ColorPicker( { name, property, value, onChange } ) {\n\tconst colors = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().colors ?? [];\n\t}, [] );\n\tconst activeColors = useMemo(\n\t\t() => getActiveColors( value, name, colors ),\n\t\t[ name, value, colors ]\n\t);\n\n\treturn (\n\t\t<ColorPalette\n\t\t\tvalue={ activeColors[ property ] }\n\t\t\tonChange={ ( color ) => {\n\t\t\t\tonChange(\n\t\t\t\t\tsetColors( value, name, colors, { [ property ]: color } )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tenableAlpha\n\t\t\t// Prevent the text and color picker from overlapping.\n\t\t\t__experimentalIsRenderedInSidebar\n\t\t/>\n\t);\n}\n\nexport default function InlineColorUI( {\n\tname,\n\tvalue,\n\tonChange,\n\tonClose,\n\tcontentRef,\n\tisActive,\n} ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: { ...settings, isActive },\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tonClose={ onClose }\n\t\t\tclassName=\"format-library__inline-color-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ TABS.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab tabId={ tab.name } key={ tab.name }>\n\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t{ TABS.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\t\tproperty={ tab.name }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</Popover>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/text-color/inline.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport {\n\tapplyFormat,\n\tremoveFormat,\n\tgetActiveFormat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tColorPalette,\n\tgetColorClassName,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tPopover,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { textColor as settings, transparentValue } from './index';\nimport { unlock } from '../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst TABS = [\n\t{ name: 'color', title: __( 'Text' ) },\n\t{ name: 'backgroundColor', title: __( 'Background' ) },\n];\n\nfunction parseCSS( css = '' ) {\n\treturn css.split( ';' ).reduce( ( accumulator, rule ) => {\n\t\tif ( rule ) {\n\t\t\tconst [ property, value ] = rule.split( ':' );\n\t\t\tif ( property === 'color' ) {\n\t\t\t\taccumulator.color = value;\n\t\t\t}\n\t\t\tif (\n\t\t\t\tproperty === 'background-color' &&\n\t\t\t\tvalue !== transparentValue\n\t\t\t) {\n\t\t\t\taccumulator.backgroundColor = value;\n\t\t\t}\n\t\t}\n\t\treturn accumulator;\n\t}, {} );\n}\n\nexport function parseClassName( className = '', colorSettings ) {\n\treturn className.split( ' ' ).reduce( ( accumulator, name ) => {\n\t\t// `colorSlug` could contain dashes, so simply match the start and end.\n\t\tif ( name.startsWith( 'has-' ) && name.endsWith( '-color' ) ) {\n\t\t\tconst colorSlug = name\n\t\t\t\t.replace( /^has-/, '' )\n\t\t\t\t.replace( /-color$/, '' );\n\t\t\tconst colorObject = getColorObjectByAttributeValues(\n\t\t\t\tcolorSettings,\n\t\t\t\tcolorSlug\n\t\t\t);\n\t\t\taccumulator.color = colorObject.color;\n\t\t}\n\t\treturn accumulator;\n\t}, {} );\n}\n\nexport function getActiveColors( value, name, colorSettings ) {\n\tconst activeColorFormat = getActiveFormat( value, name );\n\n\tif ( ! activeColorFormat ) {\n\t\treturn {};\n\t}\n\n\treturn {\n\t\t...parseCSS( activeColorFormat.attributes.style ),\n\t\t...parseClassName( activeColorFormat.attributes.class, colorSettings ),\n\t};\n}\n\nfunction setColors( value, name, colorSettings, colors ) {\n\tconst { color, backgroundColor } = {\n\t\t...getActiveColors( value, name, colorSettings ),\n\t\t...colors,\n\t};\n\n\tif ( ! color && ! backgroundColor ) {\n\t\treturn removeFormat( value, name );\n\t}\n\n\tconst styles = [];\n\tconst classNames = [];\n\tconst attributes = {};\n\n\tif ( backgroundColor ) {\n\t\tstyles.push( [ 'background-color', backgroundColor ].join( ':' ) );\n\t} else {\n\t\t// Override default browser color for mark element.\n\t\tstyles.push( [ 'background-color', transparentValue ].join( ':' ) );\n\t}\n\n\tif ( color ) {\n\t\tconst colorObject = getColorObjectByColorValue( colorSettings, color );\n\n\t\tif ( colorObject ) {\n\t\t\tclassNames.push( getColorClassName( 'color', colorObject.slug ) );\n\t\t} else {\n\t\t\tstyles.push( [ 'color', color ].join( ':' ) );\n\t\t}\n\t}\n\n\tif ( styles.length ) {\n\t\tattributes.style = styles.join( ';' );\n\t}\n\tif ( classNames.length ) {\n\t\tattributes.class = classNames.join( ' ' );\n\t}\n\n\treturn applyFormat( value, { type: name, attributes } );\n}\n\nfunction ColorPicker( { name, property, value, onChange } ) {\n\tconst colors = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().colors ?? [];\n\t}, [] );\n\tconst activeColors = useMemo(\n\t\t() => getActiveColors( value, name, colors ),\n\t\t[ name, value, colors ]\n\t);\n\n\treturn (\n\t\t<ColorPalette\n\t\t\tvalue={ activeColors[ property ] }\n\t\t\tonChange={ ( color ) => {\n\t\t\t\tonChange(\n\t\t\t\t\tsetColors( value, name, colors, { [ property ]: color } )\n\t\t\t\t);\n\t\t\t} }\n\t\t\tenableAlpha\n\t\t\t// Prevent the text and color picker from overlapping.\n\t\t\t__experimentalIsRenderedInSidebar\n\t\t/>\n\t);\n}\n\nexport default function InlineColorUI( {\n\tname,\n\tvalue,\n\tonChange,\n\tonClose,\n\tcontentRef,\n\tisActive,\n} ) {\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: { ...settings, isActive },\n\t} );\n\n\treturn (\n\t\t<Popover\n\t\t\tonClose={ onClose }\n\t\t\tclassName=\"format-library__inline-color-popover\"\n\t\t\tanchor={ popoverAnchor }\n\t\t>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t{ TABS.map( ( tab ) => (\n\t\t\t\t\t\t<Tabs.Tab tabId={ tab.name } key={ tab.name }>\n\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t) ) }\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t{ TABS.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\t\tname={ name }\n\t\t\t\t\t\t\tproperty={ tab.name }\n\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</Popover>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["componentsPrivateApis", "blockEditorStore", "settings"]
+}

package/build/underline/index.js

@@ -1,50 +1,72 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], 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);
+var underline_exports = {};
+__export(underline_exports, {
+  underline: () => underline
 });
-exports.underline = void 0;
-var _i18n = require("@wordpress/i18n");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-const name = 'core/underline';
-const title = (0, _i18n.__)('Underline');
-const underline = exports.underline = {
+module.exports = __toCommonJS(underline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+const name = "core/underline";
+const title = (0, import_i18n.__)("Underline");
+const underline = {
   name,
   title,
-  tagName: 'span',
+  tagName: "span",
   className: null,
   attributes: {
-    style: 'style'
+    style: "style"
   },
-  edit({
-    value,
-    onChange
-  }) {
+  edit({ value, onChange }) {
     const onToggle = () => {
-      onChange((0, _richText.toggleFormat)(value, {
-        type: name,
-        attributes: {
-          style: 'text-decoration: underline;'
-        },
-        title
-      }));
+      onChange(
+        (0, import_rich_text.toggleFormat)(value, {
+          type: name,
+          attributes: {
+            style: "text-decoration: underline;"
+          },
+          title
+        })
+      );
     };
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextShortcut, {
-        type: "primary",
-        character: "u",
-        onUse: onToggle
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__unstableRichTextInputEvent, {
-        inputType: "formatUnderline",
-        onInput: onToggle
-      })]
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.RichTextShortcut,
+        {
+          type: "primary",
+          character: "u",
+          onUse: onToggle
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.__unstableRichTextInputEvent,
+        {
+          inputType: "formatUnderline",
+          onInput: onToggle
+        }
+      )
+    ] });
   }
 };
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  underline
+});
+//# sourceMappingURL=index.js.map

package/build/underline/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_jsxRuntime","name","title","__","underline","exports","tagName","className","attributes","style","edit","value","onChange","onToggle","toggleFormat","type","jsxs","Fragment","children","jsx","RichTextShortcut","character","onUse","__unstableRichTextInputEvent","inputType","onInput"],"sources":["@wordpress/format-library/src/underline/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\n\nconst name = 'core/underline';\nconst title = __( 'Underline' );\n\nexport const underline = {\n\tname,\n\ttitle,\n\ttagName: 'span',\n\tclassName: null,\n\tattributes: {\n\t\tstyle: 'style',\n\t},\n\tedit( { value, onChange } ) {\n\t\tconst onToggle = () => {\n\t\t\tonChange(\n\t\t\t\ttoggleFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tstyle: 'text-decoration: underline;',\n\t\t\t\t\t},\n\t\t\t\t\ttitle,\n\t\t\t\t} )\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"u\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatUnderline\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGiC,IAAAG,WAAA,GAAAH,OAAA;AARjC;AACA;AACA;;AAQA,MAAMI,IAAI,GAAG,gBAAgB;AAC7B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,WAAY,CAAC;AAExB,MAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG;EACxBH,IAAI;EACJC,KAAK;EACLI,OAAO,EAAE,MAAM;EACfC,SAAS,EAAE,IAAI;EACfC,UAAU,EAAE;IACXC,KAAK,EAAE;EACR,CAAC;EACDC,IAAIA,CAAE;IAAEC,KAAK;IAAEC;EAAS,CAAC,EAAG;IAC3B,MAAMC,QAAQ,GAAGA,CAAA,KAAM;MACtBD,QAAQ,CACP,IAAAE,sBAAY,EAAEH,KAAK,EAAE;QACpBI,IAAI,EAAEd,IAAI;QACVO,UAAU,EAAE;UACXC,KAAK,EAAE;QACR,CAAC;QACDP;MACD,CAAE,CACH,CAAC;IACF,CAAC;IAED,oBACC,IAAAF,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;MAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAqB,gBAAgB;QAChBL,IAAI,EAAC,SAAS;QACdM,SAAS,EAAC,GAAG;QACbC,KAAK,EAAGT;MAAU,CAClB,CAAC,eACF,IAAAb,WAAA,CAAAmB,GAAA,EAACpB,YAAA,CAAAwB,4BAA4B;QAC5BC,SAAS,EAAC,iBAAiB;QAC3BC,OAAO,EAAGZ;MAAU,CACpB,CAAC;IAAA,CACD,CAAC;EAEL;AACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/underline/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { toggleFormat } from '@wordpress/rich-text';\nimport {\n\tRichTextShortcut,\n\t__unstableRichTextInputEvent,\n} from '@wordpress/block-editor';\n\nconst name = 'core/underline';\nconst title = __( 'Underline' );\n\nexport const underline = {\n\tname,\n\ttitle,\n\ttagName: 'span',\n\tclassName: null,\n\tattributes: {\n\t\tstyle: 'style',\n\t},\n\tedit( { value, onChange } ) {\n\t\tconst onToggle = () => {\n\t\t\tonChange(\n\t\t\t\ttoggleFormat( value, {\n\t\t\t\t\ttype: name,\n\t\t\t\t\tattributes: {\n\t\t\t\t\t\tstyle: 'text-decoration: underline;',\n\t\t\t\t\t},\n\t\t\t\t\ttitle,\n\t\t\t\t} )\n\t\t\t);\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<RichTextShortcut\n\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\tcharacter=\"u\"\n\t\t\t\t\tonUse={ onToggle }\n\t\t\t\t/>\n\t\t\t\t<__unstableRichTextInputEvent\n\t\t\t\t\tinputType=\"formatUnderline\"\n\t\t\t\t\tonInput={ onToggle }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCG;AAhCH,kBAAmB;AACnB,uBAA6B;AAC7B,0BAGO;AAEP,MAAM,OAAO;AACb,MAAM,YAAQ,gBAAI,WAAY;AAEvB,MAAM,YAAY;AAAA,EACxB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AAAA,IACX,OAAO;AAAA,EACR;AAAA,EACA,KAAM,EAAE,OAAO,SAAS,GAAI;AAC3B,UAAM,WAAW,MAAM;AACtB;AAAA,YACC,+BAAc,OAAO;AAAA,UACpB,MAAM;AAAA,UACN,YAAY;AAAA,YACX,OAAO;AAAA,UACR;AAAA,UACA;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD;AAEA,WACC,4EACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAQ;AAAA;AAAA,MACT;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,SAAU;AAAA;AAAA,MACX;AAAA,OACD;AAAA,EAEF;AACD;",
+  "names": []
+}

package/build/unknown/index.js

@@ -1,54 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], 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);
+var unknown_exports = {};
+__export(unknown_exports, {
+  unknown: () => unknown
 });
-exports.unknown = void 0;
-var _i18n = require("@wordpress/i18n");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _icons = require("@wordpress/icons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-const name = 'core/unknown';
-const title = (0, _i18n.__)('Clear Unknown Formatting');
+module.exports = __toCommonJS(unknown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+var import_icons = require("@wordpress/icons");
+const name = "core/unknown";
+const title = (0, import_i18n.__)("Clear Unknown Formatting");
 function selectionContainsUnknownFormats(value) {
-  if ((0, _richText.isCollapsed)(value)) {
+  if ((0, import_rich_text.isCollapsed)(value)) {
     return false;
   }
-  const selectedValue = (0, _richText.slice)(value);
-  return selectedValue.formats.some(formats => {
-    return formats.some(format => format.type === name);
+  const selectedValue = (0, import_rich_text.slice)(value);
+  return selectedValue.formats.some((formats) => {
+    return formats.some((format) => format.type === name);
   });
 }
-const unknown = exports.unknown = {
+const unknown = {
   name,
   title,
-  tagName: '*',
+  tagName: "*",
   className: null,
-  edit({
-    isActive,
-    value,
-    onChange,
-    onFocus
-  }) {
+  edit({ isActive, value, onChange, onFocus }) {
     if (!isActive && !selectionContainsUnknownFormats(value)) {
       return null;
     }
     function onClick() {
-      onChange((0, _richText.removeFormat)(value, name));
+      onChange((0, import_rich_text.removeFormat)(value, name));
       onFocus();
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichTextToolbarButton, {
-      name: "unknown",
-      icon: _icons.help,
-      title: title,
-      onClick: onClick,
-      isActive: true
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.RichTextToolbarButton,
+      {
+        name: "unknown",
+        icon: import_icons.help,
+        title,
+        onClick,
+        isActive: true
+      }
+    );
   }
 };
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  unknown
+});
+//# sourceMappingURL=index.js.map

package/build/unknown/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_richText","_blockEditor","_icons","_jsxRuntime","name","title","__","selectionContainsUnknownFormats","value","isCollapsed","selectedValue","slice","formats","some","format","type","unknown","exports","tagName","className","edit","isActive","onChange","onFocus","onClick","removeFormat","jsx","RichTextToolbarButton","icon","help"],"sources":["@wordpress/format-library/src/unknown/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { removeFormat, slice, isCollapsed } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { help } from '@wordpress/icons';\n\nconst name = 'core/unknown';\nconst title = __( 'Clear Unknown Formatting' );\n\nfunction selectionContainsUnknownFormats( value ) {\n\tif ( isCollapsed( value ) ) {\n\t\treturn false;\n\t}\n\n\tconst selectedValue = slice( value );\n\treturn selectedValue.formats.some( ( formats ) => {\n\t\treturn formats.some( ( format ) => format.type === name );\n\t} );\n}\n\nexport const unknown = {\n\tname,\n\ttitle,\n\ttagName: '*',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tif ( ! isActive && ! selectionContainsUnknownFormats( value ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( removeFormat( value, name ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\tname=\"unknown\"\n\t\t\t\ticon={ help }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive\n\t\t\t/>\n\t\t);\n\t},\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AANxC;AACA;AACA;;AAMA,MAAMK,IAAI,GAAG,cAAc;AAC3B,MAAMC,KAAK,GAAG,IAAAC,QAAE,EAAE,0BAA2B,CAAC;AAE9C,SAASC,+BAA+BA,CAAEC,KAAK,EAAG;EACjD,IAAK,IAAAC,qBAAW,EAAED,KAAM,CAAC,EAAG;IAC3B,OAAO,KAAK;EACb;EAEA,MAAME,aAAa,GAAG,IAAAC,eAAK,EAAEH,KAAM,CAAC;EACpC,OAAOE,aAAa,CAACE,OAAO,CAACC,IAAI,CAAID,OAAO,IAAM;IACjD,OAAOA,OAAO,CAACC,IAAI,CAAIC,MAAM,IAAMA,MAAM,CAACC,IAAI,KAAKX,IAAK,CAAC;EAC1D,CAAE,CAAC;AACJ;AAEO,MAAMY,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACtBZ,IAAI;EACJC,KAAK;EACLa,OAAO,EAAE,GAAG;EACZC,SAAS,EAAE,IAAI;EACfC,IAAIA,CAAE;IAAEC,QAAQ;IAAEb,KAAK;IAAEc,QAAQ;IAAEC;EAAQ,CAAC,EAAG;IAC9C,IAAK,CAAEF,QAAQ,IAAI,CAAEd,+BAA+B,CAAEC,KAAM,CAAC,EAAG;MAC/D,OAAO,IAAI;IACZ;IAEA,SAASgB,OAAOA,CAAA,EAAG;MAClBF,QAAQ,CAAE,IAAAG,sBAAY,EAAEjB,KAAK,EAAEJ,IAAK,CAAE,CAAC;MACvCmB,OAAO,CAAC,CAAC;IACV;IAEA,oBACC,IAAApB,WAAA,CAAAuB,GAAA,EAACzB,YAAA,CAAA0B,qBAAqB;MACrBvB,IAAI,EAAC,SAAS;MACdwB,IAAI,EAAGC,WAAM;MACbxB,KAAK,EAAGA,KAAO;MACfmB,OAAO,EAAGA,OAAS;MACnBH,QAAQ;IAAA,CACR,CAAC;EAEJ;AACD,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/unknown/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { removeFormat, slice, isCollapsed } from '@wordpress/rich-text';\nimport { RichTextToolbarButton } from '@wordpress/block-editor';\nimport { help } from '@wordpress/icons';\n\nconst name = 'core/unknown';\nconst title = __( 'Clear Unknown Formatting' );\n\nfunction selectionContainsUnknownFormats( value ) {\n\tif ( isCollapsed( value ) ) {\n\t\treturn false;\n\t}\n\n\tconst selectedValue = slice( value );\n\treturn selectedValue.formats.some( ( formats ) => {\n\t\treturn formats.some( ( format ) => format.type === name );\n\t} );\n}\n\nexport const unknown = {\n\tname,\n\ttitle,\n\ttagName: '*',\n\tclassName: null,\n\tedit( { isActive, value, onChange, onFocus } ) {\n\t\tif ( ! isActive && ! selectionContainsUnknownFormats( value ) ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tfunction onClick() {\n\t\t\tonChange( removeFormat( value, name ) );\n\t\t\tonFocus();\n\t\t}\n\n\t\treturn (\n\t\t\t<RichTextToolbarButton\n\t\t\t\tname=\"unknown\"\n\t\t\t\ticon={ help }\n\t\t\t\ttitle={ title }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tisActive\n\t\t\t/>\n\t\t);\n\t},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCG;AAnCH,kBAAmB;AACnB,uBAAiD;AACjD,0BAAsC;AACtC,mBAAqB;AAErB,MAAM,OAAO;AACb,MAAM,YAAQ,gBAAI,0BAA2B;AAE7C,SAAS,gCAAiC,OAAQ;AACjD,UAAK,8BAAa,KAAM,GAAI;AAC3B,WAAO;AAAA,EACR;AAEA,QAAM,oBAAgB,wBAAO,KAAM;AACnC,SAAO,cAAc,QAAQ,KAAM,CAAE,YAAa;AACjD,WAAO,QAAQ,KAAM,CAAE,WAAY,OAAO,SAAS,IAAK;AAAA,EACzD,CAAE;AACH;AAEO,MAAM,UAAU;AAAA,EACtB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,WAAW;AAAA,EACX,KAAM,EAAE,UAAU,OAAO,UAAU,QAAQ,GAAI;AAC9C,QAAK,CAAE,YAAY,CAAE,gCAAiC,KAAM,GAAI;AAC/D,aAAO;AAAA,IACR;AAEA,aAAS,UAAU;AAClB,mBAAU,+BAAc,OAAO,IAAK,CAAE;AACtC,cAAQ;AAAA,IACT;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,MAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,UAAQ;AAAA;AAAA,IACT;AAAA,EAEF;AACD;",
+  "names": []
+}