@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/block-editor/editor-canvas.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _keycodes = require("@wordpress/keycodes");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _editor = require("@wordpress/editor");
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
-var _constants = require("../../utils/constants");
-var _math = require("../../utils/math");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  EditorCanvas: EditorCanvasRoot
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
-function EditorCanvas({
-  enableResizing,
-  settings,
-  children,
-  onClick,
-  ...props
-}) {
-  const {
-    hasBlocks,
-    isFocusMode,
-    templateType,
-    canvasMode,
-    isZoomOutMode,
-    currentPostIsTrashed
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockCount,
-      __unstableGetEditorMode
-    } = select(_blockEditor.store);
-    const {
-      getEditedPostType,
-      getCanvasMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const _templateType = getEditedPostType();
-    return {
-      templateType: _templateType,
-      isFocusMode: _constants.FOCUSABLE_ENTITIES.includes(_templateType),
-      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out',
-      canvasMode: getCanvasMode(),
-      hasBlocks: !!getBlockCount(),
-      currentPostIsTrashed: select(_editor.store).getCurrentPostAttribute('status') === 'trash'
-    };
-  }, []);
-  const {
-    setCanvasMode
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  const [isFocused, setIsFocused] = (0, _element.useState)(false);
-  (0, _element.useEffect)(() => {
-    if (canvasMode === 'edit') {
-      setIsFocused(false);
-    }
-  }, [canvasMode]);
-
-  // In view mode, make the canvas iframe be perceived and behave as a button
-  // to switch to edit mode, with a meaningful label and no title attribute.
-  const viewModeIframeProps = {
-    'aria-label': (0, _i18n.__)('Edit'),
-    'aria-disabled': currentPostIsTrashed,
-    title: null,
-    role: 'button',
-    tabIndex: 0,
-    onFocus: () => setIsFocused(true),
-    onBlur: () => setIsFocused(false),
-    onKeyDown: event => {
-      const {
-        keyCode
-      } = event;
-      if ((keyCode === _keycodes.ENTER || keyCode === _keycodes.SPACE) && !currentPostIsTrashed) {
-        event.preventDefault();
-        setCanvasMode('edit');
-      }
-    },
-    onClick: () => {
-      if (!!onClick) {
-        onClick();
-      } else {
-        setCanvasMode('edit');
-      }
-    },
-    onClickCapture: event => {
-      if (currentPostIsTrashed) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    readonly: true
-  };
-  const isTemplateTypeNavigation = templateType === _constants.NAVIGATION_POST_TYPE;
-  const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
-  // Hide the appender when:
-  // - In navigation focus mode (should only allow the root Nav block).
-  // - In view mode (i.e. not editing).
-  const showBlockAppender = isNavigationFocusMode && hasBlocks || canvasMode === 'view' ? false : undefined;
-  const styles = (0, _element.useMemo)(() => [...settings.styles, {
-    // Forming a "block formatting context" to prevent margin collapsing.
-    // @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-
-    css: `.is-root-container{display:flow-root;${
-    // Some themes will have `min-height: 100vh` for the root container,
-    // which isn't a requirement in auto resize mode.
-    enableResizing ? 'min-height:0!important;' : ''}}body{position:relative; ${canvasMode === 'view' ? `min-height: 100vh; ${currentPostIsTrashed ? '' : 'cursor: pointer;'}` : ''}}}`
-  }], [settings.styles, enableResizing, canvasMode, currentPostIsTrashed]);
-  const frameSize = isZoomOutMode ? 20 : undefined;
-  const scale = isZoomOutMode ? contentWidth => (0, _math.computeIFrameScale)({
-    width: 1000,
-    scale: 0.55
-  }, {
-    width: 400,
-    scale: 0.9
-  }, contentWidth) : undefined;
-  return (0, _react.createElement)(EditorCanvasRoot, {
-    className: (0, _classnames.default)('edit-site-editor-canvas__block-list', {
-      'is-navigation-block': isTemplateTypeNavigation
-    }),
-    renderAppender: showBlockAppender,
-    styles: styles,
-    iframeProps: {
-      scale,
-      frameSize,
-      className: (0, _classnames.default)('edit-site-visual-editor__editor-canvas', {
-        'is-focused': isFocused && canvasMode === 'view'
-      }),
-      ...props,
-      ...(canvasMode === 'view' ? viewModeIframeProps : {})
-    }
-  }, children);
-}
-var _default = exports.default = EditorCanvas;
-//# sourceMappingURL=editor-canvas.js.map

package/build/components/block-editor/editor-canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_data","_keycodes","_element","_i18n","_editor","_lockUnlock","_store","_constants","_math","EditorCanvas","EditorCanvasRoot","unlock","editorPrivateApis","enableResizing","settings","children","onClick","props","hasBlocks","isFocusMode","templateType","canvasMode","isZoomOutMode","currentPostIsTrashed","useSelect","select","getBlockCount","__unstableGetEditorMode","blockEditorStore","getEditedPostType","getCanvasMode","editSiteStore","_templateType","FOCUSABLE_ENTITIES","includes","editorStore","getCurrentPostAttribute","setCanvasMode","useDispatch","isFocused","setIsFocused","useState","useEffect","viewModeIframeProps","__","title","role","tabIndex","onFocus","onBlur","onKeyDown","event","keyCode","ENTER","SPACE","preventDefault","onClickCapture","stopPropagation","readonly","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","showBlockAppender","undefined","styles","useMemo","css","frameSize","scale","contentWidth","computeIFrameScale","width","_react","createElement","className","classnames","renderAppender","iframeProps","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/block-editor/editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\nimport { useState, useEffect, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n} from '../../utils/constants';\nimport { computeIFrameScale } from '../../utils/math';\n\nconst { EditorCanvas: EditorCanvasRoot } = unlock( editorPrivateApis );\n\nfunction EditorCanvas( {\n\tenableResizing,\n\tsettings,\n\tchildren,\n\tonClick,\n\t...props\n} ) {\n\tconst {\n\t\thasBlocks,\n\t\tisFocusMode,\n\t\ttemplateType,\n\t\tcanvasMode,\n\t\tisZoomOutMode,\n\t\tcurrentPostIsTrashed,\n\t} = useSelect( ( select ) => {\n\t\tconst { getBlockCount, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst _templateType = getEditedPostType();\n\n\t\treturn {\n\t\t\ttemplateType: _templateType,\n\t\t\tisFocusMode: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\thasBlocks: !! getBlockCount(),\n\t\t\tcurrentPostIsTrashed:\n\t\t\t\tselect( editorStore ).getCurrentPostAttribute( 'status' ) ===\n\t\t\t\t'trash',\n\t\t};\n\t}, [] );\n\tconst { setCanvasMode } = unlock( useDispatch( editSiteStore ) );\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tuseEffect( () => {\n\t\tif ( canvasMode === 'edit' ) {\n\t\t\tsetIsFocused( false );\n\t\t}\n\t}, [ canvasMode ] );\n\n\t// In view mode, make the canvas iframe be perceived and behave as a button\n\t// to switch to edit mode, with a meaningful label and no title attribute.\n\tconst viewModeIframeProps = {\n\t\t'aria-label': __( 'Edit' ),\n\t\t'aria-disabled': currentPostIsTrashed,\n\t\ttitle: null,\n\t\trole: 'button',\n\t\ttabIndex: 0,\n\t\tonFocus: () => setIsFocused( true ),\n\t\tonBlur: () => setIsFocused( false ),\n\t\tonKeyDown: ( event ) => {\n\t\t\tconst { keyCode } = event;\n\t\t\tif (\n\t\t\t\t( keyCode === ENTER || keyCode === SPACE ) &&\n\t\t\t\t! currentPostIsTrashed\n\t\t\t) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClick: () => {\n\t\t\tif ( !! onClick ) {\n\t\t\t\tonClick();\n\t\t\t} else {\n\t\t\t\tsetCanvasMode( 'edit' );\n\t\t\t}\n\t\t},\n\t\tonClickCapture: ( event ) => {\n\t\t\tif ( currentPostIsTrashed ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t}\n\t\t},\n\t\treadonly: true,\n\t};\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\t// Hide the appender when:\n\t// - In navigation focus mode (should only allow the root Nav block).\n\t// - In view mode (i.e. not editing).\n\tconst showBlockAppender =\n\t\t( isNavigationFocusMode && hasBlocks ) || canvasMode === 'view'\n\t\t\t? false\n\t\t\t: undefined;\n\n\tconst styles = useMemo(\n\t\t() => [\n\t\t\t...settings.styles,\n\t\t\t{\n\t\t\t\t// Forming a \"block formatting context\" to prevent margin collapsing.\n\t\t\t\t// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context\n\n\t\t\t\tcss: `.is-root-container{display:flow-root;${\n\t\t\t\t\t// Some themes will have `min-height: 100vh` for the root container,\n\t\t\t\t\t// which isn't a requirement in auto resize mode.\n\t\t\t\t\tenableResizing ? 'min-height:0!important;' : ''\n\t\t\t\t}}body{position:relative; ${\n\t\t\t\t\tcanvasMode === 'view'\n\t\t\t\t\t\t? `min-height: 100vh; ${\n\t\t\t\t\t\t\t\tcurrentPostIsTrashed ? '' : 'cursor: pointer;'\n\t\t\t\t\t\t  }`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}}`,\n\t\t\t},\n\t\t],\n\t\t[ settings.styles, enableResizing, canvasMode, currentPostIsTrashed ]\n\t);\n\n\tconst frameSize = isZoomOutMode ? 20 : undefined;\n\n\tconst scale = isZoomOutMode\n\t\t? ( contentWidth ) =>\n\t\t\t\tcomputeIFrameScale(\n\t\t\t\t\t{ width: 1000, scale: 0.55 },\n\t\t\t\t\t{ width: 400, scale: 0.9 },\n\t\t\t\t\tcontentWidth\n\t\t\t\t)\n\t\t: undefined;\n\n\treturn (\n\t\t<EditorCanvasRoot\n\t\t\tclassName={ classnames( 'edit-site-editor-canvas__block-list', {\n\t\t\t\t'is-navigation-block': isTemplateTypeNavigation,\n\t\t\t} ) }\n\t\t\trenderAppender={ showBlockAppender }\n\t\t\tstyles={ styles }\n\t\t\tiframeProps={ {\n\t\t\t\tscale,\n\t\t\t\tframeSize,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'edit-site-visual-editor__editor-canvas',\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-focused': isFocused && canvasMode === 'view',\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\t...props,\n\t\t\t\t...( canvasMode === 'view' ? viewModeIframeProps : {} ),\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</EditorCanvasRoot>\n\t);\n}\n\nexport default EditorCanvas;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-editor/resizable-editor.js

@@ -1,86 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _resizeHandle = _interopRequireDefault(require("./resize-handle"));
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Removes the inline styles in the drag handles.
-const HANDLE_STYLES_OVERRIDE = {
-  position: undefined,
-  userSelect: undefined,
-  cursor: undefined,
-  width: undefined,
-  height: undefined,
-  top: undefined,
-  right: undefined,
-  bottom: undefined,
-  left: undefined
-};
-function ResizableEditor({
-  enableResizing,
-  height,
-  children
-}) {
-  const [width, setWidth] = (0, _element.useState)('100%');
-  const resizableRef = (0, _element.useRef)();
-  const resizeWidthBy = (0, _element.useCallback)(deltaPixels => {
-    if (resizableRef.current) {
-      setWidth(resizableRef.current.offsetWidth + deltaPixels);
-    }
-  }, []);
-  return (0, _react.createElement)(_components.ResizableBox, {
-    ref: api => {
-      resizableRef.current = api?.resizable;
-    },
-    size: {
-      width: enableResizing ? width : '100%',
-      height: enableResizing && height ? height : '100%'
-    },
-    onResizeStop: (event, direction, element) => {
-      setWidth(element.style.width);
-    },
-    minWidth: 300,
-    maxWidth: "100%",
-    maxHeight: "100%",
-    enable: {
-      left: enableResizing,
-      right: enableResizing
-    },
-    showHandle: enableResizing
-    // The editor is centered horizontally, resizing it only
-    // moves half the distance. Hence double the ratio to correctly
-    // align the cursor to the resizer handle.
-    ,
-    resizeRatio: 2,
-    handleComponent: {
-      left: (0, _react.createElement)(_resizeHandle.default, {
-        direction: "left",
-        resizeWidthBy: resizeWidthBy
-      }),
-      right: (0, _react.createElement)(_resizeHandle.default, {
-        direction: "right",
-        resizeWidthBy: resizeWidthBy
-      })
-    },
-    handleClasses: undefined,
-    handleStyles: {
-      left: HANDLE_STYLES_OVERRIDE,
-      right: HANDLE_STYLES_OVERRIDE
-    }
-  }, children);
-}
-var _default = exports.default = ResizableEditor;
-//# sourceMappingURL=resizable-editor.js.map

package/build/components/block-editor/resizable-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_components","_resizeHandle","_interopRequireDefault","HANDLE_STYLES_OVERRIDE","position","undefined","userSelect","cursor","width","height","top","right","bottom","left","ResizableEditor","enableResizing","children","setWidth","useState","resizableRef","useRef","resizeWidthBy","useCallback","deltaPixels","current","offsetWidth","_react","createElement","ResizableBox","ref","api","resizable","size","onResizeStop","event","direction","element","style","minWidth","maxWidth","maxHeight","enable","showHandle","resizeRatio","handleComponent","default","handleClasses","handleStyles","_default","exports"],"sources":["@wordpress/edit-site/src/components/block-editor/resizable-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useRef, useCallback } from '@wordpress/element';\nimport { ResizableBox } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ResizeHandle from './resize-handle';\n\n// Removes the inline styles in the drag handles.\nconst HANDLE_STYLES_OVERRIDE = {\n\tposition: undefined,\n\tuserSelect: undefined,\n\tcursor: undefined,\n\twidth: undefined,\n\theight: undefined,\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nfunction ResizableEditor( { enableResizing, height, children } ) {\n\tconst [ width, setWidth ] = useState( '100%' );\n\tconst resizableRef = useRef();\n\tconst resizeWidthBy = useCallback( ( deltaPixels ) => {\n\t\tif ( resizableRef.current ) {\n\t\t\tsetWidth( resizableRef.current.offsetWidth + deltaPixels );\n\t\t}\n\t}, [] );\n\treturn (\n\t\t<ResizableBox\n\t\t\tref={ ( api ) => {\n\t\t\t\tresizableRef.current = api?.resizable;\n\t\t\t} }\n\t\t\tsize={ {\n\t\t\t\twidth: enableResizing ? width : '100%',\n\t\t\t\theight: enableResizing && height ? height : '100%',\n\t\t\t} }\n\t\t\tonResizeStop={ ( event, direction, element ) => {\n\t\t\t\tsetWidth( element.style.width );\n\t\t\t} }\n\t\t\tminWidth={ 300 }\n\t\t\tmaxWidth=\"100%\"\n\t\t\tmaxHeight=\"100%\"\n\t\t\tenable={ {\n\t\t\t\tleft: enableResizing,\n\t\t\t\tright: enableResizing,\n\t\t\t} }\n\t\t\tshowHandle={ enableResizing }\n\t\t\t// The editor is centered horizontally, resizing it only\n\t\t\t// moves half the distance. Hence double the ratio to correctly\n\t\t\t// align the cursor to the resizer handle.\n\t\t\tresizeRatio={ 2 }\n\t\t\thandleComponent={ {\n\t\t\t\tleft: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"left\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tright: (\n\t\t\t\t\t<ResizeHandle\n\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\tresizeWidthBy={ resizeWidthBy }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t} }\n\t\t\thandleClasses={ undefined }\n\t\t\thandleStyles={ {\n\t\t\t\tleft: HANDLE_STYLES_OVERRIDE,\n\t\t\t\tright: HANDLE_STYLES_OVERRIDE,\n\t\t\t} }\n\t\t>\n\t\t\t{ children }\n\t\t</ResizableBox>\n\t);\n}\n\nexport default ResizableEditor;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA,MAAMI,sBAAsB,GAAG;EAC9BC,QAAQ,EAAEC,SAAS;EACnBC,UAAU,EAAED,SAAS;EACrBE,MAAM,EAAEF,SAAS;EACjBG,KAAK,EAAEH,SAAS;EAChBI,MAAM,EAAEJ,SAAS;EACjBK,GAAG,EAAEL,SAAS;EACdM,KAAK,EAAEN,SAAS;EAChBO,MAAM,EAAEP,SAAS;EACjBQ,IAAI,EAAER;AACP,CAAC;AAED,SAASS,eAAeA,CAAE;EAAEC,cAAc;EAAEN,MAAM;EAAEO;AAAS,CAAC,EAAG;EAChE,MAAM,CAAER,KAAK,EAAES,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAE,MAAO,CAAC;EAC9C,MAAMC,YAAY,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC7B,MAAMC,aAAa,GAAG,IAAAC,oBAAW,EAAIC,WAAW,IAAM;IACrD,IAAKJ,YAAY,CAACK,OAAO,EAAG;MAC3BP,QAAQ,CAAEE,YAAY,CAACK,OAAO,CAACC,WAAW,GAAGF,WAAY,CAAC;IAC3D;EACD,CAAC,EAAE,EAAG,CAAC;EACP,OACC,IAAAG,MAAA,CAAAC,aAAA,EAAC3B,WAAA,CAAA4B,YAAY;IACZC,GAAG,EAAKC,GAAG,IAAM;MAChBX,YAAY,CAACK,OAAO,GAAGM,GAAG,EAAEC,SAAS;IACtC,CAAG;IACHC,IAAI,EAAG;MACNxB,KAAK,EAAEO,cAAc,GAAGP,KAAK,GAAG,MAAM;MACtCC,MAAM,EAAEM,cAAc,IAAIN,MAAM,GAAGA,MAAM,GAAG;IAC7C,CAAG;IACHwB,YAAY,EAAGA,CAAEC,KAAK,EAAEC,SAAS,EAAEC,OAAO,KAAM;MAC/CnB,QAAQ,CAAEmB,OAAO,CAACC,KAAK,CAAC7B,KAAM,CAAC;IAChC,CAAG;IACH8B,QAAQ,EAAG,GAAK;IAChBC,QAAQ,EAAC,MAAM;IACfC,SAAS,EAAC,MAAM;IAChBC,MAAM,EAAG;MACR5B,IAAI,EAAEE,cAAc;MACpBJ,KAAK,EAAEI;IACR,CAAG;IACH2B,UAAU,EAAG3B;IACb;IACA;IACA;IAAA;IACA4B,WAAW,EAAG,CAAG;IACjBC,eAAe,EAAG;MACjB/B,IAAI,EACH,IAAAa,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,MAAM;QAChBd,aAAa,EAAGA;MAAe,CAC/B,CACD;MACDV,KAAK,EACJ,IAAAe,MAAA,CAAAC,aAAA,EAAC1B,aAAA,CAAA4C,OAAY;QACZV,SAAS,EAAC,OAAO;QACjBd,aAAa,EAAGA;MAAe,CAC/B;IAEH,CAAG;IACHyB,aAAa,EAAGzC,SAAW;IAC3B0C,YAAY,EAAG;MACdlC,IAAI,EAAEV,sBAAsB;MAC5BQ,KAAK,EAAER;IACR;EAAG,GAEDa,QACW,CAAC;AAEjB;AAAC,IAAAgC,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc/B,eAAe","ignoreList":[]}

package/build/components/block-editor/resize-handle.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ResizeHandle;
-var _react = require("react");
-var _i18n = require("@wordpress/i18n");
-var _keycodes = require("@wordpress/keycodes");
-var _components = require("@wordpress/components");
-/**
- * WordPress dependencies
- */
-
-const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.
-
-function ResizeHandle({
-  variation = 'default',
-  direction,
-  resizeWidthBy
-}) {
-  function handleKeyDown(event) {
-    const {
-      keyCode
-    } = event;
-    if (direction === 'left' && keyCode === _keycodes.LEFT || direction === 'right' && keyCode === _keycodes.RIGHT) {
-      resizeWidthBy(DELTA_DISTANCE);
-    } else if (direction === 'left' && keyCode === _keycodes.RIGHT || direction === 'right' && keyCode === _keycodes.LEFT) {
-      resizeWidthBy(-DELTA_DISTANCE);
-    }
-  }
-  const resizeHandleVariants = {
-    active: {
-      opacity: 1,
-      scaleY: 1.3
-    }
-  };
-  const resizableHandleHelpId = `resizable-editor__resize-help-${direction}`;
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.Tooltip, {
-    text: (0, _i18n.__)('Drag to resize')
-  }, (0, _react.createElement)(_components.__unstableMotion.button, {
-    className: `resizable-editor__drag-handle is-${direction} is-variation-${variation}`,
-    "aria-label": (0, _i18n.__)('Drag to resize'),
-    "aria-describedby": resizableHandleHelpId,
-    onKeyDown: handleKeyDown,
-    variants: resizeHandleVariants,
-    whileFocus: "active",
-    whileHover: "active",
-    whileTap: "active",
-    key: "handle",
-    role: "separator",
-    "aria-orientation": "vertical"
-  })), (0, _react.createElement)(_components.VisuallyHidden, {
-    id: resizableHandleHelpId
-  }, (0, _i18n.__)('Use left and right arrow keys to resize the canvas.')));
-}
-//# sourceMappingURL=resize-handle.js.map

