@wordpress/edit-widgets 5.34.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/CHANGELOG.md +15 -2
  2. package/build/blocks/widget-area/edit/index.js +33 -30
  3. package/build/blocks/widget-area/edit/index.js.map +1 -1
  4. package/build/blocks/widget-area/edit/inner-blocks.js +8 -7
  5. package/build/blocks/widget-area/edit/inner-blocks.js.map +1 -1
  6. package/build/components/error-boundary/index.js +14 -12
  7. package/build/components/error-boundary/index.js.map +1 -1
  8. package/build/components/header/document-tools/index.js +40 -60
  9. package/build/components/header/document-tools/index.js.map +1 -1
  10. package/build/components/header/index.js +32 -22
  11. package/build/components/header/index.js.map +1 -1
  12. package/build/components/header/undo-redo/redo.js +2 -2
  13. package/build/components/header/undo-redo/redo.js.map +1 -1
  14. package/build/components/header/undo-redo/undo.js +2 -2
  15. package/build/components/header/undo-redo/undo.js.map +1 -1
  16. package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
  17. package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
  18. package/build/components/keyboard-shortcut-help-modal/index.js +54 -49
  19. package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  20. package/build/components/keyboard-shortcut-help-modal/shortcut.js +30 -26
  21. package/build/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
  22. package/build/components/layout/index.js +11 -8
  23. package/build/components/layout/index.js.map +1 -1
  24. package/build/components/layout/interface.js +16 -13
  25. package/build/components/layout/interface.js.map +1 -1
  26. package/build/components/more-menu/index.js +81 -70
  27. package/build/components/more-menu/index.js.map +1 -1
  28. package/build/components/more-menu/tools-more-menu-group.js +5 -4
  29. package/build/components/more-menu/tools-more-menu-group.js.map +1 -1
  30. package/build/components/notices/index.js +15 -13
  31. package/build/components/notices/index.js.map +1 -1
  32. package/build/components/save-button/index.js +5 -4
  33. package/build/components/save-button/index.js.map +1 -1
  34. package/build/components/secondary-sidebar/index.js +3 -3
  35. package/build/components/secondary-sidebar/index.js.map +1 -1
  36. package/build/components/secondary-sidebar/inserter-sidebar.js +21 -18
  37. package/build/components/secondary-sidebar/inserter-sidebar.js.map +1 -1
  38. package/build/components/secondary-sidebar/list-view-sidebar.js +21 -15
  39. package/build/components/secondary-sidebar/list-view-sidebar.js.map +1 -1
  40. package/build/components/sidebar/index.js +49 -37
  41. package/build/components/sidebar/index.js.map +1 -1
  42. package/build/components/sidebar/widget-areas.js +29 -22
  43. package/build/components/sidebar/widget-areas.js.map +1 -1
  44. package/build/components/welcome-guide/index.js +80 -53
  45. package/build/components/welcome-guide/index.js.map +1 -1
  46. package/build/components/widget-areas-block-editor-content/index.js +18 -11
  47. package/build/components/widget-areas-block-editor-content/index.js.map +1 -1
  48. package/build/components/widget-areas-block-editor-provider/index.js +14 -11
  49. package/build/components/widget-areas-block-editor-provider/index.js.map +1 -1
  50. package/build/filters/move-to-widget-area.js +14 -10
  51. package/build/filters/move-to-widget-area.js.map +1 -1
  52. package/build/index.js +3 -3
  53. package/build/index.js.map +1 -1
  54. package/build/store/private-selectors.js +4 -0
  55. package/build/store/private-selectors.js.map +1 -1
  56. package/build/store/reducer.js +16 -0
  57. package/build/store/reducer.js.map +1 -1
  58. package/build-module/blocks/widget-area/edit/index.js +32 -28
  59. package/build-module/blocks/widget-area/edit/index.js.map +1 -1
  60. package/build-module/blocks/widget-area/edit/inner-blocks.js +8 -7
  61. package/build-module/blocks/widget-area/edit/inner-blocks.js.map +1 -1
  62. package/build-module/components/error-boundary/index.js +14 -12
  63. package/build-module/components/error-boundary/index.js.map +1 -1
  64. package/build-module/components/header/document-tools/index.js +44 -62
  65. package/build-module/components/header/document-tools/index.js.map +1 -1
  66. package/build-module/components/header/index.js +34 -22
  67. package/build-module/components/header/index.js.map +1 -1
  68. package/build-module/components/header/undo-redo/redo.js +2 -2
  69. package/build-module/components/header/undo-redo/redo.js.map +1 -1
  70. package/build-module/components/header/undo-redo/undo.js +2 -2
  71. package/build-module/components/header/undo-redo/undo.js.map +1 -1
  72. package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
  73. package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
  74. package/build-module/components/keyboard-shortcut-help-modal/index.js +55 -49
  75. package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  76. package/build-module/components/keyboard-shortcut-help-modal/shortcut.js +32 -26
  77. package/build-module/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
  78. package/build-module/components/layout/index.js +12 -8
  79. package/build-module/components/layout/index.js.map +1 -1
  80. package/build-module/components/layout/interface.js +17 -13
  81. package/build-module/components/layout/interface.js.map +1 -1
  82. package/build-module/components/more-menu/index.js +83 -70
  83. package/build-module/components/more-menu/index.js.map +1 -1
  84. package/build-module/components/more-menu/tools-more-menu-group.js +5 -4
  85. package/build-module/components/more-menu/tools-more-menu-group.js.map +1 -1
  86. package/build-module/components/notices/index.js +17 -13
  87. package/build-module/components/notices/index.js.map +1 -1
  88. package/build-module/components/save-button/index.js +5 -4
  89. package/build-module/components/save-button/index.js.map +1 -1
  90. package/build-module/components/secondary-sidebar/index.js +3 -3
  91. package/build-module/components/secondary-sidebar/index.js.map +1 -1
  92. package/build-module/components/secondary-sidebar/inserter-sidebar.js +22 -18
  93. package/build-module/components/secondary-sidebar/inserter-sidebar.js.map +1 -1
  94. package/build-module/components/secondary-sidebar/list-view-sidebar.js +22 -15
  95. package/build-module/components/secondary-sidebar/list-view-sidebar.js.map +1 -1
  96. package/build-module/components/sidebar/index.js +50 -37
  97. package/build-module/components/sidebar/index.js.map +1 -1
  98. package/build-module/components/sidebar/widget-areas.js +30 -22
  99. package/build-module/components/sidebar/widget-areas.js.map +1 -1
  100. package/build-module/components/welcome-guide/index.js +82 -53
  101. package/build-module/components/welcome-guide/index.js.map +1 -1
  102. package/build-module/components/widget-areas-block-editor-content/index.js +19 -11
  103. package/build-module/components/widget-areas-block-editor-content/index.js.map +1 -1
  104. package/build-module/components/widget-areas-block-editor-provider/index.js +15 -11
  105. package/build-module/components/widget-areas-block-editor-provider/index.js.map +1 -1
  106. package/build-module/filters/move-to-widget-area.js +16 -10
  107. package/build-module/filters/move-to-widget-area.js.map +1 -1
  108. package/build-module/index.js +3 -3
  109. package/build-module/index.js.map +1 -1
  110. package/build-module/store/private-selectors.js +3 -0
  111. package/build-module/store/private-selectors.js.map +1 -1
  112. package/build-module/store/reducer.js +15 -0
  113. package/build-module/store/reducer.js.map +1 -1
  114. package/build-style/style-rtl.css +15 -14
  115. package/build-style/style.css +15 -14
  116. package/package.json +31 -30
  117. package/src/blocks/widget-area/edit/inner-blocks.js +2 -2
  118. package/src/components/header/document-tools/index.js +30 -50
  119. package/src/components/keyboard-shortcut-help-modal/index.js +2 -2
  120. package/src/components/layout/style.scss +1 -1
  121. package/src/index.js +1 -1
  122. package/src/store/private-selectors.js +4 -0
  123. package/src/store/reducer.js +13 -0
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -8,28 +7,31 @@ import { Button } from '@wordpress/components';
8
7
  import { Warning } from '@wordpress/block-editor';
