@wordpress/editor
Version:
Enhanced block editor for WordPress posts.
8 lines (7 loc) • 5.67 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../../src/components/post-revisions-preview/revisions-header.js"],
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight, seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport HeaderSkeleton from '../header/header-skeleton';\nimport MoreMenu from '../more-menu';\nimport PostPreviewButton from '../post-preview-button';\nimport RevisionsSlider from './revisions-slider';\nimport { store as editorStore } from '../../store';\nimport { sidebars } from '../sidebar/constants';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Header component for revisions preview mode.\n *\n * @param {Object} props Component props.\n * @param {boolean} props.showDiff Whether diff highlighting is enabled.\n * @param {Function} props.onToggleDiff Callback to toggle diff highlighting.\n * @return {React.JSX.Element} The revisions header component.\n */\nfunction RevisionsHeader( { showDiff, onToggleDiff } ) {\n\tconst { currentRevisionId, sidebarIsOpened } = useSelect( ( select ) => {\n\t\treturn {\n\t\t\tcurrentRevisionId: unlock(\n\t\t\t\tselect( editorStore )\n\t\t\t).getCurrentRevisionId(),\n\t\t\tsidebarIsOpened:\n\t\t\t\t!! select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\t\t'core'\n\t\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst { setCurrentRevisionId, restoreRevision } = unlock(\n\t\tuseDispatch( editorStore )\n\t);\n\n\tconst { enableComplementaryArea, disableComplementaryArea } =\n\t\tuseDispatch( interfaceStore );\n\n\tconst canRestore = !! currentRevisionId;\n\n\tconst handleRestore = () => {\n\t\tif ( currentRevisionId ) {\n\t\t\trestoreRevision( currentRevisionId );\n\t\t}\n\t};\n\n\treturn (\n\t\t<HeaderSkeleton\n\t\t\tclassName=\"editor-revisions-header\"\n\t\t\ttoolbar={\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\ticon={ seen }\n\t\t\t\t\tlabel={ _x( 'Show changes', 'revisions' ) }\n\t\t\t\t\tisPressed={ showDiff }\n\t\t\t\t\tonClick={ onToggleDiff }\n\t\t\t\t/>\n\t\t\t}\n\t\t\tcenter={ <RevisionsSlider /> }\n\t\t\tsettings={\n\t\t\t\t<>\n\t\t\t\t\t<PostPreviewButton className=\"editor-header__post-preview-button\" />\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\t\t\t\tlabel={ _x( 'Settings', 'panel button label' ) }\n\t\t\t\t\t\tisPressed={ sidebarIsOpened }\n\t\t\t\t\t\taria-expanded={ sidebarIsOpened }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tif ( sidebarIsOpened ) {\n\t\t\t\t\t\t\t\tdisableComplementaryArea( 'core' );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tenableComplementaryArea(\n\t\t\t\t\t\t\t\t\t'core',\n\t\t\t\t\t\t\t\t\tsidebars.document\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tonClick={ () => setCurrentRevisionId( null ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Exit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\tclassName=\"editor-revisions-header__restore-button\"\n\t\t\t\t\t\tdisabled={ ! canRestore }\n\t\t\t\t\t\tonClick={ handleRestore }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Restore' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<MoreMenu disabled />\n\t\t\t\t</>\n\t\t\t}\n\t\t/>\n\t);\n}\n\nexport default RevisionsHeader;\n"],
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAuC;AACvC,wBAAuB;AACvB,uBAAwC;AACxC,kBAA8B;AAC9B,mBAA8C;AAK9C,6BAA2B;AAC3B,uBAAqB;AACrB,iCAA8B;AAC9B,8BAA4B;AAC5B,mBAAqC;AACrC,uBAAyB;AACzB,yBAAuB;AA0CnB;AAhCJ,SAAS,gBAAiB,EAAE,UAAU,aAAa,GAAI;AACtD,QAAM,EAAE,mBAAmB,gBAAgB,QAAI,uBAAW,CAAE,WAAY;AACvE,WAAO;AAAA,MACN,uBAAmB;AAAA,QAClB,OAAQ,aAAAA,KAAY;AAAA,MACrB,EAAE,qBAAqB;AAAA,MACvB,iBACC,CAAC,CAAE,OAAQ,iBAAAC,KAAe,EAAE;AAAA,QAC3B;AAAA,MACD;AAAA,IACF;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,EAAE,sBAAsB,gBAAgB,QAAI;AAAA,QACjD,yBAAa,aAAAD,KAAY;AAAA,EAC1B;AAEA,QAAM,EAAE,yBAAyB,yBAAyB,QACzD,yBAAa,iBAAAC,KAAe;AAE7B,QAAM,aAAa,CAAC,CAAE;AAEtB,QAAM,gBAAgB,MAAM;AAC3B,QAAK,mBAAoB;AACxB,sBAAiB,iBAAkB;AAAA,IACpC;AAAA,EACD;AAEA,SACC;AAAA,IAAC,uBAAAC;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,SACC;AAAA,QAAC;AAAA;AAAA,UACA,uBAAqB;AAAA,UACrB,MAAK;AAAA,UACL,MAAO;AAAA,UACP,WAAQ,gBAAI,gBAAgB,WAAY;AAAA,UACxC,WAAY;AAAA,UACZ,SAAU;AAAA;AAAA,MACX;AAAA,MAED,QAAS,4CAAC,wBAAAC,SAAA,EAAgB;AAAA,MAC1B,UACC,4EACC;AAAA,oDAAC,2BAAAC,SAAA,EAAkB,WAAU,sCAAqC;AAAA,QAElE;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,UAAO,mBAAM,IAAI,0BAAa;AAAA,YAC9B,WAAQ,gBAAI,YAAY,oBAAqB;AAAA,YAC7C,WAAY;AAAA,YACZ,iBAAgB;AAAA,YAChB,SAAU,MAAM;AACf,kBAAK,iBAAkB;AACtB,yCAA0B,MAAO;AAAA,cAClC,OAAO;AACN;AAAA,kBACC;AAAA,kBACA,0BAAS;AAAA,gBACV;AAAA,cACD;AAAA,YACD;AAAA,YACA,MAAK;AAAA;AAAA,QACN;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAU,MAAM,qBAAsB,IAAK;AAAA,YAEzC,8BAAI,MAAO;AAAA;AAAA,QACd;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,wBAAsB;AAAA,YACtB,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAU;AAAA,YACV,UAAW,CAAE;AAAA,YACb,SAAU;AAAA,YAER,8BAAI,SAAU;AAAA;AAAA,QACjB;AAAA,QACA,4CAAC,iBAAAC,SAAA,EAAS,UAAQ,MAAC;AAAA,SACpB;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,2BAAQ;",
"names": ["editorStore", "interfaceStore", "HeaderSkeleton", "RevisionsSlider", "PostPreviewButton", "MoreMenu"]
}