package/build/components/block-editor/resize-handle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode","LEFT","RIGHT","resizeHandleVariants","active","opacity","scaleY","resizableHandleHelpId","_react","createElement","Fragment","Tooltip","text","__","__unstableMotion","button","className","onKeyDown","variants","whileFocus","whileHover","whileTap","key","role","VisuallyHidden","id"],"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport {\n\tVisuallyHidden,\n\tTooltip,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\tconst resizeHandleVariants = {\n\t\tactive: {\n\t\t\topacity: 1,\n\t\t\tscaleY: 1.3,\n\t\t},\n\t};\n\n\tconst resizableHandleHelpId = `resizable-editor__resize-help-${ direction }`;\n\n\treturn (\n\t\t<>\n\t\t\t<Tooltip text={ __( 'Drag to resize' ) }>\n\t\t\t\t<motion.button\n\t\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\t\taria-describedby={ resizableHandleHelpId }\n\t\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\t\tvariants={ resizeHandleVariants }\n\t\t\t\t\twhileFocus=\"active\"\n\t\t\t\t\twhileHover=\"active\"\n\t\t\t\t\twhileTap=\"active\"\n\t\t\t\t\tkey=\"handle\"\n\t\t\t\t\trole=\"separator\"\n\t\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t\t<VisuallyHidden id={ resizableHandleHelpId }>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AASA,MAAMG,cAAc,GAAG,EAAE,CAAC,CAAC;;AAEZ,SAASC,YAAYA,CAAE;EACrCC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IACGH,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKC,cAAI,IACxCL,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKE,eAAO,EAC7C;MACDL,aAAa,CAAEJ,cAAe,CAAC;IAChC,CAAC,MAAM,IACJG,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKE,eAAK,IACzCN,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKC,cAAM,EAC5C;MACDJ,aAAa,CAAE,CAACJ,cAAe,CAAC;IACjC;EACD;EAEA,MAAMU,oBAAoB,GAAG;IAC5BC,MAAM,EAAE;MACPC,OAAO,EAAE,CAAC;MACVC,MAAM,EAAE;IACT;EACD,CAAC;EAED,MAAMC,qBAAqB,GAAI,iCAAiCX,SAAW,EAAC;EAE5E,OACC,IAAAY,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAmB,OAAO;IAACC,IAAI,EAAG,IAAAC,QAAE,EAAE,gBAAiB;EAAG,GACvC,IAAAL,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAsB,gBAAM,CAACC,MAAM;IACbC,SAAS,EAAI,oCAAoCpB,SAAW,iBAAiBD,SAAW,EAAG;IAC3F,cAAa,IAAAkB,QAAE,EAAE,gBAAiB,CAAG;IACrC,oBAAmBN,qBAAuB;IAC1CU,SAAS,EAAGnB,aAAe;IAC3BoB,QAAQ,EAAGf,oBAAsB;IACjCgB,UAAU,EAAC,QAAQ;IACnBC,UAAU,EAAC,QAAQ;IACnBC,QAAQ,EAAC,QAAQ;IACjBC,GAAG,EAAC,QAAQ;IACZC,IAAI,EAAC,WAAW;IAChB,oBAAiB;EAAU,CAC3B,CACO,CAAC,EACV,IAAAf,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAgC,cAAc;IAACC,EAAE,EAAGlB;EAAuB,GACzC,IAAAM,QAAE,EAAE,qDAAsD,CAC7C,CACf,CAAC;AAEL","ignoreList":[]}

package/build/components/block-editor/site-editor-canvas.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SiteEditorCanvas;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _data = require("@wordpress/data");
-var _compose = require("@wordpress/compose");
-var _blockEditor = require("@wordpress/block-editor");
-var _resizableEditor = _interopRequireDefault(require("./resizable-editor"));
-var _editorCanvas = _interopRequireDefault(require("./editor-canvas"));
-var _editorCanvasContainer = _interopRequireDefault(require("../editor-canvas-container"));
-var _useSiteEditorSettings = _interopRequireDefault(require("./use-site-editor-settings"));
-var _store = require("../../store");
-var _constants = require("../../utils/constants");
-var _lockUnlock = require("../../lock-unlock");
-var _router = require("@wordpress/router");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useLocation
-} = (0, _lockUnlock.unlock)(_router.privateApis);
-function SiteEditorCanvas({
-  onClick
-}) {
-  const location = useLocation();
-  const {
-    templateType,
-    isFocusableEntity,
-    isViewMode,
-    isZoomOutMode
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostType,
-      getCanvasMode
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    const {
-      __unstableGetEditorMode
-    } = select(_blockEditor.store);
-    const _templateType = getEditedPostType();
-    return {
-      templateType: _templateType,
-      isFocusableEntity: _constants.FOCUSABLE_ENTITIES.includes(_templateType),
-      isViewMode: getCanvasMode() === 'view',
-      isZoomOutMode: __unstableGetEditorMode() === 'zoom-out'
-    };
-  }, []);
-  const isFocusMode = location.params.focusMode || isFocusableEntity;
-  const [resizeObserver, sizes] = (0, _compose.useResizeObserver)();
-  const settings = (0, _useSiteEditorSettings.default)();
-  const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
-  const enableResizing = isFocusMode && !isViewMode &&
-  // Disable resizing in mobile viewport.
-  !isMobileViewport &&
-  // Dsiable resizing in zoomed-out mode.
-  !isZoomOutMode &&
-  // Disable resizing when editing a template in focus mode.
-  templateType !== _constants.TEMPLATE_POST_TYPE;
-  const isTemplateTypeNavigation = templateType === _constants.NAVIGATION_POST_TYPE;
-  const isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;
-  const forceFullHeight = isNavigationFocusMode;
-  return (0, _react.createElement)(_editorCanvasContainer.default.Slot, null, ([editorCanvasView]) => editorCanvasView ? (0, _react.createElement)("div", {
-    className: "edit-site-visual-editor is-focus-mode"
-  }, editorCanvasView) : (0, _react.createElement)("div", {
-    className: (0, _classnames.default)('edit-site-visual-editor', {
-      'is-focus-mode': isFocusMode || !!editorCanvasView,
-      'is-view-mode': isViewMode
-    })
-  }, (0, _react.createElement)(_resizableEditor.default, {
-    enableResizing: enableResizing,
-    height: sizes.height && !forceFullHeight ? sizes.height : '100%'
-  }, (0, _react.createElement)(_editorCanvas.default, {
-    enableResizing: enableResizing,
-    settings: settings,
-    onClick: onClick
-  },
-  // Avoid resize listeners when not needed,
-  // these will trigger unnecessary re-renders
-  // when animating the iframe width.
-  enableResizing && resizeObserver))));
-}
-//# sourceMappingURL=site-editor-canvas.js.map

