@wordpress/block-editor 12.26.0 → 13.0.0

package/build/components/dimensions-tool/width-height-tool.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_EMOTION_STRINGIFIED_CSS_ERROR__","SingleColumnToolsPanelItem","_base","default","ToolsPanelItem","process","env","NODE_ENV","target","label","name","styles","map","toString","WidthHeightTool","panelId","value","onChange","units","isShownByDefault","_value$width","_value$height","width","height","onDimensionChange","dimension","nextDimension","nextValue","_react","createElement","Fragment","__","hasValue","onDeselect","__experimentalUnitControl","placeholder","labelPosition","min","size"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/width-height-tool.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst SingleColumnToolsPanelItem = styled( ToolsPanelItem )`\n\tgrid-column: span 1;\n`;\n\n/**\n * @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n */\n\n/**\n * @typedef {Object} WidthHeightToolValue\n * @property {string} [width]  Width CSS value.\n * @property {string} [height] Height CSS value.\n */\n\n/**\n * @callback WidthHeightToolOnChange\n * @param {WidthHeightToolValue} nextValue Next dimensions value.\n * @return {void}\n */\n\n/**\n * @typedef {Object} WidthHeightToolProps\n * @property {string}                  [panelId]          ID of the panel that contains the controls.\n * @property {WidthHeightToolValue}    [value]            Current dimensions values.\n * @property {WidthHeightToolOnChange} [onChange]         Callback to update the dimensions values.\n * @property {WPUnitControlUnit[]}     [units]            Units options.\n * @property {boolean}                 [isShownByDefault] Whether the panel is shown by default.\n */\n\n/**\n * Component that renders controls to edit the dimensions of an image or container.\n *\n * @param {WidthHeightToolProps} props The component props.\n *\n * @return {import('react').ReactElement} The width and height tool.\n */\nexport default function WidthHeightTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\tunits,\n\tisShownByDefault = true,\n} ) {\n\t// null, undefined, and 'auto' all represent the default value.\n\tconst width = value.width === 'auto' ? '' : value.width ?? '';\n\tconst height = value.height === 'auto' ? '' : value.height ?? '';\n\n\tconst onDimensionChange = ( dimension ) => ( nextDimension ) => {\n\t\tconst nextValue = { ...value };\n\t\t// Empty strings or undefined may be passed and both represent removing the value.\n\t\tif ( ! nextDimension ) {\n\t\t\tdelete nextValue[ dimension ];\n\t\t} else {\n\t\t\tnextValue[ dimension ] = nextDimension;\n\t\t}\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => width !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'width' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ onDimensionChange( 'width' ) }\n\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => height !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'height' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ height }\n\t\t\t\t\tonChange={ onDimensionChange( 'height' ) }\n\t\t\t\t\tsize={ '__unstable-large' }\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_jsxRuntime","_EMOTION_STRINGIFIED_CSS_ERROR__","SingleColumnToolsPanelItem","_base","default","ToolsPanelItem","process","env","NODE_ENV","target","label","name","styles","map","toString","WidthHeightTool","panelId","value","onChange","units","isShownByDefault","_value$width","_value$height","width","height","onDimensionChange","dimension","nextDimension","nextValue","jsxs","Fragment","children","jsx","__","hasValue","onDeselect","__experimentalUnitControl","placeholder","labelPosition","min","size"],"sources":["@wordpress/block-editor/src/components/dimensions-tool/width-height-tool.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst SingleColumnToolsPanelItem = styled( ToolsPanelItem )`\n\tgrid-column: span 1;\n`;\n\n/**\n * @typedef {import('@wordpress/components/build-types/unit-control/types').WPUnitControlUnit} WPUnitControlUnit\n */\n\n/**\n * @typedef {Object} WidthHeightToolValue\n * @property {string} [width]  Width CSS value.\n * @property {string} [height] Height CSS value.\n */\n\n/**\n * @callback WidthHeightToolOnChange\n * @param {WidthHeightToolValue} nextValue Next dimensions value.\n * @return {void}\n */\n\n/**\n * @typedef {Object} WidthHeightToolProps\n * @property {string}                  [panelId]          ID of the panel that contains the controls.\n * @property {WidthHeightToolValue}    [value]            Current dimensions values.\n * @property {WidthHeightToolOnChange} [onChange]         Callback to update the dimensions values.\n * @property {WPUnitControlUnit[]}     [units]            Units options.\n * @property {boolean}                 [isShownByDefault] Whether the panel is shown by default.\n */\n\n/**\n * Component that renders controls to edit the dimensions of an image or container.\n *\n * @param {WidthHeightToolProps} props The component props.\n *\n * @return {import('react').ReactElement} The width and height tool.\n */\nexport default function WidthHeightTool( {\n\tpanelId,\n\tvalue = {},\n\tonChange = () => {},\n\tunits,\n\tisShownByDefault = true,\n} ) {\n\t// null, undefined, and 'auto' all represent the default value.\n\tconst width = value.width === 'auto' ? '' : value.width ?? '';\n\tconst height = value.height === 'auto' ? '' : value.height ?? '';\n\n\tconst onDimensionChange = ( dimension ) => ( nextDimension ) => {\n\t\tconst nextValue = { ...value };\n\t\t// Empty strings or undefined may be passed and both represent removing the value.\n\t\tif ( ! nextDimension ) {\n\t\t\tdelete nextValue[ dimension ];\n\t\t} else {\n\t\t\tnextValue[ dimension ] = nextDimension;\n\t\t}\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => width !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'width' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ onDimensionChange( 'width' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t\t<SingleColumnToolsPanelItem\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tisShownByDefault={ isShownByDefault }\n\t\t\t\thasValue={ () => height !== '' }\n\t\t\t\tonDeselect={ onDimensionChange( 'height' ) }\n\t\t\t\tpanelId={ panelId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tplaceholder={ __( 'Auto' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tvalue={ height }\n\t\t\t\t\tonChange={ onDimensionChange( 'height' ) }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t</SingleColumnToolsPanelItem>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/duotone-control/index.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _keycodes = require("@wordpress/keycodes");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,22 +25,22 @@ function DuotoneControl({
 }) {
   let toolbarIcon;
   if (value === 'unset') {
-    toolbarIcon = (0, _react.createElement)(_components.ColorIndicator, {
+    toolbarIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorIndicator, {
       className: "block-editor-duotone-control__unset-indicator"
     });
   } else if (value) {
-    toolbarIcon = (0, _react.createElement)(_components.DuotoneSwatch, {
+    toolbarIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DuotoneSwatch, {
       values: value
     });
   } else {
-    toolbarIcon = (0, _react.createElement)(_icons.Icon, {
+    toolbarIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
       icon: _icons.filter
     });
   }
   const actionLabel = (0, _i18n.__)('Apply duotone filter');
   const id = (0, _compose.useInstanceId)(DuotoneControl, 'duotone-control', idProp);
   const descriptionId = `${id}__description`;
-  return (0, _react.createElement)(_components.Dropdown, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Dropdown, {
     popoverProps: {
       className: 'block-editor-duotone-control__popover',
       headerTitle: (0, _i18n.__)('Duotone')
@@ -55,7 +55,7 @@ function DuotoneControl({
           onToggle();
         }
       };
-      return (0, _react.createElement)(_components.ToolbarButton, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
         showTooltip: true,
         onClick: onToggle,
         "aria-haspopup": "true",
@@ -65,18 +65,21 @@ function DuotoneControl({
         icon: toolbarIcon
       });
     },
-    renderContent: () => (0, _react.createElement)(_components.MenuGroup, {
-      label: (0, _i18n.__)('Duotone')
-    }, (0, _react.createElement)("p", null, (0, _i18n.__)('Create a two-tone color effect without losing your original image.')), (0, _react.createElement)(_components.DuotonePicker, {
-      "aria-label": actionLabel,
-      "aria-describedby": descriptionId,
-      colorPalette: colorPalette,
-      duotonePalette: duotonePalette,
-      disableCustomColors: disableCustomColors,
-      disableCustomDuotone: disableCustomDuotone,
-      value: value,
-      onChange: onChange
-    }))
+    renderContent: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.MenuGroup, {
+      label: (0, _i18n.__)('Duotone'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: (0, _i18n.__)('Create a two-tone color effect without losing your original image.')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DuotonePicker, {
+        "aria-label": actionLabel,
+        "aria-describedby": descriptionId,
+        colorPalette: colorPalette,
+        duotonePalette: duotonePalette,
+        disableCustomColors: disableCustomColors,
+        disableCustomDuotone: disableCustomDuotone,
+        value: value,
+        onChange: onChange
+      })]
+    })
   });
 }
 var _default = exports.default = DuotoneControl;

package/build/components/duotone-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_keycodes","_icons","_compose","DuotoneControl","id","idProp","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","toolbarIcon","_react","createElement","ColorIndicator","className","DuotoneSwatch","values","Icon","icon","filter","actionLabel","__","useInstanceId","descriptionId","Dropdown","popoverProps","headerTitle","renderToggle","isOpen","onToggle","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","showTooltip","onClick","onKeyDown","label","renderContent","MenuGroup","DuotonePicker","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/duotone-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tColorIndicator,\n\tDropdown,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tMenuGroup,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { Icon, filter } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction DuotoneControl( {\n\tid: idProp,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tlet toolbarIcon;\n\tif ( value === 'unset' ) {\n\t\ttoolbarIcon = (\n\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t);\n\t} else if ( value ) {\n\t\ttoolbarIcon = <DuotoneSwatch values={ value } />;\n\t} else {\n\t\ttoolbarIcon = <Icon icon={ filter } />;\n\t}\n\n\tconst actionLabel = __( 'Apply duotone filter' );\n\tconst id = useInstanceId( DuotoneControl, 'duotone-control', idProp );\n\tconst descriptionId = `${ id }__description`;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\tclassName: 'block-editor-duotone-control__popover',\n\t\t\t\theaderTitle: __( 'Duotone' ),\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ actionLabel }\n\t\t\t\t\t\ticon={ toolbarIcon }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\taria-label={ actionLabel }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tdisableCustomDuotone={ disableCustomDuotone }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default DuotoneControl;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAcA,SAASK,cAAcA,CAAE;EACxBC,EAAE,EAAEC,MAAM;EACVC,YAAY;EACZC,cAAc;EACdC,mBAAmB;EACnBC,oBAAoB;EACpBC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,IAAIC,WAAW;EACf,IAAKF,KAAK,KAAK,OAAO,EAAG;IACxBE,WAAW,GACV,IAAAC,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAkB,cAAc;MAACC,SAAS,EAAC;IAA+C,CAAE,CAC3E;EACF,CAAC,MAAM,IAAKN,KAAK,EAAG;IACnBE,WAAW,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAoB,aAAa;MAACC,MAAM,EAAGR;IAAO,CAAE,CAAC;EACjD,CAAC,MAAM;IACNE,WAAW,GAAG,IAAAC,MAAA,CAAAC,aAAA,EAACb,MAAA,CAAAkB,IAAI;MAACC,IAAI,EAAGC;IAAQ,CAAE,CAAC;EACvC;EAEA,MAAMC,WAAW,GAAG,IAAAC,QAAE,EAAE,sBAAuB,CAAC;EAChD,MAAMnB,EAAE,GAAG,IAAAoB,sBAAa,EAAErB,cAAc,EAAE,iBAAiB,EAAEE,MAAO,CAAC;EACrE,MAAMoB,aAAa,GAAI,GAAGrB,EAAI,eAAc;EAE5C,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA6B,QAAQ;IACRC,YAAY,EAAG;MACdX,SAAS,EAAE,uCAAuC;MAClDY,WAAW,EAAE,IAAAL,QAAE,EAAE,SAAU;IAC5B,CAAG;IACHM,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEH,MAAM,IAAIG,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MACD,OACC,IAAAlB,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAwC,aAAa;QACbC,WAAW;QACXC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBD,MAAQ;QACxBU,SAAS,EAAGR,eAAiB;QAC7BS,KAAK,EAAGnB,WAAa;QACrBF,IAAI,EAAGR;MAAa,CACpB,CAAC;IAEJ,CAAG;IACH8B,aAAa,EAAGA,CAAA,KACf,IAAA7B,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA8C,SAAS;MAACF,KAAK,EAAG,IAAAlB,QAAE,EAAE,SAAU;IAAG,GACnC,IAAAV,MAAA,CAAAC,aAAA,aACG,IAAAS,QAAE,EACH,oEACD,CACE,CAAC,EACJ,IAAAV,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA+C,aAAa;MACb,cAAatB,WAAa;MAC1B,oBAAmBG,aAAe;MAClCnB,YAAY,EAAGA,YAAc;MAC7BC,cAAc,EAAGA,cAAgB;MACjCC,mBAAmB,EAAGA,mBAAqB;MAC3CC,oBAAoB,EAAGA,oBAAsB;MAC7CC,KAAK,EAAGA,KAAO;MACfC,QAAQ,EAAGA;IAAU,CACrB,CACS;EACT,CACH,CAAC;AAEJ;AAAC,IAAAkC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5C,cAAc","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_keycodes","_icons","_compose","_jsxRuntime","DuotoneControl","id","idProp","colorPalette","duotonePalette","disableCustomColors","disableCustomDuotone","value","onChange","toolbarIcon","jsx","ColorIndicator","className","DuotoneSwatch","values","Icon","icon","filter","actionLabel","__","useInstanceId","descriptionId","Dropdown","popoverProps","headerTitle","renderToggle","isOpen","onToggle","openOnArrowDown","event","keyCode","DOWN","preventDefault","ToolbarButton","showTooltip","onClick","onKeyDown","label","renderContent","jsxs","MenuGroup","children","DuotonePicker","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/duotone-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tColorIndicator,\n\tDropdown,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tMenuGroup,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { DOWN } from '@wordpress/keycodes';\nimport { Icon, filter } from '@wordpress/icons';\nimport { useInstanceId } from '@wordpress/compose';\n\nfunction DuotoneControl( {\n\tid: idProp,\n\tcolorPalette,\n\tduotonePalette,\n\tdisableCustomColors,\n\tdisableCustomDuotone,\n\tvalue,\n\tonChange,\n} ) {\n\tlet toolbarIcon;\n\tif ( value === 'unset' ) {\n\t\ttoolbarIcon = (\n\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t);\n\t} else if ( value ) {\n\t\ttoolbarIcon = <DuotoneSwatch values={ value } />;\n\t} else {\n\t\ttoolbarIcon = <Icon icon={ filter } />;\n\t}\n\n\tconst actionLabel = __( 'Apply duotone filter' );\n\tconst id = useInstanceId( DuotoneControl, 'duotone-control', idProp );\n\tconst descriptionId = `${ id }__description`;\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ {\n\t\t\t\tclassName: 'block-editor-duotone-control__popover',\n\t\t\t\theaderTitle: __( 'Duotone' ),\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst openOnArrowDown = ( event ) => {\n\t\t\t\t\tif ( ! isOpen && event.keyCode === DOWN ) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tonToggle();\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tonKeyDown={ openOnArrowDown }\n\t\t\t\t\t\tlabel={ actionLabel }\n\t\t\t\t\t\ticon={ toolbarIcon }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\taria-label={ actionLabel }\n\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomColors={ disableCustomColors }\n\t\t\t\t\t\tdisableCustomDuotone={ disableCustomDuotone }\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t/>\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nexport default DuotoneControl;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAdnD;AACA;AACA;;AAcA,SAASM,cAAcA,CAAE;EACxBC,EAAE,EAAEC,MAAM;EACVC,YAAY;EACZC,cAAc;EACdC,mBAAmB;EACnBC,oBAAoB;EACpBC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,IAAIC,WAAW;EACf,IAAKF,KAAK,KAAK,OAAO,EAAG;IACxBE,WAAW,gBACV,IAAAV,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAAkB,cAAc;MAACC,SAAS,EAAC;IAA+C,CAAE,CAC3E;EACF,CAAC,MAAM,IAAKL,KAAK,EAAG;IACnBE,WAAW,gBAAG,IAAAV,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAAoB,aAAa;MAACC,MAAM,EAAGP;IAAO,CAAE,CAAC;EACjD,CAAC,MAAM;IACNE,WAAW,gBAAG,IAAAV,WAAA,CAAAW,GAAA,EAACb,MAAA,CAAAkB,IAAI;MAACC,IAAI,EAAGC;IAAQ,CAAE,CAAC;EACvC;EAEA,MAAMC,WAAW,GAAG,IAAAC,QAAE,EAAE,sBAAuB,CAAC;EAChD,MAAMlB,EAAE,GAAG,IAAAmB,sBAAa,EAAEpB,cAAc,EAAE,iBAAiB,EAAEE,MAAO,CAAC;EACrE,MAAMmB,aAAa,GAAI,GAAGpB,EAAI,eAAc;EAE5C,oBACC,IAAAF,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAA6B,QAAQ;IACRC,YAAY,EAAG;MACdX,SAAS,EAAE,uCAAuC;MAClDY,WAAW,EAAE,IAAAL,QAAE,EAAE,SAAU;IAC5B,CAAG;IACHM,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KAAM;MAC1C,MAAMC,eAAe,GAAKC,KAAK,IAAM;QACpC,IAAK,CAAEH,MAAM,IAAIG,KAAK,CAACC,OAAO,KAAKC,cAAI,EAAG;UACzCF,KAAK,CAACG,cAAc,CAAC,CAAC;UACtBL,QAAQ,CAAC,CAAC;QACX;MACD,CAAC;MACD,oBACC,IAAA5B,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAAwC,aAAa;QACbC,WAAW;QACXC,OAAO,EAAGR,QAAU;QACpB,iBAAc,MAAM;QACpB,iBAAgBD,MAAQ;QACxBU,SAAS,EAAGR,eAAiB;QAC7BS,KAAK,EAAGnB,WAAa;QACrBF,IAAI,EAAGP;MAAa,CACpB,CAAC;IAEJ,CAAG;IACH6B,aAAa,EAAGA,CAAA,kBACf,IAAAvC,WAAA,CAAAwC,IAAA,EAAC9C,WAAA,CAAA+C,SAAS;MAACH,KAAK,EAAG,IAAAlB,QAAE,EAAE,SAAU,CAAG;MAAAsB,QAAA,gBACnC,IAAA1C,WAAA,CAAAW,GAAA;QAAA+B,QAAA,EACG,IAAAtB,QAAE,EACH,oEACD;MAAC,CACC,CAAC,eACJ,IAAApB,WAAA,CAAAW,GAAA,EAACjB,WAAA,CAAAiD,aAAa;QACb,cAAaxB,WAAa;QAC1B,oBAAmBG,aAAe;QAClClB,YAAY,EAAGA,YAAc;QAC7BC,cAAc,EAAGA,cAAgB;QACjCC,mBAAmB,EAAGA,mBAAqB;QAC3CC,oBAAoB,EAAGA,oBAAsB;QAC7CC,KAAK,EAAGA,KAAO;QACfC,QAAQ,EAAGA;MAAU,CACrB,CAAC;IAAA,CACQ;EACT,CACH,CAAC;AAEJ;AAAC,IAAAmC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc7C,cAAc","ignoreList":[]}

package/build/components/editable-text/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _richText = _interopRequireDefault(require("../rich-text"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -17,7 +17,7 @@ var _richText = _interopRequireDefault(require("../rich-text"));
  */
 
 const EditableText = (0, _element.forwardRef)((props, ref) => {
-  return (0, _react.createElement)(_richText.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_richText.default, {
     ref: ref,
     ...props,
     __unstableDisableFormats: true
@@ -28,9 +28,10 @@ EditableText.Content = ({
   tagName: Tag = 'div',
   ...props
 }) => {
-  return (0, _react.createElement)(Tag, {
-    ...props
-  }, value);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
+    ...props,
+    children: value
+  });
 };
 
 /**

package/build/components/editable-text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_richText","_interopRequireDefault","EditableText","forwardRef","props","ref","_react","createElement","default","__unstableDisableFormats","Content","value","tagName","Tag","_default","exports"],"sources":["@wordpress/block-editor/src/components/editable-text/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport RichText from '../rich-text';\n\nconst EditableText = forwardRef( ( props, ref ) => {\n\treturn <RichText ref={ ref } { ...props } __unstableDisableFormats />;\n} );\n\nEditableText.Content = ( { value = '', tagName: Tag = 'div', ...props } ) => {\n\treturn <Tag { ...props }>{ value }</Tag>;\n};\n\n/**\n * Renders an editable text input in which text formatting is not allowed.\n */\nexport default EditableText;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMG,YAAY,GAAG,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;EAClD,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACP,SAAA,CAAAQ,OAAQ;IAACH,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK;IAAGK,wBAAwB;EAAA,CAAE,CAAC;AACtE,CAAE,CAAC;AAEHP,YAAY,CAACQ,OAAO,GAAG,CAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,OAAO,EAAEC,GAAG,GAAG,KAAK;EAAE,GAAGT;AAAM,CAAC,KAAM;EAC5E,OAAO,IAAAE,MAAA,CAAAC,aAAA,EAACM,GAAG;IAAA,GAAMT;EAAK,GAAKO,KAAY,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AAFA,IAAAG,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAGeN,YAAY","ignoreList":[]}
+{"version":3,"names":["_element","require","_richText","_interopRequireDefault","_jsxRuntime","EditableText","forwardRef","props","ref","jsx","default","__unstableDisableFormats","Content","value","tagName","Tag","children","_default","exports"],"sources":["@wordpress/block-editor/src/components/editable-text/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport RichText from '../rich-text';\n\nconst EditableText = forwardRef( ( props, ref ) => {\n\treturn <RichText ref={ ref } { ...props } __unstableDisableFormats />;\n} );\n\nEditableText.Content = ( { value = '', tagName: Tag = 'div', ...props } ) => {\n\treturn <Tag { ...props }>{ value }</Tag>;\n};\n\n/**\n * Renders an editable text input in which text formatting is not allowed.\n */\nexport default EditableText;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AARpC;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMI,YAAY,GAAG,IAAAC,mBAAU,EAAE,CAAEC,KAAK,EAAEC,GAAG,KAAM;EAClD,oBAAO,IAAAJ,WAAA,CAAAK,GAAA,EAACP,SAAA,CAAAQ,OAAQ;IAACF,GAAG,EAAGA,GAAK;IAAA,GAAMD,KAAK;IAAGI,wBAAwB;EAAA,CAAE,CAAC;AACtE,CAAE,CAAC;AAEHN,YAAY,CAACO,OAAO,GAAG,CAAE;EAAEC,KAAK,GAAG,EAAE;EAAEC,OAAO,EAAEC,GAAG,GAAG,KAAK;EAAE,GAAGR;AAAM,CAAC,KAAM;EAC5E,oBAAO,IAAAH,WAAA,CAAAK,GAAA,EAACM,GAAG;IAAA,GAAMR,KAAK;IAAAS,QAAA,EAAKH;EAAK,CAAO,CAAC;AACzC,CAAC;;AAED;AACA;AACA;AAFA,IAAAI,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAGeL,YAAY","ignoreList":[]}

package/build/components/editor-styles/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _colord = require("colord");
 var _names = _interopRequireDefault(require("colord/plugins/names"));
 var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
@@ -15,6 +14,7 @@ var _data = require("@wordpress/data");
 var _transformStyles = _interopRequireDefault(require("../../utils/transform-styles"));
 var _store = require("../../store");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -86,26 +86,28 @@ function EditorStyles({
     }
     return [(0, _transformStyles.default)(_styles.filter(style => style?.css), scope), _styles.filter(style => style.__unstableType === 'svgs').map(style => style.assets).join('')];
   }, [styles, overrides, scope]);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("style", {
-    ref: useDarkThemeBodyClassName(transformedStyles, scope)
-  }), transformedStyles.map((css, index) => (0, _react.createElement)("style", {
-    key: index
-  }, css)), (0, _react.createElement)(_components.SVG, {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 0 0",
-    width: "0",
-    height: "0",
-    role: "none",
-    style: {
-      visibility: 'hidden',
-      position: 'absolute',
-      left: '-9999px',
-      overflow: 'hidden'
-    },
-    dangerouslySetInnerHTML: {
-      __html: transformedSvgs
-    }
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
+      ref: useDarkThemeBodyClassName(transformedStyles, scope)
+    }), transformedStyles.map((css, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
+      children: css
+    }, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SVG, {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 0 0",
+      width: "0",
+      height: "0",
+      role: "none",
+      style: {
+        visibility: 'hidden',
+        position: 'absolute',
+        left: '-9999px',
+        overflow: 'hidden'
+      },
+      dangerouslySetInnerHTML: {
+        __html: transformedSvgs
+      }
+    })]
+  });
 }
 var _default = exports.default = (0, _element.memo)(EditorStyles);
 //# sourceMappingURL=index.js.map

package/build/components/editor-styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_colord","require","_names","_interopRequireDefault","_a11y","_components","_element","_data","_transformStyles","_store","_lockUnlock","extend","namesPlugin","a11yPlugin","useDarkThemeBodyClassName","styles","scope","useCallback","node","ownerDocument","defaultView","body","canvas","querySelector","backgroundColor","tempCanvas","createElement","classList","add","appendChild","getComputedStyle","getPropertyValue","removeChild","colordBackgroundColor","colord","luminance","alpha","remove","EditorStyles","overrides","useSelect","select","unlock","blockEditorStore","getStyleOverrides","transformedStyles","transformedSvgs","useMemo","_styles","Object","values","id","override","index","findIndex","_id","overrideWithId","push","transformStyles","filter","style","css","__unstableType","map","assets","join","_react","Fragment","ref","key","SVG","xmlns","viewBox","width","height","role","visibility","position","left","overflow","dangerouslySetInnerHTML","__html","_default","exports","default","memo"],"sources":["@wordpress/block-editor/src/components/editor-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { SVG } from '@wordpress/components';\nimport { useCallback, useMemo, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport transformStyles from '../../utils/transform-styles';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction useDarkThemeBodyClassName( styles, scope ) {\n\treturn useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView, body } = ownerDocument;\n\t\t\tconst canvas = scope ? ownerDocument.querySelector( scope ) : body;\n\n\t\t\tlet backgroundColor;\n\n\t\t\tif ( ! canvas ) {\n\t\t\t\t// The real .editor-styles-wrapper element might not exist in the\n\t\t\t\t// DOM, so calculate the background color by creating a fake\n\t\t\t\t// wrapper.\n\t\t\t\tconst tempCanvas = ownerDocument.createElement( 'div' );\n\t\t\t\ttempCanvas.classList.add( 'editor-styles-wrapper' );\n\t\t\t\tbody.appendChild( tempCanvas );\n\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( tempCanvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\n\t\t\t\tbody.removeChild( tempCanvas );\n\t\t\t} else {\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( canvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\t\t\t}\n\t\t\tconst colordBackgroundColor = colord( backgroundColor );\n\t\t\t// If background is transparent, it should be treated as light color.\n\t\t\tif (\n\t\t\t\tcolordBackgroundColor.luminance() > 0.5 ||\n\t\t\t\tcolordBackgroundColor.alpha() === 0\n\t\t\t) {\n\t\t\t\tbody.classList.remove( 'is-dark-theme' );\n\t\t\t} else {\n\t\t\t\tbody.classList.add( 'is-dark-theme' );\n\t\t\t}\n\t\t},\n\t\t[ styles, scope ]\n\t);\n}\n\nfunction EditorStyles( { styles, scope } ) {\n\tconst overrides = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getStyleOverrides(),\n\t\t[]\n\t);\n\tconst [ transformedStyles, transformedSvgs ] = useMemo( () => {\n\t\tconst _styles = Object.values( styles ?? [] );\n\n\t\tfor ( const [ id, override ] of overrides ) {\n\t\t\tconst index = _styles.findIndex( ( { id: _id } ) => id === _id );\n\t\t\tconst overrideWithId = { ...override, id };\n\t\t\tif ( index === -1 ) {\n\t\t\t\t_styles.push( overrideWithId );\n\t\t\t} else {\n\t\t\t\t_styles[ index ] = overrideWithId;\n\t\t\t}\n\t\t}\n\n\t\treturn [\n\t\t\ttransformStyles(\n\t\t\t\t_styles.filter( ( style ) => style?.css ),\n\t\t\t\tscope\n\t\t\t),\n\t\t\t_styles\n\t\t\t\t.filter( ( style ) => style.__unstableType === 'svgs' )\n\t\t\t\t.map( ( style ) => style.assets )\n\t\t\t\t.join( '' ),\n\t\t];\n\t}, [ styles, overrides, scope ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Use an empty style element to have a document reference,\n\t\t\t     but this could be any element. */ }\n\t\t\t<style\n\t\t\t\tref={ useDarkThemeBodyClassName( transformedStyles, scope ) }\n\t\t\t/>\n\t\t\t{ transformedStyles.map( ( css, index ) => (\n\t\t\t\t<style key={ index }>{ css }</style>\n\t\t\t) ) }\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 0 0\"\n\t\t\t\twidth=\"0\"\n\t\t\t\theight=\"0\"\n\t\t\t\trole=\"none\"\n\t\t\t\tstyle={ {\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tleft: '-9999px',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t} }\n\t\t\t\tdangerouslySetInnerHTML={ { __html: transformedSvgs } }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default memo( EditorStyles );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_colord","require","_names","_interopRequireDefault","_a11y","_components","_element","_data","_transformStyles","_store","_lockUnlock","_jsxRuntime","extend","namesPlugin","a11yPlugin","useDarkThemeBodyClassName","styles","scope","useCallback","node","ownerDocument","defaultView","body","canvas","querySelector","backgroundColor","tempCanvas","createElement","classList","add","appendChild","getComputedStyle","getPropertyValue","removeChild","colordBackgroundColor","colord","luminance","alpha","remove","EditorStyles","overrides","useSelect","select","unlock","blockEditorStore","getStyleOverrides","transformedStyles","transformedSvgs","useMemo","_styles","Object","values","id","override","index","findIndex","_id","overrideWithId","push","transformStyles","filter","style","css","__unstableType","map","assets","join","jsxs","Fragment","children","jsx","ref","SVG","xmlns","viewBox","width","height","role","visibility","position","left","overflow","dangerouslySetInnerHTML","__html","_default","exports","default","memo"],"sources":["@wordpress/block-editor/src/components/editor-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { SVG } from '@wordpress/components';\nimport { useCallback, useMemo, memo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport transformStyles from '../../utils/transform-styles';\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nextend( [ namesPlugin, a11yPlugin ] );\n\nfunction useDarkThemeBodyClassName( styles, scope ) {\n\treturn useCallback(\n\t\t( node ) => {\n\t\t\tif ( ! node ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { ownerDocument } = node;\n\t\t\tconst { defaultView, body } = ownerDocument;\n\t\t\tconst canvas = scope ? ownerDocument.querySelector( scope ) : body;\n\n\t\t\tlet backgroundColor;\n\n\t\t\tif ( ! canvas ) {\n\t\t\t\t// The real .editor-styles-wrapper element might not exist in the\n\t\t\t\t// DOM, so calculate the background color by creating a fake\n\t\t\t\t// wrapper.\n\t\t\t\tconst tempCanvas = ownerDocument.createElement( 'div' );\n\t\t\t\ttempCanvas.classList.add( 'editor-styles-wrapper' );\n\t\t\t\tbody.appendChild( tempCanvas );\n\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( tempCanvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\n\t\t\t\tbody.removeChild( tempCanvas );\n\t\t\t} else {\n\t\t\t\tbackgroundColor = defaultView\n\t\t\t\t\t?.getComputedStyle( canvas, null )\n\t\t\t\t\t.getPropertyValue( 'background-color' );\n\t\t\t}\n\t\t\tconst colordBackgroundColor = colord( backgroundColor );\n\t\t\t// If background is transparent, it should be treated as light color.\n\t\t\tif (\n\t\t\t\tcolordBackgroundColor.luminance() > 0.5 ||\n\t\t\t\tcolordBackgroundColor.alpha() === 0\n\t\t\t) {\n\t\t\t\tbody.classList.remove( 'is-dark-theme' );\n\t\t\t} else {\n\t\t\t\tbody.classList.add( 'is-dark-theme' );\n\t\t\t}\n\t\t},\n\t\t[ styles, scope ]\n\t);\n}\n\nfunction EditorStyles( { styles, scope } ) {\n\tconst overrides = useSelect(\n\t\t( select ) => unlock( select( blockEditorStore ) ).getStyleOverrides(),\n\t\t[]\n\t);\n\tconst [ transformedStyles, transformedSvgs ] = useMemo( () => {\n\t\tconst _styles = Object.values( styles ?? [] );\n\n\t\tfor ( const [ id, override ] of overrides ) {\n\t\t\tconst index = _styles.findIndex( ( { id: _id } ) => id === _id );\n\t\t\tconst overrideWithId = { ...override, id };\n\t\t\tif ( index === -1 ) {\n\t\t\t\t_styles.push( overrideWithId );\n\t\t\t} else {\n\t\t\t\t_styles[ index ] = overrideWithId;\n\t\t\t}\n\t\t}\n\n\t\treturn [\n\t\t\ttransformStyles(\n\t\t\t\t_styles.filter( ( style ) => style?.css ),\n\t\t\t\tscope\n\t\t\t),\n\t\t\t_styles\n\t\t\t\t.filter( ( style ) => style.__unstableType === 'svgs' )\n\t\t\t\t.map( ( style ) => style.assets )\n\t\t\t\t.join( '' ),\n\t\t];\n\t}, [ styles, overrides, scope ] );\n\n\treturn (\n\t\t<>\n\t\t\t{ /* Use an empty style element to have a document reference,\n\t\t\t     but this could be any element. */ }\n\t\t\t<style\n\t\t\t\tref={ useDarkThemeBodyClassName( transformedStyles, scope ) }\n\t\t\t/>\n\t\t\t{ transformedStyles.map( ( css, index ) => (\n\t\t\t\t<style key={ index }>{ css }</style>\n\t\t\t) ) }\n\t\t\t<SVG\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 0 0\"\n\t\t\t\twidth=\"0\"\n\t\t\t\theight=\"0\"\n\t\t\t\trole=\"none\"\n\t\t\t\tstyle={ {\n\t\t\t\t\tvisibility: 'hidden',\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tleft: '-9999px',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t} }\n\t\t\t\tdangerouslySetInnerHTML={ { __html: transformedSvgs } }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default memo( EditorStyles );\n"],"mappings":"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","ignoreList":[]}

package/build/components/floating-toolbar/index.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
@@ -16,6 +15,7 @@ var _styles = _interopRequireDefault(require("./styles.scss"));
 var _navUpIcon = _interopRequireDefault(require("./nav-up-icon"));
 var _blockSelectionButton = _interopRequireDefault(require("../block-list/block-selection-button.native"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -75,22 +75,24 @@ const FloatingToolbar = ({
   const showPrevious = previousSelectedClientId && !showFloatingToolbar;
   const blockSelectionButtonClientId = showPrevious ? previousSelectedClientId : selectedClientId;
   const showNavUpButton = !!parentId || showPrevious && !!previousSelectedParentId;
-  return !!opacity && (0, _react.createElement)(_reactNative.Animated.View, {
+  return !!opacity && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
     style: [_styles.default.floatingToolbar, animationStyle],
-    pointerEvents: showFloatingToolbar ? 'auto' : 'none'
-  }, showNavUpButton && (0, _react.createElement)(_components.ToolbarGroup, {
-    passedStyle: _styles.default.toolbar
-  }, (0, _react.createElement)(_components.ToolbarButton, {
-    title: (0, _i18n.__)('Navigate Up'),
-    onClick: !showPrevious && (() => onNavigateUp(parentId)),
-    icon: (0, _react.createElement)(_navUpIcon.default, {
-      isRTL: isRTL
-    })
-  }), (0, _react.createElement)(_reactNative.View, {
-    style: _styles.default.pipe
-  })), (0, _react.createElement)(_blockSelectionButton.default, {
-    clientId: blockSelectionButtonClientId
-  }));
+    pointerEvents: showFloatingToolbar ? 'auto' : 'none',
+    children: [showNavUpButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.ToolbarGroup, {
+      passedStyle: _styles.default.toolbar,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+        title: (0, _i18n.__)('Navigate Up'),
+        onClick: !showPrevious && (() => onNavigateUp(parentId)),
+        icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navUpIcon.default, {
+          isRTL: isRTL
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _styles.default.pipe
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockSelectionButton.default, {
+      clientId: blockSelectionButtonClientId
+    })]
+  });
 };
 var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)(select => {
   const {

package/build/components/floating-toolbar/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_components","_element","_data","_compose","_i18n","_styles","_interopRequireDefault","_navUpIcon","_blockSelectionButton","_store","EASE_IN_DURATION","EASE_OUT_DURATION","TRANSLATION_RANGE","FloatingToolbar","selectedClientId","parentId","showFloatingToolbar","onNavigateUp","isRTL","opacity","useRef","Animated","Value","current","previousSelection","setPreviousSelection","useState","useEffect","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","clientId","translationRange","Platform","OS","translation","interpolate","inputRange","outputRange","animationStyle","transform","translateY","previousSelectedClientId","previousSelectedParentId","showPrevious","blockSelectionButtonClientId","showNavUpButton","_react","createElement","View","style","styles","floatingToolbar","pointerEvents","ToolbarGroup","passedStyle","toolbar","ToolbarButton","title","__","onClick","icon","default","pipe","_default","exports","compose","withSelect","select","getSelectedBlockClientId","getBlockHierarchyRootClientId","getBlockRootClientId","getBlockCount","getSettings","blockEditorStore","rootBlockId","withDispatch","dispatch","selectBlock","initialPosition"],"sources":["@wordpress/block-editor/src/components/floating-toolbar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, Easing, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport NavigateUpSVG from './nav-up-icon';\nimport BlockSelectionButton from '../block-list/block-selection-button.native';\nimport { store as blockEditorStore } from '../../store';\n\nconst EASE_IN_DURATION = 250;\nconst EASE_OUT_DURATION = 80;\nconst TRANSLATION_RANGE = 8;\n\nconst FloatingToolbar = ( {\n\tselectedClientId,\n\tparentId,\n\tshowFloatingToolbar,\n\tonNavigateUp,\n\tisRTL,\n} ) => {\n\tconst opacity = useRef( new Animated.Value( 0 ) ).current;\n\t// Sustain old selection for proper block selection button rendering when exit animation is ongoing.\n\tconst [ previousSelection, setPreviousSelection ] = useState( {} );\n\n\tuseEffect( () => {\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: showFloatingToolbar ? 1 : 0,\n\t\t\tduration: showFloatingToolbar\n\t\t\t\t? EASE_IN_DURATION\n\t\t\t\t: EASE_OUT_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\t}, [ showFloatingToolbar ] );\n\n\tuseEffect( () => {\n\t\tif ( showFloatingToolbar ) {\n\t\t\tsetPreviousSelection( { clientId: selectedClientId, parentId } );\n\t\t}\n\t}, [ selectedClientId ] );\n\n\tconst translationRange =\n\t\t( Platform.OS === 'android' ? -1 : 1 ) * TRANSLATION_RANGE;\n\n\tconst translation = opacity.interpolate( {\n\t\tinputRange: [ 0, 1 ],\n\t\toutputRange: [ translationRange, 0 ],\n\t} );\n\n\tconst animationStyle = {\n\t\topacity,\n\t\ttransform: [ { translateY: translation } ],\n\t};\n\n\tconst {\n\t\tclientId: previousSelectedClientId,\n\t\tparentId: previousSelectedParentId,\n\t} = previousSelection;\n\n\tconst showPrevious = previousSelectedClientId && ! showFloatingToolbar;\n\tconst blockSelectionButtonClientId = showPrevious\n\t\t? previousSelectedClientId\n\t\t: selectedClientId;\n\tconst showNavUpButton =\n\t\t!! parentId || ( showPrevious && !! previousSelectedParentId );\n\n\treturn (\n\t\t!! opacity && (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ styles.floatingToolbar, animationStyle ] }\n\t\t\t\tpointerEvents={ showFloatingToolbar ? 'auto' : 'none' }\n\t\t\t>\n\t\t\t\t{ showNavUpButton && (\n\t\t\t\t\t<ToolbarGroup passedStyle={ styles.toolbar }>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ttitle={ __( 'Navigate Up' ) }\n\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t! showPrevious &&\n\t\t\t\t\t\t\t\t( () => onNavigateUp( parentId ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ <NavigateUpSVG isRTL={ isRTL } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View style={ styles.pipe } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t) }\n\t\t\t\t<BlockSelectionButton\n\t\t\t\t\tclientId={ blockSelectionButtonClientId }\n\t\t\t\t/>\n\t\t\t</Animated.View>\n\t\t)\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockHierarchyRootClientId,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockCount,\n\t\t\tgetSettings,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedClientId = getSelectedBlockClientId();\n\n\t\tif ( ! selectedClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst rootBlockId = getBlockHierarchyRootClientId( selectedClientId );\n\n\t\treturn {\n\t\t\tselectedClientId,\n\t\t\tshowFloatingToolbar: !! getBlockCount( rootBlockId ),\n\t\t\tparentId: getBlockRootClientId( selectedClientId ),\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonNavigateUp( clientId, initialPosition ) {\n\t\t\t\tselectBlock( clientId, initialPosition );\n\t\t\t},\n\t\t};\n\t} ),\n] )( FloatingToolbar );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_components","_element","_data","_compose","_i18n","_styles","_interopRequireDefault","_navUpIcon","_blockSelectionButton","_store","_jsxRuntime","EASE_IN_DURATION","EASE_OUT_DURATION","TRANSLATION_RANGE","FloatingToolbar","selectedClientId","parentId","showFloatingToolbar","onNavigateUp","isRTL","opacity","useRef","Animated","Value","current","previousSelection","setPreviousSelection","useState","useEffect","timing","toValue","duration","easing","Easing","ease","useNativeDriver","start","clientId","translationRange","Platform","OS","translation","interpolate","inputRange","outputRange","animationStyle","transform","translateY","previousSelectedClientId","previousSelectedParentId","showPrevious","blockSelectionButtonClientId","showNavUpButton","jsxs","View","style","styles","floatingToolbar","pointerEvents","children","ToolbarGroup","passedStyle","toolbar","jsx","ToolbarButton","title","__","onClick","icon","default","pipe","_default","exports","compose","withSelect","select","getSelectedBlockClientId","getBlockHierarchyRootClientId","getBlockRootClientId","getBlockCount","getSettings","blockEditorStore","rootBlockId","withDispatch","dispatch","selectBlock","initialPosition"],"sources":["@wordpress/block-editor/src/components/floating-toolbar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, Easing, View, Platform } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport NavigateUpSVG from './nav-up-icon';\nimport BlockSelectionButton from '../block-list/block-selection-button.native';\nimport { store as blockEditorStore } from '../../store';\n\nconst EASE_IN_DURATION = 250;\nconst EASE_OUT_DURATION = 80;\nconst TRANSLATION_RANGE = 8;\n\nconst FloatingToolbar = ( {\n\tselectedClientId,\n\tparentId,\n\tshowFloatingToolbar,\n\tonNavigateUp,\n\tisRTL,\n} ) => {\n\tconst opacity = useRef( new Animated.Value( 0 ) ).current;\n\t// Sustain old selection for proper block selection button rendering when exit animation is ongoing.\n\tconst [ previousSelection, setPreviousSelection ] = useState( {} );\n\n\tuseEffect( () => {\n\t\tAnimated.timing( opacity, {\n\t\t\ttoValue: showFloatingToolbar ? 1 : 0,\n\t\t\tduration: showFloatingToolbar\n\t\t\t\t? EASE_IN_DURATION\n\t\t\t\t: EASE_OUT_DURATION,\n\t\t\teasing: Easing.ease,\n\t\t\tuseNativeDriver: true,\n\t\t} ).start();\n\t}, [ showFloatingToolbar ] );\n\n\tuseEffect( () => {\n\t\tif ( showFloatingToolbar ) {\n\t\t\tsetPreviousSelection( { clientId: selectedClientId, parentId } );\n\t\t}\n\t}, [ selectedClientId ] );\n\n\tconst translationRange =\n\t\t( Platform.OS === 'android' ? -1 : 1 ) * TRANSLATION_RANGE;\n\n\tconst translation = opacity.interpolate( {\n\t\tinputRange: [ 0, 1 ],\n\t\toutputRange: [ translationRange, 0 ],\n\t} );\n\n\tconst animationStyle = {\n\t\topacity,\n\t\ttransform: [ { translateY: translation } ],\n\t};\n\n\tconst {\n\t\tclientId: previousSelectedClientId,\n\t\tparentId: previousSelectedParentId,\n\t} = previousSelection;\n\n\tconst showPrevious = previousSelectedClientId && ! showFloatingToolbar;\n\tconst blockSelectionButtonClientId = showPrevious\n\t\t? previousSelectedClientId\n\t\t: selectedClientId;\n\tconst showNavUpButton =\n\t\t!! parentId || ( showPrevious && !! previousSelectedParentId );\n\n\treturn (\n\t\t!! opacity && (\n\t\t\t<Animated.View\n\t\t\t\tstyle={ [ styles.floatingToolbar, animationStyle ] }\n\t\t\t\tpointerEvents={ showFloatingToolbar ? 'auto' : 'none' }\n\t\t\t>\n\t\t\t\t{ showNavUpButton && (\n\t\t\t\t\t<ToolbarGroup passedStyle={ styles.toolbar }>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\ttitle={ __( 'Navigate Up' ) }\n\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t! showPrevious &&\n\t\t\t\t\t\t\t\t( () => onNavigateUp( parentId ) )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\ticon={ <NavigateUpSVG isRTL={ isRTL } /> }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View style={ styles.pipe } />\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t) }\n\t\t\t\t<BlockSelectionButton\n\t\t\t\t\tclientId={ blockSelectionButtonClientId }\n\t\t\t\t/>\n\t\t\t</Animated.View>\n\t\t)\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetSelectedBlockClientId,\n\t\t\tgetBlockHierarchyRootClientId,\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockCount,\n\t\t\tgetSettings,\n\t\t} = select( blockEditorStore );\n\n\t\tconst selectedClientId = getSelectedBlockClientId();\n\n\t\tif ( ! selectedClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst rootBlockId = getBlockHierarchyRootClientId( selectedClientId );\n\n\t\treturn {\n\t\t\tselectedClientId,\n\t\t\tshowFloatingToolbar: !! getBlockCount( rootBlockId ),\n\t\t\tparentId: getBlockRootClientId( selectedClientId ),\n\t\t\tisRTL: getSettings().isRTL,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\tonNavigateUp( clientId, initialPosition ) {\n\t\t\t\tselectBlock( clientId, initialPosition );\n\t\t\t},\n\t\t};\n\t} ),\n] )( FloatingToolbar );\n"],"mappings":"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","ignoreList":[]}

package/build/components/floating-toolbar/nav-up-icon.js

@@ -4,27 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
 
-const NavigateUp = () => (0, _react.createElement)(_components.SVG, {
+const NavigateUp = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.SVG, {
   width: "24",
   height: "24",
   viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-}, (0, _react.createElement)(_components.Path, {
-  fill: "none",
-  d: "M0 0h24v24H0V0z"
-}), (0, _react.createElement)(_components.Path, {
-  fill: "white",
-  fillRule: "evenodd",
-  clipRule: "evenodd",
-  d: "M17,11  z L15.58,12.42 L12,8.83 L12,18 L22,18 L22,20 L10,20 L10,8.83 L6.42,12.42 L5,11 L11,5 L17,11",
-  transform: (0, _i18n.isRTL)() ? 'scale(-1,1) translate(-24,0)' : undefined
-}));
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
+    fill: "none",
+    d: "M0 0h24v24H0V0z"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Path, {
+    fill: "white",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M17,11  z L15.58,12.42 L12,8.83 L12,18 L22,18 L22,20 L10,20 L10,8.83 L6.42,12.42 L5,11 L11,5 L17,11",
+    transform: (0, _i18n.isRTL)() ? 'scale(-1,1) translate(-24,0)' : undefined
+  })]
+});
 var _default = exports.default = NavigateUp;
 //# sourceMappingURL=nav-up-icon.js.map

package/build/components/floating-toolbar/nav-up-icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","NavigateUp","_react","createElement","SVG","width","height","viewBox","xmlns","Path","fill","d","fillRule","clipRule","transform","isRTL","undefined","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/floating-toolbar/nav-up-icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\n\nconst NavigateUp = () => (\n\t<SVG\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<Path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n\t\t<Path\n\t\t\tfill=\"white\"\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M17,11  z L15.58,12.42 L12,8.83 L12,18 L22,18 L22,20 L10,20 L10,8.83 L6.42,12.42 L5,11 L11,5 L17,11\"\n\t\t\ttransform={ isRTL() ? 'scale(-1,1) translate(-24,0)' : undefined }\n\t\t/>\n\t</SVG>\n);\n\nexport default NavigateUp;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA,MAAME,UAAU,GAAGA,CAAA,KAClB,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,GAAG;EACHC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC;AAA4B,GAElC,IAAAN,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAW,IAAI;EAACC,IAAI,EAAC,MAAM;EAACC,CAAC,EAAC;AAAiB,CAAE,CAAC,EACxC,IAAAT,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAW,IAAI;EACJC,IAAI,EAAC,OAAO;EACZE,QAAQ,EAAC,SAAS;EAClBC,QAAQ,EAAC,SAAS;EAClBF,CAAC,EAAC,qGAAqG;EACvGG,SAAS,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAG,8BAA8B,GAAGC;AAAW,CAClE,CACG,CACL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalB,UAAU","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_jsxRuntime","NavigateUp","jsxs","SVG","width","height","viewBox","xmlns","children","jsx","Path","fill","d","fillRule","clipRule","transform","isRTL","undefined","_default","exports","default"],"sources":["@wordpress/block-editor/src/components/floating-toolbar/nav-up-icon.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG, Path } from '@wordpress/components';\nimport { isRTL } from '@wordpress/i18n';\n\nconst NavigateUp = () => (\n\t<SVG\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<Path fill=\"none\" d=\"M0 0h24v24H0V0z\" />\n\t\t<Path\n\t\t\tfill=\"white\"\n\t\t\tfillRule=\"evenodd\"\n\t\t\tclipRule=\"evenodd\"\n\t\t\td=\"M17,11  z L15.58,12.42 L12,8.83 L12,18 L22,18 L22,20 L10,20 L10,8.83 L6.42,12.42 L5,11 L11,5 L17,11\"\n\t\t\ttransform={ isRTL() ? 'scale(-1,1) translate(-24,0)' : undefined }\n\t\t/>\n\t</SVG>\n);\n\nexport default NavigateUp;\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAwC,IAAAE,WAAA,GAAAF,OAAA;AAJxC;AACA;AACA;;AAIA,MAAMG,UAAU,GAAGA,CAAA,kBAClB,IAAAD,WAAA,CAAAE,IAAA,EAACL,WAAA,CAAAM,GAAG;EACHC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,KAAK,EAAC,4BAA4B;EAAAC,QAAA,gBAElC,IAAAR,WAAA,CAAAS,GAAA,EAACZ,WAAA,CAAAa,IAAI;IAACC,IAAI,EAAC,MAAM;IAACC,CAAC,EAAC;EAAiB,CAAE,CAAC,eACxC,IAAAZ,WAAA,CAAAS,GAAA,EAACZ,WAAA,CAAAa,IAAI;IACJC,IAAI,EAAC,OAAO;IACZE,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC,qGAAqG;IACvGG,SAAS,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAG,8BAA8B,GAAGC;EAAW,CAClE,CAAC;AAAA,CACE,CACL;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEanB,UAAU","ignoreList":[]}

package/build/components/font-appearance-control/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FontAppearanceControl;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -190,7 +190,7 @@ function FontAppearanceControl(props) {
     // translators: %s: Currently selected font appearance.
     (0, _i18n.__)('Currently selected font appearance: %s'), currentSelection.name);
   };
-  return hasStylesOrWeights && (0, _react.createElement)(_components.CustomSelectControl, {
+  return hasStylesOrWeights && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomSelectControl, {
     ...otherProps,
     className: "components-font-appearance-control",
     label: label,

package/build/components/font-appearance-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_element","_i18n","FONT_STYLES","name","_x","value","FONT_WEIGHTS","getFontAppearanceLabel","hasFontStyles","hasFontWeights","__","FontAppearanceControl","props","onChange","fontStyle","fontWeight","otherProps","hasStylesOrWeights","label","defaultOption","key","style","undefined","combineOptions","combinedOptions","forEach","styleName","styleValue","weightName","weightValue","optionName","sprintf","push","styleOptions","weightOptions","selectOptions","useMemo","options","currentSelection","find","option","getDescribedBy","_react","createElement","CustomSelectControl","className","describedBy","selectedItem"],"sources":["@wordpress/block-editor/src/components/font-appearance-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { CustomSelectControl } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\nconst FONT_STYLES = [\n\t{\n\t\tname: _x( 'Regular', 'font style' ),\n\t\tvalue: 'normal',\n\t},\n\t{\n\t\tname: _x( 'Italic', 'font style' ),\n\t\tvalue: 'italic',\n\t},\n];\n\nconst FONT_WEIGHTS = [\n\t{\n\t\tname: _x( 'Thin', 'font weight' ),\n\t\tvalue: '100',\n\t},\n\t{\n\t\tname: _x( 'Extra Light', 'font weight' ),\n\t\tvalue: '200',\n\t},\n\t{\n\t\tname: _x( 'Light', 'font weight' ),\n\t\tvalue: '300',\n\t},\n\t{\n\t\tname: _x( 'Regular', 'font weight' ),\n\t\tvalue: '400',\n\t},\n\t{\n\t\tname: _x( 'Medium', 'font weight' ),\n\t\tvalue: '500',\n\t},\n\t{\n\t\tname: _x( 'Semi Bold', 'font weight' ),\n\t\tvalue: '600',\n\t},\n\t{\n\t\tname: _x( 'Bold', 'font weight' ),\n\t\tvalue: '700',\n\t},\n\t{\n\t\tname: _x( 'Extra Bold', 'font weight' ),\n\t\tvalue: '800',\n\t},\n\t{\n\t\tname: _x( 'Black', 'font weight' ),\n\t\tvalue: '900',\n\t},\n];\n\n/**\n * Adjusts font appearance field label in case either font styles or weights\n * are disabled.\n *\n * @param {boolean} hasFontStyles  Whether font styles are enabled and present.\n * @param {boolean} hasFontWeights Whether font weights are enabled and present.\n * @return {string} A label representing what font appearance is being edited.\n */\nconst getFontAppearanceLabel = ( hasFontStyles, hasFontWeights ) => {\n\tif ( ! hasFontStyles ) {\n\t\treturn __( 'Font weight' );\n\t}\n\n\tif ( ! hasFontWeights ) {\n\t\treturn __( 'Font style' );\n\t}\n\n\treturn __( 'Appearance' );\n};\n\n/**\n * Control to display unified font style and weight options.\n *\n * @param {Object} props Component props.\n *\n * @return {Element} Font appearance control.\n */\nexport default function FontAppearanceControl( props ) {\n\tconst {\n\t\tonChange,\n\t\thasFontStyles = true,\n\t\thasFontWeights = true,\n\t\tvalue: { fontStyle, fontWeight },\n\t\t...otherProps\n\t} = props;\n\tconst hasStylesOrWeights = hasFontStyles || hasFontWeights;\n\tconst label = getFontAppearanceLabel( hasFontStyles, hasFontWeights );\n\tconst defaultOption = {\n\t\tkey: 'default',\n\t\tname: __( 'Default' ),\n\t\tstyle: { fontStyle: undefined, fontWeight: undefined },\n\t};\n\n\t// Combines both font style and weight options into a single dropdown.\n\tconst combineOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\n\t\tFONT_STYLES.forEach( ( { name: styleName, value: styleValue } ) => {\n\t\t\tFONT_WEIGHTS.forEach(\n\t\t\t\t( { name: weightName, value: weightValue } ) => {\n\t\t\t\t\tconst optionName =\n\t\t\t\t\t\tstyleValue === 'normal'\n\t\t\t\t\t\t\t? weightName\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: Font weight name. 2: Font style name. */\n\t\t\t\t\t\t\t\t\t__( '%1$s %2$s' ),\n\t\t\t\t\t\t\t\t\tweightName,\n\t\t\t\t\t\t\t\t\tstyleName\n\t\t\t\t\t\t\t  );\n\n\t\t\t\t\tcombinedOptions.push( {\n\t\t\t\t\t\tkey: `${ styleValue }-${ weightValue }`,\n\t\t\t\t\t\tname: optionName,\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontStyle: styleValue,\n\t\t\t\t\t\t\tfontWeight: weightValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t);\n\t\t} );\n\n\t\treturn combinedOptions;\n\t};\n\n\t// Generates select options for font styles only.\n\tconst styleOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\t\tFONT_STYLES.forEach( ( { name, value } ) => {\n\t\t\tcombinedOptions.push( {\n\t\t\t\tkey: value,\n\t\t\t\tname,\n\t\t\t\tstyle: { fontStyle: value, fontWeight: undefined },\n\t\t\t} );\n\t\t} );\n\t\treturn combinedOptions;\n\t};\n\n\t// Generates select options for font weights only.\n\tconst weightOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\t\tFONT_WEIGHTS.forEach( ( { name, value } ) => {\n\t\t\tcombinedOptions.push( {\n\t\t\t\tkey: value,\n\t\t\t\tname,\n\t\t\t\tstyle: { fontStyle: undefined, fontWeight: value },\n\t\t\t} );\n\t\t} );\n\t\treturn combinedOptions;\n\t};\n\n\t// Map font styles and weights to select options.\n\tconst selectOptions = useMemo( () => {\n\t\tif ( hasFontStyles && hasFontWeights ) {\n\t\t\treturn combineOptions();\n\t\t}\n\n\t\treturn hasFontStyles ? styleOptions() : weightOptions();\n\t}, [ props.options ] );\n\n\t// Find current selection by comparing font style & weight against options,\n\t// and fall back to the Default option if there is no matching option.\n\tconst currentSelection =\n\t\tselectOptions.find(\n\t\t\t( option ) =>\n\t\t\t\toption.style.fontStyle === fontStyle &&\n\t\t\t\toption.style.fontWeight === fontWeight\n\t\t) || selectOptions[ 0 ];\n\n\t// Adjusts screen reader description based on styles or weights.\n\tconst getDescribedBy = () => {\n\t\tif ( ! currentSelection ) {\n\t\t\treturn __( 'No selected font appearance' );\n\t\t}\n\n\t\tif ( ! hasFontStyles ) {\n\t\t\treturn sprintf(\n\t\t\t\t// translators: %s: Currently selected font weight.\n\t\t\t\t__( 'Currently selected font weight: %s' ),\n\t\t\t\tcurrentSelection.name\n\t\t\t);\n\t\t}\n\n\t\tif ( ! hasFontWeights ) {\n\t\t\treturn sprintf(\n\t\t\t\t// translators: %s: Currently selected font style.\n\t\t\t\t__( 'Currently selected font style: %s' ),\n\t\t\t\tcurrentSelection.name\n\t\t\t);\n\t\t}\n\n\t\treturn sprintf(\n\t\t\t// translators: %s: Currently selected font appearance.\n\t\t\t__( 'Currently selected font appearance: %s' ),\n\t\t\tcurrentSelection.name\n\t\t);\n\t};\n\n\treturn (\n\t\thasStylesOrWeights && (\n\t\t\t<CustomSelectControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tclassName=\"components-font-appearance-control\"\n\t\t\t\tlabel={ label }\n\t\t\t\tdescribedBy={ getDescribedBy() }\n\t\t\t\toptions={ selectOptions }\n\t\t\t\tvalue={ currentSelection }\n\t\t\t\tonChange={ ( { selectedItem } ) =>\n\t\t\t\t\tonChange( selectedItem.style )\n\t\t\t\t}\n\t\t\t/>\n\t\t)\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_element","_i18n","_jsxRuntime","FONT_STYLES","name","_x","value","FONT_WEIGHTS","getFontAppearanceLabel","hasFontStyles","hasFontWeights","__","FontAppearanceControl","props","onChange","fontStyle","fontWeight","otherProps","hasStylesOrWeights","label","defaultOption","key","style","undefined","combineOptions","combinedOptions","forEach","styleName","styleValue","weightName","weightValue","optionName","sprintf","push","styleOptions","weightOptions","selectOptions","useMemo","options","currentSelection","find","option","getDescribedBy","jsx","CustomSelectControl","className","describedBy","selectedItem"],"sources":["@wordpress/block-editor/src/components/font-appearance-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { CustomSelectControl } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\nconst FONT_STYLES = [\n\t{\n\t\tname: _x( 'Regular', 'font style' ),\n\t\tvalue: 'normal',\n\t},\n\t{\n\t\tname: _x( 'Italic', 'font style' ),\n\t\tvalue: 'italic',\n\t},\n];\n\nconst FONT_WEIGHTS = [\n\t{\n\t\tname: _x( 'Thin', 'font weight' ),\n\t\tvalue: '100',\n\t},\n\t{\n\t\tname: _x( 'Extra Light', 'font weight' ),\n\t\tvalue: '200',\n\t},\n\t{\n\t\tname: _x( 'Light', 'font weight' ),\n\t\tvalue: '300',\n\t},\n\t{\n\t\tname: _x( 'Regular', 'font weight' ),\n\t\tvalue: '400',\n\t},\n\t{\n\t\tname: _x( 'Medium', 'font weight' ),\n\t\tvalue: '500',\n\t},\n\t{\n\t\tname: _x( 'Semi Bold', 'font weight' ),\n\t\tvalue: '600',\n\t},\n\t{\n\t\tname: _x( 'Bold', 'font weight' ),\n\t\tvalue: '700',\n\t},\n\t{\n\t\tname: _x( 'Extra Bold', 'font weight' ),\n\t\tvalue: '800',\n\t},\n\t{\n\t\tname: _x( 'Black', 'font weight' ),\n\t\tvalue: '900',\n\t},\n];\n\n/**\n * Adjusts font appearance field label in case either font styles or weights\n * are disabled.\n *\n * @param {boolean} hasFontStyles  Whether font styles are enabled and present.\n * @param {boolean} hasFontWeights Whether font weights are enabled and present.\n * @return {string} A label representing what font appearance is being edited.\n */\nconst getFontAppearanceLabel = ( hasFontStyles, hasFontWeights ) => {\n\tif ( ! hasFontStyles ) {\n\t\treturn __( 'Font weight' );\n\t}\n\n\tif ( ! hasFontWeights ) {\n\t\treturn __( 'Font style' );\n\t}\n\n\treturn __( 'Appearance' );\n};\n\n/**\n * Control to display unified font style and weight options.\n *\n * @param {Object} props Component props.\n *\n * @return {Element} Font appearance control.\n */\nexport default function FontAppearanceControl( props ) {\n\tconst {\n\t\tonChange,\n\t\thasFontStyles = true,\n\t\thasFontWeights = true,\n\t\tvalue: { fontStyle, fontWeight },\n\t\t...otherProps\n\t} = props;\n\tconst hasStylesOrWeights = hasFontStyles || hasFontWeights;\n\tconst label = getFontAppearanceLabel( hasFontStyles, hasFontWeights );\n\tconst defaultOption = {\n\t\tkey: 'default',\n\t\tname: __( 'Default' ),\n\t\tstyle: { fontStyle: undefined, fontWeight: undefined },\n\t};\n\n\t// Combines both font style and weight options into a single dropdown.\n\tconst combineOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\n\t\tFONT_STYLES.forEach( ( { name: styleName, value: styleValue } ) => {\n\t\t\tFONT_WEIGHTS.forEach(\n\t\t\t\t( { name: weightName, value: weightValue } ) => {\n\t\t\t\t\tconst optionName =\n\t\t\t\t\t\tstyleValue === 'normal'\n\t\t\t\t\t\t\t? weightName\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: 1: Font weight name. 2: Font style name. */\n\t\t\t\t\t\t\t\t\t__( '%1$s %2$s' ),\n\t\t\t\t\t\t\t\t\tweightName,\n\t\t\t\t\t\t\t\t\tstyleName\n\t\t\t\t\t\t\t  );\n\n\t\t\t\t\tcombinedOptions.push( {\n\t\t\t\t\t\tkey: `${ styleValue }-${ weightValue }`,\n\t\t\t\t\t\tname: optionName,\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tfontStyle: styleValue,\n\t\t\t\t\t\t\tfontWeight: weightValue,\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t);\n\t\t} );\n\n\t\treturn combinedOptions;\n\t};\n\n\t// Generates select options for font styles only.\n\tconst styleOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\t\tFONT_STYLES.forEach( ( { name, value } ) => {\n\t\t\tcombinedOptions.push( {\n\t\t\t\tkey: value,\n\t\t\t\tname,\n\t\t\t\tstyle: { fontStyle: value, fontWeight: undefined },\n\t\t\t} );\n\t\t} );\n\t\treturn combinedOptions;\n\t};\n\n\t// Generates select options for font weights only.\n\tconst weightOptions = () => {\n\t\tconst combinedOptions = [ defaultOption ];\n\t\tFONT_WEIGHTS.forEach( ( { name, value } ) => {\n\t\t\tcombinedOptions.push( {\n\t\t\t\tkey: value,\n\t\t\t\tname,\n\t\t\t\tstyle: { fontStyle: undefined, fontWeight: value },\n\t\t\t} );\n\t\t} );\n\t\treturn combinedOptions;\n\t};\n\n\t// Map font styles and weights to select options.\n\tconst selectOptions = useMemo( () => {\n\t\tif ( hasFontStyles && hasFontWeights ) {\n\t\t\treturn combineOptions();\n\t\t}\n\n\t\treturn hasFontStyles ? styleOptions() : weightOptions();\n\t}, [ props.options ] );\n\n\t// Find current selection by comparing font style & weight against options,\n\t// and fall back to the Default option if there is no matching option.\n\tconst currentSelection =\n\t\tselectOptions.find(\n\t\t\t( option ) =>\n\t\t\t\toption.style.fontStyle === fontStyle &&\n\t\t\t\toption.style.fontWeight === fontWeight\n\t\t) || selectOptions[ 0 ];\n\n\t// Adjusts screen reader description based on styles or weights.\n\tconst getDescribedBy = () => {\n\t\tif ( ! currentSelection ) {\n\t\t\treturn __( 'No selected font appearance' );\n\t\t}\n\n\t\tif ( ! hasFontStyles ) {\n\t\t\treturn sprintf(\n\t\t\t\t// translators: %s: Currently selected font weight.\n\t\t\t\t__( 'Currently selected font weight: %s' ),\n\t\t\t\tcurrentSelection.name\n\t\t\t);\n\t\t}\n\n\t\tif ( ! hasFontWeights ) {\n\t\t\treturn sprintf(\n\t\t\t\t// translators: %s: Currently selected font style.\n\t\t\t\t__( 'Currently selected font style: %s' ),\n\t\t\t\tcurrentSelection.name\n\t\t\t);\n\t\t}\n\n\t\treturn sprintf(\n\t\t\t// translators: %s: Currently selected font appearance.\n\t\t\t__( 'Currently selected font appearance: %s' ),\n\t\t\tcurrentSelection.name\n\t\t);\n\t};\n\n\treturn (\n\t\thasStylesOrWeights && (\n\t\t\t<CustomSelectControl\n\t\t\t\t{ ...otherProps }\n\t\t\t\tclassName=\"components-font-appearance-control\"\n\t\t\t\tlabel={ label }\n\t\t\t\tdescribedBy={ getDescribedBy() }\n\t\t\t\toptions={ selectOptions }\n\t\t\t\tvalue={ currentSelection }\n\t\t\t\tonChange={ ( { selectedItem } ) =>\n\t\t\t\t\tonChange( selectedItem.style )\n\t\t\t\t}\n\t\t\t/>\n\t\t)\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/font-family/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FontFamilyControl;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _useSettings = require("../use-settings");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -41,7 +41,7 @@ function FontFamilyControl({
       label: name || fontFamily
     };
   })];
-  return (0, _react.createElement)(_components.SelectControl, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.SelectControl, {
     label: (0, _i18n.__)('Font'),
     options: options,
     value: value,

package/build/components/font-family/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_useSettings","FontFamilyControl","value","onChange","fontFamilies","props","blockLevelFontFamilies","useSettings","length","options","label","__","map","fontFamily","name","_react","createElement","SelectControl","labelPosition"],"sources":["@wordpress/block-editor/src/components/font-family/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function FontFamilyControl( {\n\tvalue = '',\n\tonChange,\n\tfontFamilies,\n\t...props\n} ) {\n\tconst [ blockLevelFontFamilies ] = useSettings( 'typography.fontFamilies' );\n\tif ( ! fontFamilies ) {\n\t\tfontFamilies = blockLevelFontFamilies;\n\t}\n\n\tif ( ! fontFamilies || fontFamilies.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst options = [\n\t\t{ value: '', label: __( 'Default' ) },\n\t\t...fontFamilies.map( ( { fontFamily, name } ) => {\n\t\t\treturn {\n\t\t\t\tvalue: fontFamily,\n\t\t\t\tlabel: name || fontFamily,\n\t\t\t};\n\t\t} ),\n\t];\n\treturn (\n\t\t<SelectControl\n\t\t\tlabel={ __( 'Font' ) }\n\t\t\toptions={ options }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tlabelPosition=\"top\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASG,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,EAAE;EACVC,QAAQ;EACRC,YAAY;EACZ,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,sBAAsB,CAAE,GAAG,IAAAC,wBAAW,EAAE,yBAA0B,CAAC;EAC3E,IAAK,CAAEH,YAAY,EAAG;IACrBA,YAAY,GAAGE,sBAAsB;EACtC;EAEA,IAAK,CAAEF,YAAY,IAAIA,YAAY,CAACI,MAAM,KAAK,CAAC,EAAG;IAClD,OAAO,IAAI;EACZ;EAEA,MAAMC,OAAO,GAAG,CACf;IAAEP,KAAK,EAAE,EAAE;IAAEQ,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU;EAAE,CAAC,EACrC,GAAGP,YAAY,CAACQ,GAAG,CAAE,CAAE;IAAEC,UAAU;IAAEC;EAAK,CAAC,KAAM;IAChD,OAAO;MACNZ,KAAK,EAAEW,UAAU;MACjBH,KAAK,EAAEI,IAAI,IAAID;IAChB,CAAC;EACF,CAAE,CAAC,CACH;EACD,OACC,IAAAE,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,aAAa;IACbP,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBF,OAAO,EAAGA,OAAS;IACnBP,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBe,aAAa,EAAC,KAAK;IAAA,GACdb;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_useSettings","_jsxRuntime","FontFamilyControl","value","onChange","fontFamilies","props","blockLevelFontFamilies","useSettings","length","options","label","__","map","fontFamily","name","jsx","SelectControl","labelPosition"],"sources":["@wordpress/block-editor/src/components/font-family/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\n\nexport default function FontFamilyControl( {\n\tvalue = '',\n\tonChange,\n\tfontFamilies,\n\t...props\n} ) {\n\tconst [ blockLevelFontFamilies ] = useSettings( 'typography.fontFamilies' );\n\tif ( ! fontFamilies ) {\n\t\tfontFamilies = blockLevelFontFamilies;\n\t}\n\n\tif ( ! fontFamilies || fontFamilies.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst options = [\n\t\t{ value: '', label: __( 'Default' ) },\n\t\t...fontFamilies.map( ( { fontFamily, name } ) => {\n\t\t\treturn {\n\t\t\t\tvalue: fontFamily,\n\t\t\t\tlabel: name || fontFamily,\n\t\t\t};\n\t\t} ),\n\t];\n\treturn (\n\t\t<SelectControl\n\t\t\tlabel={ __( 'Font' ) }\n\t\t\toptions={ options }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tlabelPosition=\"top\"\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAT9C;AACA;AACA;;AAIA;AACA;AACA;;AAGe,SAASI,iBAAiBA,CAAE;EAC1CC,KAAK,GAAG,EAAE;EACVC,QAAQ;EACRC,YAAY;EACZ,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,sBAAsB,CAAE,GAAG,IAAAC,wBAAW,EAAE,yBAA0B,CAAC;EAC3E,IAAK,CAAEH,YAAY,EAAG;IACrBA,YAAY,GAAGE,sBAAsB;EACtC;EAEA,IAAK,CAAEF,YAAY,IAAIA,YAAY,CAACI,MAAM,KAAK,CAAC,EAAG;IAClD,OAAO,IAAI;EACZ;EAEA,MAAMC,OAAO,GAAG,CACf;IAAEP,KAAK,EAAE,EAAE;IAAEQ,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU;EAAE,CAAC,EACrC,GAAGP,YAAY,CAACQ,GAAG,CAAE,CAAE;IAAEC,UAAU;IAAEC;EAAK,CAAC,KAAM;IAChD,OAAO;MACNZ,KAAK,EAAEW,UAAU;MACjBH,KAAK,EAAEI,IAAI,IAAID;IAChB,CAAC;EACF,CAAE,CAAC,CACH;EACD,oBACC,IAAAb,WAAA,CAAAe,GAAA,EAACnB,WAAA,CAAAoB,aAAa;IACbN,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBF,OAAO,EAAGA,OAAS;IACnBP,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA,QAAU;IACrBc,aAAa,EAAC,KAAK;IAAA,GACdZ;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}