9
8
  import { useCopyToClipboard } from '@wordpress/compose';
10
9
  import { doAction } from '@wordpress/hooks';
10
+ import { jsx as _jsx } from "react/jsx-runtime";
11
11
  function CopyButton({
12
12
  text,
13
13
  children
14
14
  }) {
15
15
  const ref = useCopyToClipboard(text);
16
- return createElement(Button, {
16
+ return /*#__PURE__*/_jsx(Button, {
17
17
  variant: "secondary",
18
- ref: ref
19
- }, children);
18
+ ref: ref,
19
+ children: children
20
+ });
20
21
  }
21
22
  function ErrorBoundaryWarning({
22
23
  message,
23
24
  error
24
25
  }) {
25
- const actions = [createElement(CopyButton, {
26
- key: "copy-error",
27
- text: error.stack
28
- }, __('Copy Error'))];
29
- return createElement(Warning, {
26
+ const actions = [/*#__PURE__*/_jsx(CopyButton, {
27
+ text: error.stack,
28
+ children: __('Copy Error')
29
+ }, "copy-error")];
30
+ return /*#__PURE__*/_jsx(Warning, {
30
31
  className: "edit-widgets-error-boundary",
31
- actions: actions
32
- }, message);
32
+ actions: actions,
33
+ children: message
34
+ });
33
35
  }