package/build/components/block-editor/site-editor-canvas.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_compose","_blockEditor","_resizableEditor","_editorCanvas","_editorCanvasContainer","_useSiteEditorSettings","_store","_constants","_lockUnlock","_router","useLocation","unlock","routerPrivateApis","SiteEditorCanvas","onClick","location","templateType","isFocusableEntity","isViewMode","isZoomOutMode","useSelect","select","getEditedPostType","getCanvasMode","editSiteStore","__unstableGetEditorMode","blockEditorStore","_templateType","FOCUSABLE_ENTITIES","includes","isFocusMode","params","focusMode","resizeObserver","sizes","useResizeObserver","settings","useSiteEditorSettings","isMobileViewport","useViewportMatch","enableResizing","TEMPLATE_POST_TYPE","isTemplateTypeNavigation","NAVIGATION_POST_TYPE","isNavigationFocusMode","forceFullHeight","_react","createElement","default","Slot","editorCanvasView","className","classnames","height"],"sources":["@wordpress/edit-site/src/components/block-editor/site-editor-canvas.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useViewportMatch, useResizeObserver } from '@wordpress/compose';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ResizableEditor from './resizable-editor';\nimport EditorCanvas from './editor-canvas';\nimport EditorCanvasContainer from '../editor-canvas-container';\nimport useSiteEditorSettings from './use-site-editor-settings';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tFOCUSABLE_ENTITIES,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function SiteEditorCanvas( { onClick } ) {\n\tconst location = useLocation();\n\tconst { templateType, isFocusableEntity, isViewMode, isZoomOutMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getEditedPostType, getCanvasMode } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\t\tconst _templateType = getEditedPostType();\n\n\t\t\treturn {\n\t\t\t\ttemplateType: _templateType,\n\t\t\t\tisFocusableEntity: FOCUSABLE_ENTITIES.includes( _templateType ),\n\t\t\t\tisViewMode: getCanvasMode() === 'view',\n\t\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t\t};\n\t\t}, [] );\n\tconst isFocusMode = location.params.focusMode || isFocusableEntity;\n\tconst [ resizeObserver, sizes ] = useResizeObserver();\n\n\tconst settings = useSiteEditorSettings();\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst enableResizing =\n\t\tisFocusMode &&\n\t\t! isViewMode &&\n\t\t// Disable resizing in mobile viewport.\n\t\t! isMobileViewport &&\n\t\t// Dsiable resizing in zoomed-out mode.\n\t\t! isZoomOutMode &&\n\t\t// Disable resizing when editing a template in focus mode.\n\t\ttemplateType !== TEMPLATE_POST_TYPE;\n\n\tconst isTemplateTypeNavigation = templateType === NAVIGATION_POST_TYPE;\n\tconst isNavigationFocusMode = isTemplateTypeNavigation && isFocusMode;\n\tconst forceFullHeight = isNavigationFocusMode;\n\n\treturn (\n\t\t<EditorCanvasContainer.Slot>\n\t\t\t{ ( [ editorCanvasView ] ) =>\n\t\t\t\teditorCanvasView ? (\n\t\t\t\t\t<div className=\"edit-site-visual-editor is-focus-mode\">\n\t\t\t\t\t\t{ editorCanvasView }\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames( 'edit-site-visual-editor', {\n\t\t\t\t\t\t\t'is-focus-mode': isFocusMode || !! editorCanvasView,\n\t\t\t\t\t\t\t'is-view-mode': isViewMode,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<ResizableEditor\n\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\theight={\n\t\t\t\t\t\t\t\tsizes.height && ! forceFullHeight\n\t\t\t\t\t\t\t\t\t? sizes.height\n\t\t\t\t\t\t\t\t\t: '100%'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<EditorCanvas\n\t\t\t\t\t\t\t\tenableResizing={ enableResizing }\n\t\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t// Avoid resize listeners when not needed,\n\t\t\t\t\t\t\t\t\t// these will trigger unnecessary re-renders\n\t\t\t\t\t\t\t\t\t// when animating the iframe width.\n\t\t\t\t\t\t\t\t\tenableResizing && resizeObserver\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</EditorCanvas>\n\t\t\t\t\t\t</ResizableEditor>\n\t\t\t\t\t</div>\n\t\t\t\t)\n\t\t\t}\n\t\t</EditorCanvasContainer.Slot>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CodeEditor;
-var _react = require("react");
-var _reactAutosizeTextarea = _interopRequireDefault(require("react-autosize-textarea"));
-var _blocks = require("@wordpress/blocks");
-var _coreData = require("@wordpress/core-data");
-var _data = require("@wordpress/data");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _editor = require("@wordpress/editor");
-var _store = require("../../store");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function CodeEditor() {
-  const instanceId = (0, _compose.useInstanceId)(CodeEditor);
-  const {
-    shortcut,
-    content,
-    blocks,
-    type,
-    id
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditedEntityRecord
-    } = select(_coreData.store);
-    const {
-      getEditedPostType,
-      getEditedPostId
-    } = select(_store.store);
-    const {
-      getShortcutRepresentation
-    } = select(_keyboardShortcuts.store);
-    const _type = getEditedPostType();
-    const _id = getEditedPostId();
-    const editedRecord = getEditedEntityRecord('postType', _type, _id);
-    return {
-      shortcut: getShortcutRepresentation('core/editor/toggle-mode'),
-      content: editedRecord?.content,
-      blocks: editedRecord?.blocks,
-      type: _type,
-      id: _id
-    };
-  }, []);
-  const {
-    editEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  // Replicates the logic found in getEditedPostContent().
-  const realContent = (0, _element.useMemo)(() => {
-    if (content instanceof Function) {
-      return content({
-        blocks
-      });
-    } else if (blocks) {
-      // If we have parsed blocks already, they should be our source of truth.
-      // Parsing applies block deprecations and legacy block conversions that
-      // unparsed content will not have.
-      return (0, _blocks.__unstableSerializeAndClean)(blocks);
-    }
-    return content;
-  }, [content, blocks]);
-  const {
-    switchEditorMode
-  } = (0, _data.useDispatch)(_editor.store);
-  return (0, _react.createElement)("div", {
-    className: "edit-site-code-editor"
-  }, (0, _react.createElement)("div", {
-    className: "edit-site-code-editor__toolbar"
-  }, (0, _react.createElement)("h2", null, (0, _i18n.__)('Editing code')), (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => switchEditorMode('visual'),
-    shortcut: shortcut
-  }, (0, _i18n.__)('Exit code editor'))), (0, _react.createElement)("div", {
-    className: "edit-site-code-editor__body"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "label",
-    htmlFor: `code-editor-text-area-${instanceId}`
-  }, (0, _i18n.__)('Type text or HTML')), (0, _react.createElement)(_reactAutosizeTextarea.default, {
-    autoComplete: "off",
-    dir: "auto",
-    value: realContent,
-    onChange: event => {
-      editEntityRecord('postType', type, id, {
-        content: event.target.value,
-        blocks: undefined,
-        selection: undefined
-      });
-    },
-    className: "edit-site-code-editor-text-area",
-    id: `code-editor-text-area-${instanceId}`,
-    placeholder: (0, _i18n.__)('Start writing with text or HTML')
-  })));
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactAutosizeTextarea","_interopRequireDefault","require","_blocks","_coreData","_data","_keyboardShortcuts","_i18n","_components","_element","_compose","_editor","_store","CodeEditor","instanceId","useInstanceId","shortcut","content","blocks","type","id","useSelect","select","getEditedEntityRecord","coreStore","getEditedPostType","getEditedPostId","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","_type","_id","editedRecord","editEntityRecord","useDispatch","realContent","useMemo","Function","__unstableSerializeAndClean","switchEditorMode","editorStore","_react","createElement","className","__","Button","variant","onClick","VisuallyHidden","as","htmlFor","default","autoComplete","dir","value","onChange","event","target","undefined","selection","placeholder"],"sources":["@wordpress/edit-site/src/components/code-editor/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport Textarea from 'react-autosize-textarea';\n\n/**\n * WordPress dependencies\n */\nimport { __unstableSerializeAndClean } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { __ } from '@wordpress/i18n';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function CodeEditor() {\n\tconst instanceId = useInstanceId( CodeEditor );\n\tconst { shortcut, content, blocks, type, id } = useSelect( ( select ) => {\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst { getEditedPostType, getEditedPostId } = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst _type = getEditedPostType();\n\t\tconst _id = getEditedPostId();\n\t\tconst editedRecord = getEditedEntityRecord( 'postType', _type, _id );\n\n\t\treturn {\n\t\t\tshortcut: getShortcutRepresentation( 'core/editor/toggle-mode' ),\n\t\t\tcontent: editedRecord?.content,\n\t\t\tblocks: editedRecord?.blocks,\n\t\t\ttype: _type,\n\t\t\tid: _id,\n\t\t};\n\t}, [] );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\t// Replicates the logic found in getEditedPostContent().\n\tconst realContent = useMemo( () => {\n\t\tif ( content instanceof Function ) {\n\t\t\treturn content( { blocks } );\n\t\t} else if ( blocks ) {\n\t\t\t// If we have parsed blocks already, they should be our source of truth.\n\t\t\t// Parsing applies block deprecations and legacy block conversions that\n\t\t\t// unparsed content will not have.\n\t\t\treturn __unstableSerializeAndClean( blocks );\n\t\t}\n\t\treturn content;\n\t}, [ content, blocks ] );\n\n\tconst { switchEditorMode } = useDispatch( editorStore );\n\treturn (\n\t\t<div className=\"edit-site-code-editor\">\n\t\t\t<div className=\"edit-site-code-editor__toolbar\">\n\t\t\t\t<h2>{ __( 'Editing code' ) }</h2>\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\tonClick={ () => switchEditorMode( 'visual' ) }\n\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Exit code editor' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t\t<div className=\"edit-site-code-editor__body\">\n\t\t\t\t<VisuallyHidden\n\t\t\t\t\tas=\"label\"\n\t\t\t\t\thtmlFor={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Type text or HTML' ) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t\t<Textarea\n\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\tdir=\"auto\"\n\t\t\t\t\tvalue={ realContent }\n\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\teditEntityRecord( 'postType', type, id, {\n\t\t\t\t\t\t\tcontent: event.target.value,\n\t\t\t\t\t\t\tblocks: undefined,\n\t\t\t\t\t\t\tselection: undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tclassName=\"edit-site-code-editor-text-area\"\n\t\t\t\t\tid={ `code-editor-text-area-${ instanceId }` }\n\t\t\t\t\tplaceholder={ __( 'Start writing with text or HTML' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}