34
36
  export default class ErrorBoundary extends Component {
35
37
  constructor() {
@@ -50,7 +52,7 @@ export default class ErrorBoundary extends Component {
50
52
  if (!this.state.error) {
51
53
  return this.props.children;
52
54
  }
53
- return createElement(ErrorBoundaryWarning, {
55
+ return /*#__PURE__*/_jsx(ErrorBoundaryWarning, {
54
56
  message: __('The editor has encountered an unexpected error.'),
55
57
  error: this.state.error
56
58
  });
@@ -1 +1 @@
1
- {"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","CopyButton","text","children","ref","createElement","variant","ErrorBoundaryWarning","message","error","actions","key","stack","className","ErrorBoundary","constructor","arguments","state","componentDidCatch","getDerivedStateFromError","render","props"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAE3C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGL,kBAAkB,CAAEG,IAAK,CAAC;EACtC,OACCG,aAAA,CAACR,MAAM;IAACS,OAAO,EAAC,WAAW;IAACF,GAAG,EAAGA;EAAK,GACpCD,QACK,CAAC;AAEX;AAEA,SAASI,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,CACfL,aAAA,CAACJ,UAAU;IAACU,GAAG,EAAC,YAAY;IAACT,IAAI,EAAGO,KAAK,CAACG;EAAO,GAC9ChB,EAAE,CAAE,YAAa,CACR,CAAC,CACb;EAED,OACCS,aAAA,CAACP,OAAO;IAACe,SAAS,EAAC,6BAA6B;IAACH,OAAO,EAAGA;EAAS,GACjEF,OACM,CAAC;AAEZ;AAEA,eAAe,MAAMM,aAAa,SAASnB,SAAS,CAAC;EACpDoB,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZR,KAAK,EAAE;IACR,CAAC;EACF;EAEAS,iBAAiBA,CAAET,KAAK,EAAG;IAC1BT,QAAQ,CAAE,kCAAkC,EAAES,KAAM,CAAC;EACtD;EAEA,OAAOU,wBAAwBA,CAAEV,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAW,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACH,KAAK,CAACR,KAAK,EAAG;MACzB,OAAO,IAAI,CAACY,KAAK,CAAClB,QAAQ;IAC3B;IAEA,OACCE,aAAA,CAACE,oBAAoB;MACpBC,OAAO,EAAGZ,EAAE,CACX,iDACD,CAAG;MACHa,KAAK,EAAG,IAAI,CAACQ,KAAK,CAACR;IAAO,CAC1B,CAAC;EAEJ;AACD","ignoreList":[]}
1
+ {"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","variant","ErrorBoundaryWarning","message","error","actions","stack","className","ErrorBoundary","constructor","arguments","state","componentDidCatch","getDerivedStateFromError","render","props"],"sources":["@wordpress/edit-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nfunction ErrorBoundaryWarning( { message, error } ) {\n\tconst actions = [\n\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t{ __( 'Copy Error' ) }\n\t\t</CopyButton>,\n\t];\n\n\treturn (\n\t\t<Warning className=\"edit-widgets-error-boundary\" actions={ actions }>\n\t\t\t{ message }\n\t\t</Warning>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\tstatic getDerivedStateFromError( error ) {\n\t\treturn { error };\n\t}\n\n\trender() {\n\t\tif ( ! this.state.error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryWarning\n\t\t\t\tmessage={ __(\n\t\t\t\t\t'The editor has encountered an unexpected error.'\n\t\t\t\t) }\n\t\t\t\terror={ this.state.error }\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL,MAAM;IAACU,OAAO,EAAC,WAAW;IAACD,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACpCA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASG,oBAAoBA,CAAE;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EACnD,MAAMC,OAAO,GAAG,cACfT,IAAA,CAACC,UAAU;IAAkBC,IAAI,EAAGM,KAAK,CAACE,KAAO;IAAAP,QAAA,EAC9CT,EAAE,CAAE,YAAa;EAAC,GADL,YAEJ,CAAC,CACb;EAED,oBACCM,IAAA,CAACJ,OAAO;IAACe,SAAS,EAAC,6BAA6B;IAACF,OAAO,EAAGA,OAAS;IAAAN,QAAA,EACjEI;EAAO,CACD,CAAC;AAEZ;AAEA,eAAe,MAAMK,aAAa,SAASnB,SAAS,CAAC;EACpDoB,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IAErB,IAAI,CAACC,KAAK,GAAG;MACZP,KAAK,EAAE;IACR,CAAC;EACF;EAEAQ,iBAAiBA,CAAER,KAAK,EAAG;IAC1BV,QAAQ,CAAE,kCAAkC,EAAEU,KAAM,CAAC;EACtD;EAEA,OAAOS,wBAAwBA,CAAET,KAAK,EAAG;IACxC,OAAO;MAAEA;IAAM,CAAC;EACjB;EAEAU,MAAMA,CAAA,EAAG;IACR,IAAK,CAAE,IAAI,CAACH,KAAK,CAACP,KAAK,EAAG;MACzB,OAAO,IAAI,CAACW,KAAK,CAAChB,QAAQ;IAC3B;IAEA,oBACCH,IAAA,CAACM,oBAAoB;MACpBC,OAAO,EAAGb,EAAE,CACX,iDACD,CAAG;MACHc,KAAK,EAAG,IAAI,CAACO,KAAK,CAACP;IAAO,CAC1B,CAAC;EAEJ;AACD","ignoreList":[]}
@@ -1,13 +1,12 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
5
4
  import { useSelect, useDispatch } from '@wordpress/data';
6
5
  import { __, _x } from '@wordpress/i18n';
7
6
  import { Button, ToolbarItem } from '@wordpress/components';
8
- import { NavigableToolbar, store as blockEditorStore } from '@wordpress/block-editor';
7
+ import { NavigableToolbar } from '@wordpress/block-editor';
9
8
  import { listView, plus } from '@wordpress/icons';
10
- import { useCallback, useRef } from '@wordpress/element';
9
+ import { useCallback } from '@wordpress/element';
11
10
  import { useViewportMatch } from '@wordpress/compose';
12
11
 
13
12
  /**
@@ -15,92 +14,75 @@ import { useViewportMatch } from '@wordpress/compose';
15
14
  */
16
15
  import UndoButton from '../undo-redo/undo';
17
16
  import RedoButton from '../undo-redo/redo';
18
- import useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-area';
19
17
  import { store as editWidgetsStore } from '../../../store';
20
18
  import { unlock } from '../../../lock-unlock';
19
+ import { jsx as _jsx } from "react/jsx-runtime";
20
+ import { Fragment as _Fragment } from "react/jsx-runtime";
21
+ import { jsxs as _jsxs } from "react/jsx-runtime";
21
22
  function DocumentTools() {
22
23
  const isMediumViewport = useViewportMatch('medium');
23
- const inserterButton = useRef();
24
- const widgetAreaClientId = useLastSelectedWidgetArea();
25
- const isLastSelectedWidgetAreaOpen = useSelect(select => select(editWidgetsStore).getIsWidgetAreaOpen(widgetAreaClientId), [widgetAreaClientId]);
26
24
  const {
27
25
  isInserterOpen,
28
26
  isListViewOpen,
27
+ inserterSidebarToggleRef,
29
28
  listViewToggleRef
30
29
  } = useSelect(select => {
31
30
  const {
32
31
  isInserterOpened,
32
+ getInserterSidebarToggleRef,
33
33
  isListViewOpened,
34
34
  getListViewToggleRef
35
35
  } = unlock(select(editWidgetsStore));
36
36
  return {
37
37
  isInserterOpen: isInserterOpened(),
38
38
  isListViewOpen: isListViewOpened(),
39
+ inserterSidebarToggleRef: getInserterSidebarToggleRef(),
39
40
  listViewToggleRef: getListViewToggleRef()
40
41
  };
41
42
  }, []);
42
43
  const {
43
- setIsWidgetAreaOpen,
44
44
  setIsInserterOpened,
45
45
  setIsListViewOpened
46
46
  } = useDispatch(editWidgetsStore);
47
- const {
48
- selectBlock
49
- } = useDispatch(blockEditorStore);
50
- const handleClick = () => {
51
- if (isInserterOpen) {
52
- // Focusing the inserter button closes the inserter popover.
53
- setIsInserterOpened(false);
54
- } else {
55
- if (!isLastSelectedWidgetAreaOpen) {
56
- // Select the last selected block if hasn't already.
57
- selectBlock(widgetAreaClientId);
58
- // Open the last selected widget area when opening the inserter.
59
- setIsWidgetAreaOpen(widgetAreaClientId, true);
60
- }
61
- // The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the
62
- // same tick and pretty much in a random order. The inserter is closed if any other part of the
63
- // app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then
64
- // the inserter is visible for a brief moment and then gets auto-closed due to focus moving to
65
- // the selected block.
66
- window.requestAnimationFrame(() => setIsInserterOpened(true));
67
- }
68
- };
69
47
  const toggleListView = useCallback(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
70
- return createElement(NavigableToolbar, {
48
+ const toggleInserterSidebar = useCallback(() => setIsInserterOpened(!isInserterOpen), [setIsInserterOpened, isInserterOpen]);
49
+ return /*#__PURE__*/_jsxs(NavigableToolbar, {
71
50
  className: "edit-widgets-header-toolbar",
72
51
  "aria-label": __('Document tools'),
73
- variant: "unstyled"
74
- }, createElement(ToolbarItem, {
75
- ref: inserterButton,
76
- as: Button,
77
- className: "edit-widgets-header-toolbar__inserter-toggle",
78
- variant: "primary",
79
- isPressed: isInserterOpen,
80
- onMouseDown: event => {
81
- event.preventDefault();
82
- },
83
- onClick: handleClick,
84
- icon: plus
85
- /* translators: button label text should, if possible, be under 16
86
- characters. */,
87
- label: _x('Toggle block inserter', 'Generic label for block inserter button'),
88
- size: "compact"
89
- }), isMediumViewport && createElement(Fragment, null, createElement(ToolbarItem, {
90
- as: UndoButton
91
- }), createElement(ToolbarItem, {
92
- as: RedoButton
93
- }), createElement(ToolbarItem, {
94
- as: Button,
95
- className: "edit-widgets-header-toolbar__list-view-toggle",
96
- icon: listView,
97
- isPressed: isListViewOpen
98
- /* translators: button label text should, if possible, be under 16 characters. */,
99
- label: __('List View'),
100
- onClick: toggleListView,
101
- ref: listViewToggleRef,
102
- size: "compact"
103
- })));
52
+ variant: "unstyled",
53
+ children: [/*#__PURE__*/_jsx(ToolbarItem, {
54
+ ref: inserterSidebarToggleRef,
55
+ as: Button,
56
+ className: "edit-widgets-header-toolbar__inserter-toggle",
57
+ variant: "primary",
58
+ isPressed: isInserterOpen,
59
+ onMouseDown: event => {
60
+ event.preventDefault();
61
+ },
62
+ onClick: toggleInserterSidebar,
63
+ icon: plus
64
+ /* translators: button label text should, if possible, be under 16
65
+ characters. */,
66
+ label: _x('Toggle block inserter', 'Generic label for block inserter button'),
67
+ size: "compact"
68
+ }), isMediumViewport && /*#__PURE__*/_jsxs(_Fragment, {
69
+ children: [/*#__PURE__*/_jsx(ToolbarItem, {
70
+ as: UndoButton
71
+ }), /*#__PURE__*/_jsx(ToolbarItem, {
72
+ as: RedoButton
73
+ }), /*#__PURE__*/_jsx(ToolbarItem, {
74
+ as: Button,
75
+ className: "edit-widgets-header-toolbar__list-view-toggle",
76
+ icon: listView,
77
+ isPressed: isListViewOpen
78
+ /* translators: button label text should, if possible, be under 16 characters. */,
79
+ label: __('List View'),
80
+ onClick: toggleListView,
81
+ ref: listViewToggleRef,
82
+ size: "compact"
83
+ })]
84
+ })]
85
+ });
104
86
  }
105
87
  export default DocumentTools;
106
88
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useSelect","useDispatch","__","_x","Button","ToolbarItem","NavigableToolbar","store","blockEditorStore","listView","plus","useCallback","useRef","useViewportMatch","UndoButton","RedoButton","useLastSelectedWidgetArea","editWidgetsStore","unlock","DocumentTools","isMediumViewport","inserterButton","widgetAreaClientId","isLastSelectedWidgetAreaOpen","select","getIsWidgetAreaOpen","isInserterOpen","isListViewOpen","listViewToggleRef","isInserterOpened","isListViewOpened","getListViewToggleRef","setIsWidgetAreaOpen","setIsInserterOpened","setIsListViewOpened","selectBlock","handleClick","window","requestAnimationFrame","toggleListView","createElement","className","variant","ref","as","isPressed","onMouseDown","event","preventDefault","onClick","icon","label","size","Fragment"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport {\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport useLastSelectedWidgetArea from '../../../hooks/use-last-selected-widget-area';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction DocumentTools() {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\tconst inserterButton = useRef();\n\tconst widgetAreaClientId = useLastSelectedWidgetArea();\n\tconst isLastSelectedWidgetAreaOpen = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editWidgetsStore ).getIsWidgetAreaOpen(\n\t\t\t\twidgetAreaClientId\n\t\t\t),\n\t\t[ widgetAreaClientId ]\n\t);\n\tconst { isInserterOpen, isListViewOpen, listViewToggleRef } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isInserterOpened, isListViewOpened, getListViewToggleRef } =\n\t\t\t\tunlock( select( editWidgetsStore ) );\n\t\t\treturn {\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst { setIsWidgetAreaOpen, setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst handleClick = () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button closes the inserter popover.\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tif ( ! isLastSelectedWidgetAreaOpen ) {\n\t\t\t\t// Select the last selected block if hasn't already.\n\t\t\t\tselectBlock( widgetAreaClientId );\n\t\t\t\t// Open the last selected widget area when opening the inserter.\n\t\t\t\tsetIsWidgetAreaOpen( widgetAreaClientId, true );\n\t\t\t}\n\t\t\t// The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the\n\t\t\t// same tick and pretty much in a random order. The inserter is closed if any other part of the\n\t\t\t// app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then\n\t\t\t// the inserter is visible for a brief moment and then gets auto-closed due to focus moving to\n\t\t\t// the selected block.\n\t\t\twindow.requestAnimationFrame( () => setIsInserterOpened( true ) );\n\t\t}\n\t};\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterButton }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ handleClick }\n\t\t\t\ticon={ plus }\n\t\t\t\t/* translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. */\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarItem as={ UndoButton } />\n\t\t\t\t\t<ToolbarItem as={ RedoButton } />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["useSelect","useDispatch","__","_x","Button","ToolbarItem","NavigableToolbar","listView","plus","useCallback","useViewportMatch","UndoButton","RedoButton","store","editWidgetsStore","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DocumentTools","isMediumViewport","isInserterOpen","isListViewOpen","inserterSidebarToggleRef","listViewToggleRef","select","isInserterOpened","getInserterSidebarToggleRef","isListViewOpened","getListViewToggleRef","setIsInserterOpened","setIsListViewOpened","toggleListView","toggleInserterSidebar","className","variant","children","ref","as","isPressed","onMouseDown","event","preventDefault","onClick","icon","label","size"],"sources":["@wordpress/edit-widgets/src/components/header/document-tools/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { listView, plus } from '@wordpress/icons';\nimport { useCallback } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport { store as editWidgetsStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nfunction DocumentTools() {\n\tconst isMediumViewport = useViewportMatch( 'medium' );\n\n\tconst {\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tinserterSidebarToggleRef,\n\t\tlistViewToggleRef,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tisInserterOpened,\n\t\t\tgetInserterSidebarToggleRef,\n\t\t\tisListViewOpened,\n\t\t\tgetListViewToggleRef,\n\t\t} = unlock( select( editWidgetsStore ) );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tinserterSidebarToggleRef: getInserterSidebarToggleRef(),\n\t\t\tlistViewToggleRef: getListViewToggleRef(),\n\t\t};\n\t}, [] );\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editWidgetsStore );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst toggleInserterSidebar = useCallback(\n\t\t() => setIsInserterOpened( ! isInserterOpen ),\n\t\t[ setIsInserterOpened, isInserterOpen ]\n\t);\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-widgets-header-toolbar\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tvariant=\"unstyled\"\n\t\t>\n\t\t\t<ToolbarItem\n\t\t\t\tref={ inserterSidebarToggleRef }\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\tonMouseDown={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t} }\n\t\t\t\tonClick={ toggleInserterSidebar }\n\t\t\t\ticon={ plus }\n\t\t\t\t/* translators: button label text should, if possible, be under 16\n\t\t\t\t\tcharacters. */\n\t\t\t\tlabel={ _x(\n\t\t\t\t\t'Toggle block inserter',\n\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t) }\n\t\t\t\tsize=\"compact\"\n\t\t\t/>\n\t\t\t{ isMediumViewport && (\n\t\t\t\t<>\n\t\t\t\t\t<ToolbarItem as={ UndoButton } />\n\t\t\t\t\t<ToolbarItem as={ RedoButton } />\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-widgets-header-toolbar__list-view-toggle\"\n\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\tref={ listViewToggleRef }\n\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default DocumentTools;\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -17,6 +16,9 @@ import { store as preferencesStore } from '@wordpress/preferences';
17
16
  import DocumentTools from './document-tools';
18
17
  import SaveButton from '../save-button';
19
18
  import MoreMenu from '../more-menu';
19
+ import { jsx as _jsx } from "react/jsx-runtime";
20
+ import { Fragment as _Fragment } from "react/jsx-runtime";
21
+ import { jsxs as _jsxs } from "react/jsx-runtime";
20
22
  function Header() {
21
23
  const isLargeViewport = useViewportMatch('medium');
22
24
  const blockToolbarRef = useRef();
@@ -25,27 +27,37 @@ function Header() {
25
27
  } = useSelect(select => ({
26
28
  hasFixedToolbar: !!select(preferencesStore).get('core/edit-widgets', 'fixedToolbar')
27
29
  }), []);
28
- return createElement(Fragment, null, createElement("div", {
29
- className: "edit-widgets-header"
30
- }, createElement("div", {
31
- className: "edit-widgets-header__navigable-toolbar-wrapper"
32
- }, isLargeViewport && createElement("h1", {
33
- className: "edit-widgets-header__title"
34
- }, __('Widgets')), !isLargeViewport && createElement(VisuallyHidden, {
35
- as: "h1",
36
- className: "edit-widgets-header__title"
37
- }, __('Widgets')), createElement(DocumentTools, null), hasFixedToolbar && isLargeViewport && createElement(Fragment, null, createElement("div", {
38
- className: "selected-block-tools-wrapper"
39
- }, createElement(BlockToolbar, {
40
- hideDragHandle: true
41
- })), createElement(Popover.Slot, {
42
- ref: blockToolbarRef,
43
- name: "block-toolbar"
44
- }))), createElement("div", {
45
- className: "edit-widgets-header__actions"
46
- }, createElement(SaveButton, null), createElement(PinnedItems.Slot, {
47
- scope: "core/edit-widgets"
48
- }), createElement(MoreMenu, null))));
30
+ return /*#__PURE__*/_jsx(_Fragment, {
31
+ children: /*#__PURE__*/_jsxs("div", {
32
+ className: "edit-widgets-header",
33
+ children: [/*#__PURE__*/_jsxs("div", {
34
+ className: "edit-widgets-header__navigable-toolbar-wrapper",
35
+ children: [isLargeViewport && /*#__PURE__*/_jsx("h1", {
36
+ className: "edit-widgets-header__title",
37
+ children: __('Widgets')
38
+ }), !isLargeViewport && /*#__PURE__*/_jsx(VisuallyHidden, {
39
+ as: "h1",
40
+ className: "edit-widgets-header__title",
41
+ children: __('Widgets')
42
+ }), /*#__PURE__*/_jsx(DocumentTools, {}), hasFixedToolbar && isLargeViewport && /*#__PURE__*/_jsxs(_Fragment, {
43
+ children: [/*#__PURE__*/_jsx("div", {
44
+ className: "selected-block-tools-wrapper",
45
+ children: /*#__PURE__*/_jsx(BlockToolbar, {
46
+ hideDragHandle: true
47
+ })
48
+ }), /*#__PURE__*/_jsx(Popover.Slot, {
49
+ ref: blockToolbarRef,
50
+ name: "block-toolbar"
51
+ })]
52
+ })]
53
+ }), /*#__PURE__*/_jsxs("div", {
54
+ className: "edit-widgets-header__actions",
55
+ children: [/*#__PURE__*/_jsx(SaveButton, {}), /*#__PURE__*/_jsx(PinnedItems.Slot, {
56
+ scope: "core/edit-widgets"
57
+ }), /*#__PURE__*/_jsx(MoreMenu, {})]
58
+ })]
59
+ })
60
+ });
49
61
  }
50
62
  export default Header;
51
63
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["BlockToolbar","useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","Header","isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","createElement","Fragment","className","as","hideDragHandle","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AAEnC,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAGP,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAMQ,eAAe,GAAGb,MAAM,CAAC,CAAC;EAChC,MAAM;IAAEc;EAAgB,CAAC,GAAGf,SAAS,CAClCgB,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,CAAER,gBAAiB,CAAC,CAACS,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAAqB,GACnCF,aAAA;IAAKE,SAAS,EAAC;EAAgD,GAC5DP,eAAe,IAChBK,aAAA;IAAIE,SAAS,EAAC;EAA4B,GACvClB,EAAE,CAAE,SAAU,CACb,CACJ,EACC,CAAEW,eAAe,IAClBK,aAAA,CAACd,cAAc;IACdiB,EAAE,EAAC,IAAI;IACPD,SAAS,EAAC;EAA4B,GAEpClB,EAAE,CAAE,SAAU,CACD,CAChB,EACDgB,aAAA,CAACT,aAAa,MAAE,CAAC,EACfM,eAAe,IAAIF,eAAe,IACnCK,aAAA,CAAAC,QAAA,QACCD,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,CAACnB,YAAY;IAACuB,cAAc;EAAA,CAAE,CAC1B,CAAC,EACNJ,aAAA,CAACf,OAAO,CAACoB,IAAI;IACZC,GAAG,EAAGV,eAAiB;IACvBW,IAAI,EAAC;EAAe,CACpB,CACA,CAEC,CAAC,EACNP,aAAA;IAAKE,SAAS,EAAC;EAA8B,GAC5CF,aAAA,CAACR,UAAU,MAAE,CAAC,EACdQ,aAAA,CAACb,WAAW,CAACkB,IAAI;IAACG,KAAK,EAAC;EAAmB,CAAE,CAAC,EAC9CR,aAAA,CAACP,QAAQ,MAAE,CACP,CACD,CACJ,CAAC;AAEL;AAEA,eAAeC,MAAM","ignoreList":[]}
1
+ {"version":3,"names":["BlockToolbar","useSelect","useRef","__","Popover","VisuallyHidden","PinnedItems","useViewportMatch","store","preferencesStore","DocumentTools","SaveButton","MoreMenu","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Header","isLargeViewport","blockToolbarRef","hasFixedToolbar","select","get","children","className","as","hideDragHandle","Slot","ref","name","scope"],"sources":["@wordpress/edit-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockToolbar } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Popover, VisuallyHidden } from '@wordpress/components';\nimport { PinnedItems } from '@wordpress/interface';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport DocumentTools from './document-tools';\nimport SaveButton from '../save-button';\nimport MoreMenu from '../more-menu';\n\nfunction Header() {\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst blockToolbarRef = useRef();\n\tconst { hasFixedToolbar } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasFixedToolbar: !! select( preferencesStore ).get(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-widgets-header\">\n\t\t\t\t<div className=\"edit-widgets-header__navigable-toolbar-wrapper\">\n\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t<h1 className=\"edit-widgets-header__title\">\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t<VisuallyHidden\n\t\t\t\t\t\t\tas=\"h1\"\n\t\t\t\t\t\t\tclassName=\"edit-widgets-header__title\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Widgets' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t) }\n\t\t\t\t\t<DocumentTools />\n\t\t\t\t\t{ hasFixedToolbar && isLargeViewport && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"selected-block-tools-wrapper\">\n\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t\t<div className=\"edit-widgets-header__actions\">\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-widgets\" />\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,OAAO,EAAEC,cAAc,QAAQ,uBAAuB;AAC/D,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;;AAElE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,gBAAgB;AACvC,OAAOC,QAAQ,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,SAASC,MAAMA,CAAA,EAAG;EACjB,MAAMC,eAAe,GAAGb,gBAAgB,CAAE,QAAS,CAAC;EACpD,MAAMc,eAAe,GAAGnB,MAAM,CAAC,CAAC;EAChC,MAAM;IAAEoB;EAAgB,CAAC,GAAGrB,SAAS,CAClCsB,MAAM,KAAQ;IACfD,eAAe,EAAE,CAAC,CAAEC,MAAM,CAAEd,gBAAiB,CAAC,CAACe,GAAG,CACjD,mBAAmB,EACnB,cACD;EACD,CAAC,CAAE,EACH,EACD,CAAC;EAED,oBACCV,IAAA,CAAAE,SAAA;IAAAS,QAAA,eACCP,KAAA;MAAKQ,SAAS,EAAC,qBAAqB;MAAAD,QAAA,gBACnCP,KAAA;QAAKQ,SAAS,EAAC,gDAAgD;QAAAD,QAAA,GAC5DL,eAAe,iBAChBN,IAAA;UAAIY,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EACvCtB,EAAE,CAAE,SAAU;QAAC,CACd,CACJ,EACC,CAAEiB,eAAe,iBAClBN,IAAA,CAACT,cAAc;UACdsB,EAAE,EAAC,IAAI;UACPD,SAAS,EAAC,4BAA4B;UAAAD,QAAA,EAEpCtB,EAAE,CAAE,SAAU;QAAC,CACF,CAChB,eACDW,IAAA,CAACJ,aAAa,IAAE,CAAC,EACfY,eAAe,IAAIF,eAAe,iBACnCF,KAAA,CAAAF,SAAA;UAAAS,QAAA,gBACCX,IAAA;YAAKY,SAAS,EAAC,8BAA8B;YAAAD,QAAA,eAC5CX,IAAA,CAACd,YAAY;cAAC4B,cAAc;YAAA,CAAE;UAAC,CAC3B,CAAC,eACNd,IAAA,CAACV,OAAO,CAACyB,IAAI;YACZC,GAAG,EAAGT,eAAiB;YACvBU,IAAI,EAAC;UAAe,CACpB,CAAC;QAAA,CACD,CACF;MAAA,CACG,CAAC,eACNb,KAAA;QAAKQ,SAAS,EAAC,8BAA8B;QAAAD,QAAA,gBAC5CX,IAAA,CAACH,UAAU,IAAE,CAAC,eACdG,IAAA,CAACR,WAAW,CAACuB,IAAI;UAACG,KAAK,EAAC;QAAmB,CAAE,CAAC,eAC9ClB,IAAA,CAACF,QAAQ,IAAE,CAAC;MAAA,CACR,CAAC;IAAA,CACF;EAAC,CACL,CAAC;AAEL;AAEA,eAAeO,MAAM","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -9,13 +8,14 @@ import { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';
9
8
  import { displayShortcut, isAppleOS } from '@wordpress/keycodes';
10
9
  import { store as coreStore } from '@wordpress/core-data';
11
10
  import { forwardRef } from '@wordpress/element';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
12
  function RedoButton(props, ref) {
13
13
  const shortcut = isAppleOS() ? displayShortcut.primaryShift('z') : displayShortcut.primary('y');
14
14
  const hasRedo = useSelect(select => select(coreStore).hasRedo(), []);
15
15
  const {
16
16
  redo
17
17
  } = useDispatch(coreStore);
18
- return createElement(Button, {
18
+ return /*#__PURE__*/_jsx(Button, {
19
19
  ...props,
20
20
  ref: ref,
21
21
  icon: !isRTL() ? redoIcon : undoIcon,
@@ -1 +1 @@
1
- {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","redo","redoIcon","undo","undoIcon","displayShortcut","isAppleOS","store","coreStore","forwardRef","RedoButton","props","ref","shortcut","primaryShift","primary","hasRedo","select","createElement","icon","label","onClick","undefined","size"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction RedoButton( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( RedoButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,QAAQ,GAAGP,SAAS,CAAC,CAAC,GACzBD,eAAe,CAACS,YAAY,CAAE,GAAI,CAAC,GACnCT,eAAe,CAACU,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAGjB,SAAS,CACtBkB,MAAM,IAAMA,MAAM,CAAET,SAAU,CAAC,CAACQ,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEf;EAAK,CAAC,GAAGD,WAAW,CAAEQ,SAAU,CAAC;EACzC,OACCU,aAAA,CAACpB,MAAM;IAAA,GACDa,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXO,IAAI,EAAG,CAAEtB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCgB,KAAK,EAAGxB,EAAE,CAAE,MAAO,CAAG;IACtBiB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BK,OAAO,EAAGL,OAAO,GAAGf,IAAI,GAAGqB,SAAW;IACtCC,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ;AAEA,eAAed,UAAU,CAAEC,UAAW,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","redo","redoIcon","undo","undoIcon","displayShortcut","isAppleOS","store","coreStore","forwardRef","jsx","_jsx","RedoButton","props","ref","shortcut","primaryShift","primary","hasRedo","select","icon","label","onClick","undefined","size"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/redo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { redo as redoIcon, undo as undoIcon } from '@wordpress/icons';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction RedoButton( props, ref ) {\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tconst hasRedo = useSelect(\n\t\t( select ) => select( coreStore ).hasRedo(),\n\t\t[]\n\t);\n\tconst { redo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\tlabel={ __( 'Redo' ) }\n\t\t\tshortcut={ shortcut }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasRedo }\n\t\t\tonClick={ hasRedo ? redo : undefined }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( RedoButton );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,EAAEC,SAAS,QAAQ,qBAAqB;AAChE,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,QAAQ,GAAGT,SAAS,CAAC,CAAC,GACzBD,eAAe,CAACW,YAAY,CAAE,GAAI,CAAC,GACnCX,eAAe,CAACY,OAAO,CAAE,GAAI,CAAC;EAEjC,MAAMC,OAAO,GAAGnB,SAAS,CACtBoB,MAAM,IAAMA,MAAM,CAAEX,SAAU,CAAC,CAACU,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEjB;EAAK,CAAC,GAAGD,WAAW,CAAEQ,SAAU,CAAC;EACzC,oBACCG,IAAA,CAACb,MAAM;IAAA,GACDe,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXM,IAAI,EAAG,CAAEvB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCiB,KAAK,EAAGzB,EAAE,CAAE,MAAO,CAAG;IACtBmB,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEG,OAAS;IAC3BI,OAAO,EAAGJ,OAAO,GAAGjB,IAAI,GAAGsB,SAAW;IACtCC,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ;AAEA,eAAef,UAAU,CAAEG,UAAW,CAAC","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -9,12 +8,13 @@ import { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';
9
8
  import { displayShortcut } from '@wordpress/keycodes';
10
9
  import { store as coreStore } from '@wordpress/core-data';
11
10
  import { forwardRef } from '@wordpress/element';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
12
  function UndoButton(props, ref) {
13
13
  const hasUndo = useSelect(select => select(coreStore).hasUndo(), []);
14
14
  const {
15
15
  undo
16
16
  } = useDispatch(coreStore);
17
- return createElement(Button, {
17
+ return /*#__PURE__*/_jsx(Button, {
18
18
  ...props,
19
19
  ref: ref,
20
20
  icon: !isRTL() ? undoIcon : redoIcon,
@@ -1 +1 @@
1
- {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","undo","undoIcon","redo","redoIcon","displayShortcut","store","coreStore","forwardRef","UndoButton","props","ref","hasUndo","select","createElement","icon","label","shortcut","primary","onClick","undefined","size"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction UndoButton( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( UndoButton );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAE/C,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,OAAO,GAAGb,SAAS,CACtBc,MAAM,IAAMA,MAAM,CAAEN,SAAU,CAAC,CAACK,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEX;EAAK,CAAC,GAAGD,WAAW,CAAEO,SAAU,CAAC;EACzC,OACCO,aAAA,CAAChB,MAAM;IAAA,GACDY,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXI,IAAI,EAAG,CAAElB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCY,KAAK,EAAGpB,EAAE,CAAE,MAAO,CAAG;IACtBqB,QAAQ,EAAGZ,eAAe,CAACa,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEN,OAAS;IAC3BO,OAAO,EAAGP,OAAO,GAAGX,IAAI,GAAGmB,SAAW;IACtCC,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ;AAEA,eAAeb,UAAU,CAAEC,UAAW,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__","isRTL","Button","useSelect","useDispatch","undo","undoIcon","redo","redoIcon","displayShortcut","store","coreStore","forwardRef","jsx","_jsx","UndoButton","props","ref","hasUndo","select","icon","label","shortcut","primary","onClick","undefined","size"],"sources":["@wordpress/edit-widgets/src/components/header/undo-redo/undo.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { forwardRef } from '@wordpress/element';\n\nfunction UndoButton( props, ref ) {\n\tconst hasUndo = useSelect(\n\t\t( select ) => select( coreStore ).hasUndo(),\n\t\t[]\n\t);\n\tconst { undo } = useDispatch( coreStore );\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tref={ ref }\n\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\tlabel={ __( 'Undo' ) }\n\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\taria-disabled={ ! hasUndo }\n\t\t\tonClick={ hasUndo ? undo : undefined }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n}\n\nexport default forwardRef( UndoButton );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,IAAI,IAAIC,QAAQ,EAAEC,IAAI,IAAIC,QAAQ,QAAQ,kBAAkB;AACrE,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,UAAU,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,SAASC,UAAUA,CAAEC,KAAK,EAAEC,GAAG,EAAG;EACjC,MAAMC,OAAO,GAAGf,SAAS,CACtBgB,MAAM,IAAMA,MAAM,CAAER,SAAU,CAAC,CAACO,OAAO,CAAC,CAAC,EAC3C,EACD,CAAC;EACD,MAAM;IAAEb;EAAK,CAAC,GAAGD,WAAW,CAAEO,SAAU,CAAC;EACzC,oBACCG,IAAA,CAACZ,MAAM;IAAA,GACDc,KAAK;IACVC,GAAG,EAAGA,GAAK;IACXG,IAAI,EAAG,CAAEnB,KAAK,CAAC,CAAC,GAAGK,QAAQ,GAAGE,QAAU;IACxCa,KAAK,EAAGrB,EAAE,CAAE,MAAO,CAAG;IACtBsB,QAAQ,EAAGb,eAAe,CAACc,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAEL,OAAS;IAC3BM,OAAO,EAAGN,OAAO,GAAGb,IAAI,GAAGoB,SAAW;IACtCC,IAAI,EAAC;EAAS,CACd,CAAC;AAEJ;AAEA,eAAed,UAAU,CAAEG,UAAW,CAAC","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -9,6 +8,7 @@ import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
9
8
  * Internal dependencies
10
9
  */
11
10
  import Shortcut from './shortcut';
11
+ import { jsx as _jsx } from "react/jsx-runtime";
12
12
  function DynamicShortcut({
13
13
  name
14
14
  }) {
@@ -31,7 +31,7 @@ function DynamicShortcut({
31
31
  if (!keyCombination) {
32
32
  return null;
33
33
  }
34
- return createElement(Shortcut, {
34
+ return /*#__PURE__*/_jsx(Shortcut, {
35
35
  keyCombination: keyCombination,
36
36
  description: description,
37
37
  aliases: aliases
@@ -1 +1 @@
1
- {"version":3,"names":["useSelect","store","keyboardShortcutsStore","Shortcut","DynamicShortcut","name","keyCombination","description","aliases","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases","createElement"],"sources":["@wordpress/edit-widgets/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nfunction DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n\nexport default DynamicShortcut;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,sBAAsB,QAAQ,+BAA+B;;AAE/E;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACpC,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGR,SAAS,CACvDS,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAEP,sBAAuB,CAAC;IAEpC,OAAO;MACNI,cAAc,EAAEI,yBAAyB,CAAEL,IAAK,CAAC;MACjDG,OAAO,EAAEI,kBAAkB,CAAEP,IAAK,CAAC;MACnCE,WAAW,EAAEI,sBAAsB,CAAEN,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACCO,aAAA,CAACV,QAAQ;IACRG,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAEA,eAAeJ,eAAe","ignoreList":[]}
1
+ {"version":3,"names":["useSelect","store","keyboardShortcutsStore","Shortcut","jsx","_jsx","DynamicShortcut","name","keyCombination","description","aliases","select","getShortcutKeyCombination","getShortcutDescription","getShortcutAliases"],"sources":["@wordpress/edit-widgets/src/components/keyboard-shortcut-help-modal/dynamic-shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport Shortcut from './shortcut';\n\nfunction DynamicShortcut( { name } ) {\n\tconst { keyCombination, description, aliases } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetShortcutKeyCombination,\n\t\t\t\tgetShortcutDescription,\n\t\t\t\tgetShortcutAliases,\n\t\t\t} = select( keyboardShortcutsStore );\n\n\t\t\treturn {\n\t\t\t\tkeyCombination: getShortcutKeyCombination( name ),\n\t\t\t\taliases: getShortcutAliases( name ),\n\t\t\t\tdescription: getShortcutDescription( name ),\n\t\t\t};\n\t\t},\n\t\t[ name ]\n\t);\n\n\tif ( ! keyCombination ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Shortcut\n\t\t\tkeyCombination={ keyCombination }\n\t\t\tdescription={ description }\n\t\t\taliases={ aliases }\n\t\t/>\n\t);\n}\n\nexport default DynamicShortcut;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,sBAAsB,QAAQ,+BAA+B;;AAE/E;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,SAASC,eAAeA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACpC,MAAM;IAAEC,cAAc;IAAEC,WAAW;IAAEC;EAAQ,CAAC,GAAGV,SAAS,CACvDW,MAAM,IAAM;IACb,MAAM;MACLC,yBAAyB;MACzBC,sBAAsB;MACtBC;IACD,CAAC,GAAGH,MAAM,CAAET,sBAAuB,CAAC;IAEpC,OAAO;MACNM,cAAc,EAAEI,yBAAyB,CAAEL,IAAK,CAAC;MACjDG,OAAO,EAAEI,kBAAkB,CAAEP,IAAK,CAAC;MACnCE,WAAW,EAAEI,sBAAsB,CAAEN,IAAK;IAC3C,CAAC;EACF,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EAED,IAAK,CAAEC,cAAc,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,oBACCH,IAAA,CAACF,QAAQ;IACRK,cAAc,EAAGA,cAAgB;IACjCC,WAAW,EAAGA,WAAa;IAC3BC,OAAO,EAAGA;EAAS,CACnB,CAAC;AAEJ;AAEA,eAAeJ,eAAe","ignoreList":[]}