@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/block-vertical-alignment-control/ui.js

@@ -1,34 +1,37 @@
-/**
- * WordPress dependencies
- */
-import { _x } from '@wordpress/i18n';
-import { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';
-import { justifyTop, justifyCenterVertical, justifyBottom, justifyStretchVertical, justifySpaceBetweenVertical } from '@wordpress/icons';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { _x } from "@wordpress/i18n";
+import { ToolbarGroup, ToolbarDropdownMenu } from "@wordpress/components";
+import {
+  justifyTop,
+  justifyCenterVertical,
+  justifyBottom,
+  justifyStretchVertical,
+  justifySpaceBetweenVertical
+} from "@wordpress/icons";
 const BLOCK_ALIGNMENTS_CONTROLS = {
   top: {
     icon: justifyTop,
-    title: _x('Align top', 'Block vertical alignment setting')
+    title: _x("Align top", "Block vertical alignment setting")
   },
   center: {
     icon: justifyCenterVertical,
-    title: _x('Align middle', 'Block vertical alignment setting')
+    title: _x("Align middle", "Block vertical alignment setting")
   },
   bottom: {
     icon: justifyBottom,
-    title: _x('Align bottom', 'Block vertical alignment setting')
+    title: _x("Align bottom", "Block vertical alignment setting")
   },
   stretch: {
     icon: justifyStretchVertical,
-    title: _x('Stretch to fill', 'Block vertical alignment setting')
+    title: _x("Stretch to fill", "Block vertical alignment setting")
   },
-  'space-between': {
+  "space-between": {
     icon: justifySpaceBetweenVertical,
-    title: _x('Space between', 'Block vertical alignment setting')
+    title: _x("Space between", "Block vertical alignment setting")
   }
 };
-const DEFAULT_CONTROLS = ['top', 'center', 'bottom'];
-const DEFAULT_CONTROL = 'top';
+const DEFAULT_CONTROLS = ["top", "center", "bottom"];
+const DEFAULT_CONTROL = "top";
 function BlockVerticalAlignmentUI({
   value,
   onChange,
@@ -37,31 +40,34 @@ function BlockVerticalAlignmentUI({
   isToolbar
 }) {
   function applyOrUnset(align) {
-    return () => onChange(value === align ? undefined : align);
+    return () => onChange(value === align ? void 0 : align);
   }
   const activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[value];
   const defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
   const UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;
-  const extraProps = isToolbar ? {
-    isCollapsed
-  } : {};
-  return /*#__PURE__*/_jsx(UIComponent, {
-    icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
-    label: _x('Change vertical alignment', 'Block vertical alignment setting label'),
-    controls: controls.map(control => {
-      return {
-        ...BLOCK_ALIGNMENTS_CONTROLS[control],
-        isActive: value === control,
-        role: isCollapsed ? 'menuitemradio' : undefined,
-        onClick: applyOrUnset(control)
-      };
-    }),
-    ...extraProps
-  });
+  const extraProps = isToolbar ? { isCollapsed } : {};
+  return /* @__PURE__ */ jsx(
+    UIComponent,
+    {
+      icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
+      label: _x(
+        "Change vertical alignment",
+        "Block vertical alignment setting label"
+      ),
+      controls: controls.map((control) => {
+        return {
+          ...BLOCK_ALIGNMENTS_CONTROLS[control],
+          isActive: value === control,
+          role: isCollapsed ? "menuitemradio" : void 0,
+          onClick: applyOrUnset(control)
+        };
+      }),
+      ...extraProps
+    }
+  );
 }
-
-/**
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md
- */
-export default BlockVerticalAlignmentUI;
-//# sourceMappingURL=ui.js.map
+var ui_default = BlockVerticalAlignmentUI;
+export {
+  ui_default as default
+};
+//# sourceMappingURL=ui.js.map

package/build-module/components/block-vertical-alignment-control/ui.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_x","ToolbarGroup","ToolbarDropdownMenu","justifyTop","justifyCenterVertical","justifyBottom","justifyStretchVertical","justifySpaceBetweenVertical","jsx","_jsx","BLOCK_ALIGNMENTS_CONTROLS","top","icon","title","center","bottom","stretch","DEFAULT_CONTROLS","DEFAULT_CONTROL","BlockVerticalAlignmentUI","value","onChange","controls","isCollapsed","isToolbar","applyOrUnset","align","undefined","activeAlignment","defaultAlignmentControl","UIComponent","extraProps","label","map","control","isActive","role","onClick"],"sources":["@wordpress/block-editor/src/components/block-vertical-alignment-control/ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';\nimport {\n\tjustifyTop,\n\tjustifyCenterVertical,\n\tjustifyBottom,\n\tjustifyStretchVertical,\n\tjustifySpaceBetweenVertical,\n} from '@wordpress/icons';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\ttop: {\n\t\ticon: justifyTop,\n\t\ttitle: _x( 'Align top', 'Block vertical alignment setting' ),\n\t},\n\tcenter: {\n\t\ticon: justifyCenterVertical,\n\t\ttitle: _x( 'Align middle', 'Block vertical alignment setting' ),\n\t},\n\tbottom: {\n\t\ticon: justifyBottom,\n\t\ttitle: _x( 'Align bottom', 'Block vertical alignment setting' ),\n\t},\n\tstretch: {\n\t\ticon: justifyStretchVertical,\n\t\ttitle: _x( 'Stretch to fill', 'Block vertical alignment setting' ),\n\t},\n\t'space-between': {\n\t\ticon: justifySpaceBetweenVertical,\n\t\ttitle: _x( 'Space between', 'Block vertical alignment setting' ),\n\t},\n};\n\nconst DEFAULT_CONTROLS = [ 'top', 'center', 'bottom' ];\nconst DEFAULT_CONTROL = 'top';\n\nfunction BlockVerticalAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols = DEFAULT_CONTROLS,\n\tisCollapsed = true,\n\tisToolbar,\n} ) {\n\tfunction applyOrUnset( align ) {\n\t\treturn () => onChange( value === align ? undefined : align );\n\t}\n\n\tconst activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={\n\t\t\t\tactiveAlignment\n\t\t\t\t\t? activeAlignment.icon\n\t\t\t\t\t: defaultAlignmentControl.icon\n\t\t\t}\n\t\t\tlabel={ _x(\n\t\t\t\t'Change vertical alignment',\n\t\t\t\t'Block vertical alignment setting label'\n\t\t\t) }\n\t\t\tcontrols={ controls.map( ( control ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ control ],\n\t\t\t\t\tisActive: value === control,\n\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\tonClick: applyOrUnset( control ),\n\t\t\t\t};\n\t\t\t} ) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md\n */\nexport default BlockVerticalAlignmentUI;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,uBAAuB;AACzE,SACCC,UAAU,EACVC,qBAAqB,EACrBC,aAAa,EACbC,sBAAsB,EACtBC,2BAA2B,QACrB,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,MAAMC,yBAAyB,GAAG;EACjCC,GAAG,EAAE;IACJC,IAAI,EAAET,UAAU;IAChBU,KAAK,EAAEb,EAAE,CAAE,WAAW,EAAE,kCAAmC;EAC5D,CAAC;EACDc,MAAM,EAAE;IACPF,IAAI,EAAER,qBAAqB;IAC3BS,KAAK,EAAEb,EAAE,CAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDe,MAAM,EAAE;IACPH,IAAI,EAAEP,aAAa;IACnBQ,KAAK,EAAEb,EAAE,CAAE,cAAc,EAAE,kCAAmC;EAC/D,CAAC;EACDgB,OAAO,EAAE;IACRJ,IAAI,EAAEN,sBAAsB;IAC5BO,KAAK,EAAEb,EAAE,CAAE,iBAAiB,EAAE,kCAAmC;EAClE,CAAC;EACD,eAAe,EAAE;IAChBY,IAAI,EAAEL,2BAA2B;IACjCM,KAAK,EAAEb,EAAE,CAAE,eAAe,EAAE,kCAAmC;EAChE;AACD,CAAC;AAED,MAAMiB,gBAAgB,GAAG,CAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAE;AACtD,MAAMC,eAAe,GAAG,KAAK;AAE7B,SAASC,wBAAwBA,CAAE;EAClCC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAGL,gBAAgB;EAC3BM,WAAW,GAAG,IAAI;EAClBC;AACD,CAAC,EAAG;EACH,SAASC,YAAYA,CAAEC,KAAK,EAAG;IAC9B,OAAO,MAAML,QAAQ,CAAED,KAAK,KAAKM,KAAK,GAAGC,SAAS,GAAGD,KAAM,CAAC;EAC7D;EAEA,MAAME,eAAe,GAAGlB,yBAAyB,CAAEU,KAAK,CAAE;EAC1D,MAAMS,uBAAuB,GAC5BnB,yBAAyB,CAAEQ,eAAe,CAAE;EAE7C,MAAMY,WAAW,GAAGN,SAAS,GAAGvB,YAAY,GAAGC,mBAAmB;EAClE,MAAM6B,UAAU,GAAGP,SAAS,GAAG;IAAED;EAAY,CAAC,GAAG,CAAC,CAAC;EAEnD,oBACCd,IAAA,CAACqB,WAAW;IACXlB,IAAI,EACHgB,eAAe,GACZA,eAAe,CAAChB,IAAI,GACpBiB,uBAAuB,CAACjB,IAC3B;IACDoB,KAAK,EAAGhC,EAAE,CACT,2BAA2B,EAC3B,wCACD,CAAG;IACHsB,QAAQ,EAAGA,QAAQ,CAACW,GAAG,CAAIC,OAAO,IAAM;MACvC,OAAO;QACN,GAAGxB,yBAAyB,CAAEwB,OAAO,CAAE;QACvCC,QAAQ,EAAEf,KAAK,KAAKc,OAAO;QAC3BE,IAAI,EAAEb,WAAW,GAAG,eAAe,GAAGI,SAAS;QAC/CU,OAAO,EAAEZ,YAAY,CAAES,OAAQ;MAChC,CAAC;IACF,CAAE,CAAG;IAAA,GACAH;EAAU,CACf,CAAC;AAEJ;;AAEA;AACA;AACA;AACA,eAAeZ,wBAAwB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-vertical-alignment-control/ui.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _x } from '@wordpress/i18n';\nimport { ToolbarGroup, ToolbarDropdownMenu } from '@wordpress/components';\nimport {\n\tjustifyTop,\n\tjustifyCenterVertical,\n\tjustifyBottom,\n\tjustifyStretchVertical,\n\tjustifySpaceBetweenVertical,\n} from '@wordpress/icons';\n\nconst BLOCK_ALIGNMENTS_CONTROLS = {\n\ttop: {\n\t\ticon: justifyTop,\n\t\ttitle: _x( 'Align top', 'Block vertical alignment setting' ),\n\t},\n\tcenter: {\n\t\ticon: justifyCenterVertical,\n\t\ttitle: _x( 'Align middle', 'Block vertical alignment setting' ),\n\t},\n\tbottom: {\n\t\ticon: justifyBottom,\n\t\ttitle: _x( 'Align bottom', 'Block vertical alignment setting' ),\n\t},\n\tstretch: {\n\t\ticon: justifyStretchVertical,\n\t\ttitle: _x( 'Stretch to fill', 'Block vertical alignment setting' ),\n\t},\n\t'space-between': {\n\t\ticon: justifySpaceBetweenVertical,\n\t\ttitle: _x( 'Space between', 'Block vertical alignment setting' ),\n\t},\n};\n\nconst DEFAULT_CONTROLS = [ 'top', 'center', 'bottom' ];\nconst DEFAULT_CONTROL = 'top';\n\nfunction BlockVerticalAlignmentUI( {\n\tvalue,\n\tonChange,\n\tcontrols = DEFAULT_CONTROLS,\n\tisCollapsed = true,\n\tisToolbar,\n} ) {\n\tfunction applyOrUnset( align ) {\n\t\treturn () => onChange( value === align ? undefined : align );\n\t}\n\n\tconst activeAlignment = BLOCK_ALIGNMENTS_CONTROLS[ value ];\n\tconst defaultAlignmentControl =\n\t\tBLOCK_ALIGNMENTS_CONTROLS[ DEFAULT_CONTROL ];\n\n\tconst UIComponent = isToolbar ? ToolbarGroup : ToolbarDropdownMenu;\n\tconst extraProps = isToolbar ? { isCollapsed } : {};\n\n\treturn (\n\t\t<UIComponent\n\t\t\ticon={\n\t\t\t\tactiveAlignment\n\t\t\t\t\t? activeAlignment.icon\n\t\t\t\t\t: defaultAlignmentControl.icon\n\t\t\t}\n\t\t\tlabel={ _x(\n\t\t\t\t'Change vertical alignment',\n\t\t\t\t'Block vertical alignment setting label'\n\t\t\t) }\n\t\t\tcontrols={ controls.map( ( control ) => {\n\t\t\t\treturn {\n\t\t\t\t\t...BLOCK_ALIGNMENTS_CONTROLS[ control ],\n\t\t\t\t\tisActive: value === control,\n\t\t\t\t\trole: isCollapsed ? 'menuitemradio' : undefined,\n\t\t\t\t\tonClick: applyOrUnset( control ),\n\t\t\t\t};\n\t\t\t} ) }\n\t\t\t{ ...extraProps }\n\t\t/>\n\t);\n}\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md\n */\nexport default BlockVerticalAlignmentUI;\n"],
+  "mappings": "AA0DE;AAvDF,SAAS,UAAU;AACnB,SAAS,cAAc,2BAA2B;AAClD;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,MAAM,4BAA4B;AAAA,EACjC,KAAK;AAAA,IACJ,MAAM;AAAA,IACN,OAAO,GAAI,aAAa,kCAAmC;AAAA,EAC5D;AAAA,EACA,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,OAAO,GAAI,gBAAgB,kCAAmC;AAAA,EAC/D;AAAA,EACA,QAAQ;AAAA,IACP,MAAM;AAAA,IACN,OAAO,GAAI,gBAAgB,kCAAmC;AAAA,EAC/D;AAAA,EACA,SAAS;AAAA,IACR,MAAM;AAAA,IACN,OAAO,GAAI,mBAAmB,kCAAmC;AAAA,EAClE;AAAA,EACA,iBAAiB;AAAA,IAChB,MAAM;AAAA,IACN,OAAO,GAAI,iBAAiB,kCAAmC;AAAA,EAChE;AACD;AAEA,MAAM,mBAAmB,CAAE,OAAO,UAAU,QAAS;AACrD,MAAM,kBAAkB;AAExB,SAAS,yBAA0B;AAAA,EAClC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AACD,GAAI;AACH,WAAS,aAAc,OAAQ;AAC9B,WAAO,MAAM,SAAU,UAAU,QAAQ,SAAY,KAAM;AAAA,EAC5D;AAEA,QAAM,kBAAkB,0BAA2B,KAAM;AACzD,QAAM,0BACL,0BAA2B,eAAgB;AAE5C,QAAM,cAAc,YAAY,eAAe;AAC/C,QAAM,aAAa,YAAY,EAAE,YAAY,IAAI,CAAC;AAElD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MACC,kBACG,gBAAgB,OAChB,wBAAwB;AAAA,MAE5B,OAAQ;AAAA,QACP;AAAA,QACA;AAAA,MACD;AAAA,MACA,UAAW,SAAS,IAAK,CAAE,YAAa;AACvC,eAAO;AAAA,UACN,GAAG,0BAA2B,OAAQ;AAAA,UACtC,UAAU,UAAU;AAAA,UACpB,MAAM,cAAc,kBAAkB;AAAA,UACtC,SAAS,aAAc,OAAQ;AAAA,QAChC;AAAA,MACD,CAAE;AAAA,MACA,GAAG;AAAA;AAAA,EACN;AAEF;AAKA,IAAO,aAAQ;",
+  "names": []
+}

package/build-module/components/block-visibility/index.js

@@ -1,3 +1,7 @@
-export { default as BlockVisibilityMenuItem } from './menu-item';
-export { default as BlockVisibilityToolbar } from './toolbar';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./menu-item";
+import { default as default3 } from "./toolbar";
+export {
+  default2 as BlockVisibilityMenuItem,
+  default3 as BlockVisibilityToolbar
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-visibility/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","BlockVisibilityMenuItem","BlockVisibilityToolbar"],"sources":["@wordpress/block-editor/src/components/block-visibility/index.js"],"sourcesContent":["export { default as BlockVisibilityMenuItem } from './menu-item';\nexport { default as BlockVisibilityToolbar } from './toolbar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,aAAa;AAChE,SAASD,OAAO,IAAIE,sBAAsB,QAAQ,WAAW","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/index.js"],
+  "sourcesContent": ["export { default as BlockVisibilityMenuItem } from './menu-item';\nexport { default as BlockVisibilityToolbar } from './toolbar';\n"],
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA0C;AACnD,SAAoB,WAAXA,gBAAyC;",
+  "names": ["default"]
+}

package/build-module/components/block-visibility/menu-item.js

@@ -1,45 +1,87 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { MenuItem } from '@wordpress/components';
-import { seen, unseen } from '@wordpress/icons';
-import { useSelect, useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { cleanEmptyObject } from '../../hooks/utils';
-import { store as blockEditorStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockVisibilityMenuItem({
-  clientIds
-}) {
-  const {
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
-  const blocks = useSelect(select => {
-    return select(blockEditorStore).getBlocksByClientId(clientIds);
-  }, [clientIds]);
-  const hasHiddenBlock = blocks.some(block => block.attributes.metadata?.blockVisibility === false);
+import { jsx } from "react/jsx-runtime";
+import { __, sprintf } from "@wordpress/i18n";
+import { MenuItem } from "@wordpress/components";
+import { seen, unseen } from "@wordpress/icons";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { store as noticesStore } from "@wordpress/notices";
+import { store as keyboardShortcutsStore } from "@wordpress/keyboard-shortcuts";
+import { cleanEmptyObject } from "../../hooks/utils";
+import { store as blockEditorStore } from "../../store";
+function BlockVisibilityMenuItem({ clientIds }) {
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
+  const { createSuccessNotice } = useDispatch(noticesStore);
+  const blocks = useSelect(
+    (select) => {
+      return select(blockEditorStore).getBlocksByClientId(clientIds);
+    },
+    [clientIds]
+  );
+  const listViewShortcut = useSelect((select) => {
+    return select(keyboardShortcutsStore).getShortcutRepresentation(
+      "core/editor/toggle-list-view"
+    );
+  }, []);
+  const hasHiddenBlock = blocks.some(
+    (block) => block.attributes.metadata?.blockVisibility === false
+  );
   const toggleBlockVisibility = () => {
-    const attributesByClientId = Object.fromEntries(blocks?.map(({
-      clientId,
-      attributes
-    }) => [clientId, {
-      metadata: cleanEmptyObject({
-        ...attributes?.metadata,
-        blockVisibility: hasHiddenBlock ? undefined : false
-      })
-    }]));
+    const isHiding = !hasHiddenBlock;
+    const attributesByClientId = Object.fromEntries(
+      blocks?.map(({ clientId, attributes }) => [
+        clientId,
+        {
+          metadata: cleanEmptyObject({
+            ...attributes?.metadata,
+            blockVisibility: isHiding ? false : void 0
+          })
+        }
+      ])
+    );
     updateBlockAttributes(clientIds, attributesByClientId, {
       uniqueByBlock: true
     });
+    if (isHiding) {
+      if (blocks.length > 1) {
+        createSuccessNotice(
+          sprintf(
+            // translators: %s: The shortcut key to access the List View.
+            __(
+              "Blocks hidden. You can access them via the List View (%s)."
+            ),
+            listViewShortcut
+          ),
+          {
+            id: "block-visibility-hidden",
+            type: "snackbar"
+          }
+        );
+      } else {
+        createSuccessNotice(
+          sprintf(
+            // translators: %s: The shortcut key to access the List View.
+            __(
+              "Block hidden. You can access it via the List View (%s)."
+            ),
+            listViewShortcut
+          ),
+          {
+            id: "block-visibility-hidden",
+            type: "snackbar"
+          }
+        );
+      }
+    }
   };
-  return /*#__PURE__*/_jsx(MenuItem, {
-    icon: hasHiddenBlock ? seen : unseen,
-    onClick: toggleBlockVisibility,
-    children: hasHiddenBlock ? __('Show') : __('Hide')
-  });
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      icon: hasHiddenBlock ? seen : unseen,
+      onClick: toggleBlockVisibility,
+      children: hasHiddenBlock ? __("Show") : __("Hide")
+    }
+  );
 }
-//# sourceMappingURL=menu-item.js.map
+export {
+  BlockVisibilityMenuItem as default
+};
+//# sourceMappingURL=menu-item.js.map

package/build-module/components/block-visibility/menu-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","MenuItem","seen","unseen","useSelect","useDispatch","cleanEmptyObject","store","blockEditorStore","jsx","_jsx","BlockVisibilityMenuItem","clientIds","updateBlockAttributes","blocks","select","getBlocksByClientId","hasHiddenBlock","some","block","attributes","metadata","blockVisibility","toggleBlockVisibility","attributesByClientId","Object","fromEntries","map","clientId","undefined","uniqueByBlock","icon","onClick","children"],"sources":["@wordpress/block-editor/src/components/block-visibility/menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { seen, unseen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockVisibilityMenuItem( { clientIds } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst blocks = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( blockEditorStore ).getBlocksByClientId( clientIds );\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst hasHiddenBlock = blocks.some(\n\t\t( block ) => block.attributes.metadata?.blockVisibility === false\n\t);\n\n\tconst toggleBlockVisibility = () => {\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tblocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tmetadata: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.metadata,\n\t\t\t\t\t\tblockVisibility: hasHiddenBlock ? undefined : false,\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t] )\n\t\t);\n\t\tupdateBlockAttributes( clientIds, attributesByClientId, {\n\t\t\tuniqueByBlock: true,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ hasHiddenBlock ? seen : unseen }\n\t\t\tonClick={ toggleBlockVisibility }\n\t\t>\n\t\t\t{ hasHiddenBlock ? __( 'Show' ) : __( 'Hide' ) }\n\t\t</MenuItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;;AAExD;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,eAAe,SAASC,uBAAuBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAChE,MAAM;IAAEC;EAAsB,CAAC,GAAGR,WAAW,CAAEG,gBAAiB,CAAC;EACjE,MAAMM,MAAM,GAAGV,SAAS,CACrBW,MAAM,IAAM;IACb,OAAOA,MAAM,CAAEP,gBAAiB,CAAC,CAACQ,mBAAmB,CAAEJ,SAAU,CAAC;EACnE,CAAC,EACD,CAAEA,SAAS,CACZ,CAAC;EAED,MAAMK,cAAc,GAAGH,MAAM,CAACI,IAAI,CAC/BC,KAAK,IAAMA,KAAK,CAACC,UAAU,CAACC,QAAQ,EAAEC,eAAe,KAAK,KAC7D,CAAC;EAED,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IACnC,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAW,CAC9CZ,MAAM,EAAEa,GAAG,CAAE,CAAE;MAAEC,QAAQ;MAAER;IAAW,CAAC,KAAM,CAC5CQ,QAAQ,EACR;MACCP,QAAQ,EAAEf,gBAAgB,CAAE;QAC3B,GAAGc,UAAU,EAAEC,QAAQ;QACvBC,eAAe,EAAEL,cAAc,GAAGY,SAAS,GAAG;MAC/C,CAAE;IACH,CAAC,CACA,CACH,CAAC;IACDhB,qBAAqB,CAAED,SAAS,EAAEY,oBAAoB,EAAE;MACvDM,aAAa,EAAE;IAChB,CAAE,CAAC;EACJ,CAAC;EAED,oBACCpB,IAAA,CAACT,QAAQ;IACR8B,IAAI,EAAGd,cAAc,GAAGf,IAAI,GAAGC,MAAQ;IACvC6B,OAAO,EAAGT,qBAAuB;IAAAU,QAAA,EAE/BhB,cAAc,GAAGjB,EAAE,CAAE,MAAO,CAAC,GAAGA,EAAE,CAAE,MAAO;EAAC,CACrC,CAAC;AAEb","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/menu-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { seen, unseen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { store as blockEditorStore } from '../../store';\n\nexport default function BlockVisibilityMenuItem( { clientIds } ) {\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst blocks = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( blockEditorStore ).getBlocksByClientId( clientIds );\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst listViewShortcut = useSelect( ( select ) => {\n\t\treturn select( keyboardShortcutsStore ).getShortcutRepresentation(\n\t\t\t'core/editor/toggle-list-view'\n\t\t);\n\t}, [] );\n\n\tconst hasHiddenBlock = blocks.some(\n\t\t( block ) => block.attributes.metadata?.blockVisibility === false\n\t);\n\n\tconst toggleBlockVisibility = () => {\n\t\tconst isHiding = ! hasHiddenBlock;\n\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tblocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tmetadata: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.metadata,\n\t\t\t\t\t\tblockVisibility: isHiding ? false : undefined,\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t] )\n\t\t);\n\t\tupdateBlockAttributes( clientIds, attributesByClientId, {\n\t\t\tuniqueByBlock: true,\n\t\t} );\n\n\t\tif ( isHiding ) {\n\t\t\tif ( blocks.length > 1 ) {\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: The shortcut key to access the List View.\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Blocks hidden. You can access them via the List View (%s).'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tlistViewShortcut\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'block-visibility-hidden',\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t// translators: %s: The shortcut key to access the List View.\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Block hidden. You can access it via the List View (%s).'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tlistViewShortcut\n\t\t\t\t\t),\n\t\t\t\t\t{\n\t\t\t\t\t\tid: 'block-visibility-hidden',\n\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ hasHiddenBlock ? seen : unseen }\n\t\t\tonClick={ toggleBlockVisibility }\n\t\t>\n\t\t\t{ hasHiddenBlock ? __( 'Show' ) : __( 'Hide' ) }\n\t\t</MenuItem>\n\t);\n}\n"],
+  "mappings": "AAwFE;AArFF,SAAS,IAAI,eAAe;AAC5B,SAAS,gBAAgB;AACzB,SAAS,MAAM,cAAc;AAC7B,SAAS,WAAW,mBAAmB;AACvC,SAAS,SAAS,oBAAoB;AACtC,SAAS,SAAS,8BAA8B;AAKhD,SAAS,wBAAwB;AACjC,SAAS,SAAS,wBAAwB;AAE3B,SAAR,wBAA0C,EAAE,UAAU,GAAI;AAChE,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAChE,QAAM,EAAE,oBAAoB,IAAI,YAAa,YAAa;AAC1D,QAAM,SAAS;AAAA,IACd,CAAE,WAAY;AACb,aAAO,OAAQ,gBAAiB,EAAE,oBAAqB,SAAU;AAAA,IAClE;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,mBAAmB,UAAW,CAAE,WAAY;AACjD,WAAO,OAAQ,sBAAuB,EAAE;AAAA,MACvC;AAAA,IACD;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,QAAM,iBAAiB,OAAO;AAAA,IAC7B,CAAE,UAAW,MAAM,WAAW,UAAU,oBAAoB;AAAA,EAC7D;AAEA,QAAM,wBAAwB,MAAM;AACnC,UAAM,WAAW,CAAE;AAEnB,UAAM,uBAAuB,OAAO;AAAA,MACnC,QAAQ,IAAK,CAAE,EAAE,UAAU,WAAW,MAAO;AAAA,QAC5C;AAAA,QACA;AAAA,UACC,UAAU,iBAAkB;AAAA,YAC3B,GAAG,YAAY;AAAA,YACf,iBAAiB,WAAW,QAAQ;AAAA,UACrC,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AACA,0BAAuB,WAAW,sBAAsB;AAAA,MACvD,eAAe;AAAA,IAChB,CAAE;AAEF,QAAK,UAAW;AACf,UAAK,OAAO,SAAS,GAAI;AACxB;AAAA,UACC;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,YACD;AAAA,YACA;AAAA,UACD;AAAA,UACA;AAAA,YACC,IAAI;AAAA,YACJ,MAAM;AAAA,UACP;AAAA,QACD;AAAA,MACD,OAAO;AACN;AAAA,UACC;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,YACD;AAAA,YACA;AAAA,UACD;AAAA,UACA;AAAA,YACC,IAAI;AAAA,YACJ,MAAM;AAAA,UACP;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAO,iBAAiB,OAAO;AAAA,MAC/B,SAAU;AAAA,MAER,2BAAiB,GAAI,MAAO,IAAI,GAAI,MAAO;AAAA;AAAA,EAC9C;AAEF;",
+  "names": []
+}

package/build-module/components/block-visibility/toolbar.js

@@ -1,49 +1,35 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { ToolbarButton, ToolbarGroup } from '@wordpress/components';
-import { useRef, useEffect } from '@wordpress/element';
-import { seen, unseen } from '@wordpress/icons';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { hasBlockSupport } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import { cleanEmptyObject } from '../../hooks/utils';
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export default function BlockVisibilityToolbar({
-  clientIds
-}) {
-  const {
-    blocks,
-    canToggleBlockVisibility
-  } = useSelect(select => {
-    const {
-      getBlockName,
-      getBlocksByClientId
-    } = select(blockEditorStore);
-    const _blocks = getBlocksByClientId(clientIds);
-    return {
-      blocks: _blocks,
-      canToggleBlockVisibility: _blocks.every(({
-        clientId
-      }) => hasBlockSupport(getBlockName(clientId), 'blockVisibility', true))
-    };
-  }, [clientIds]);
-  const hasHiddenBlock = blocks.some(block => block.attributes.metadata?.blockVisibility === false);
+import { Fragment, jsx } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { ToolbarButton, ToolbarGroup } from "@wordpress/components";
+import { useRef, useEffect } from "@wordpress/element";
+import { seen, unseen } from "@wordpress/icons";
+import { useSelect, useDispatch } from "@wordpress/data";
+import { hasBlockSupport } from "@wordpress/blocks";
+import { store as blockEditorStore } from "../../store";
+import { cleanEmptyObject } from "../../hooks/utils";
+function BlockVisibilityToolbar({ clientIds }) {
+  const { blocks, canToggleBlockVisibility } = useSelect(
+    (select) => {
+      const { getBlockName, getBlocksByClientId } = select(blockEditorStore);
+      const _blocks = getBlocksByClientId(clientIds);
+      return {
+        blocks: _blocks,
+        canToggleBlockVisibility: _blocks.every(
+          ({ clientId }) => hasBlockSupport(
+            getBlockName(clientId),
+            "blockVisibility",
+            true
+          )
+        )
+      };
+    },
+    [clientIds]
+  );
+  const hasHiddenBlock = blocks.some(
+    (block) => block.attributes.metadata?.blockVisibility === false
+  );
   const hasBlockVisibilityButtonShownRef = useRef(false);
-  const {
-    updateBlockAttributes
-  } = useDispatch(blockEditorStore);
-
-  // If the block visibility button has been shown, we don't want to
-  // remove it from the toolbar until the toolbar is rendered again
-  // without it. Removing it beforehand can cause focus loss issues.
-  // It needs to return focus from whence it came, and to do that,
-  // we need to leave the button in the toolbar.
+  const { updateBlockAttributes } = useDispatch(blockEditorStore);
   useEffect(() => {
     if (hasHiddenBlock) {
       hasBlockVisibilityButtonShownRef.current = true;
@@ -53,29 +39,32 @@ export default function BlockVisibilityToolbar({
     return null;
   }
   const toggleBlockVisibility = () => {
-    const attributesByClientId = Object.fromEntries(blocks?.map(({
-      clientId,
-      attributes
-    }) => [clientId, {
-      metadata: cleanEmptyObject({
-        ...attributes?.metadata,
-        blockVisibility: hasHiddenBlock ? undefined : false
-      })
-    }]));
+    const attributesByClientId = Object.fromEntries(
+      blocks?.map(({ clientId, attributes }) => [
+        clientId,
+        {
+          metadata: cleanEmptyObject({
+            ...attributes?.metadata,
+            blockVisibility: hasHiddenBlock ? void 0 : false
+          })
+        }
+      ])
+    );
     updateBlockAttributes(clientIds, attributesByClientId, {
       uniqueByBlock: true
     });
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(ToolbarGroup, {
-      className: "block-editor-block-lock-toolbar",
-      children: /*#__PURE__*/_jsx(ToolbarButton, {
-        disabled: !canToggleBlockVisibility,
-        icon: hasHiddenBlock ? unseen : seen,
-        label: hasHiddenBlock ? __('Hidden') : __('Visible'),
-        onClick: toggleBlockVisibility
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ToolbarGroup, { className: "block-editor-block-lock-toolbar", children: /* @__PURE__ */ jsx(
+    ToolbarButton,
+    {
+      disabled: !canToggleBlockVisibility,
+      icon: hasHiddenBlock ? unseen : seen,
+      label: hasHiddenBlock ? __("Hidden") : __("Visible"),
+      onClick: toggleBlockVisibility
+    }
+  ) }) });
 }
-//# sourceMappingURL=toolbar.js.map
+export {
+  BlockVisibilityToolbar as default
+};
+//# sourceMappingURL=toolbar.js.map

package/build-module/components/block-visibility/toolbar.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","ToolbarButton","ToolbarGroup","useRef","useEffect","seen","unseen","useSelect","useDispatch","hasBlockSupport","store","blockEditorStore","cleanEmptyObject","jsx","_jsx","Fragment","_Fragment","BlockVisibilityToolbar","clientIds","blocks","canToggleBlockVisibility","select","getBlockName","getBlocksByClientId","_blocks","every","clientId","hasHiddenBlock","some","block","attributes","metadata","blockVisibility","hasBlockVisibilityButtonShownRef","updateBlockAttributes","current","toggleBlockVisibility","attributesByClientId","Object","fromEntries","map","undefined","uniqueByBlock","children","className","disabled","icon","label","onClick"],"sources":["@wordpress/block-editor/src/components/block-visibility/toolbar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { seen, unseen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { cleanEmptyObject } from '../../hooks/utils';\n\nexport default function BlockVisibilityToolbar( { clientIds } ) {\n\tconst { blocks, canToggleBlockVisibility } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlocksByClientId } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _blocks = getBlocksByClientId( clientIds );\n\t\t\treturn {\n\t\t\t\tblocks: _blocks,\n\t\t\t\tcanToggleBlockVisibility: _blocks.every( ( { clientId } ) =>\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'blockVisibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst hasHiddenBlock = blocks.some(\n\t\t( block ) => block.attributes.metadata?.blockVisibility === false\n\t);\n\n\tconst hasBlockVisibilityButtonShownRef = useRef( false );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// If the block visibility button has been shown, we don't want to\n\t// remove it from the toolbar until the toolbar is rendered again\n\t// without it. Removing it beforehand can cause focus loss issues.\n\t// It needs to return focus from whence it came, and to do that,\n\t// we need to leave the button in the toolbar.\n\tuseEffect( () => {\n\t\tif ( hasHiddenBlock ) {\n\t\t\thasBlockVisibilityButtonShownRef.current = true;\n\t\t}\n\t}, [ hasHiddenBlock ] );\n\n\tif ( ! hasHiddenBlock && ! hasBlockVisibilityButtonShownRef.current ) {\n\t\treturn null;\n\t}\n\n\tconst toggleBlockVisibility = () => {\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tblocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tmetadata: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.metadata,\n\t\t\t\t\t\tblockVisibility: hasHiddenBlock ? undefined : false,\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t] )\n\t\t);\n\t\tupdateBlockAttributes( clientIds, attributesByClientId, {\n\t\t\tuniqueByBlock: true,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canToggleBlockVisibility }\n\t\t\t\t\ticon={ hasHiddenBlock ? unseen : seen }\n\t\t\t\t\tlabel={ hasHiddenBlock ? __( 'Hidden' ) : __( 'Visible' ) }\n\t\t\t\t\tonClick={ toggleBlockVisibility }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,EAAEC,YAAY,QAAQ,uBAAuB;AACnE,SAASC,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AACtD,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAC/C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,gBAAgB,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAErD,eAAe,SAASC,sBAAsBA,CAAE;EAAEC;AAAU,CAAC,EAAG;EAC/D,MAAM;IAAEC,MAAM;IAAEC;EAAyB,CAAC,GAAGb,SAAS,CACnDc,MAAM,IAAM;IACb,MAAM;MAAEC,YAAY;MAAEC;IAAoB,CAAC,GAC1CF,MAAM,CAAEV,gBAAiB,CAAC;IAC3B,MAAMa,OAAO,GAAGD,mBAAmB,CAAEL,SAAU,CAAC;IAChD,OAAO;MACNC,MAAM,EAAEK,OAAO;MACfJ,wBAAwB,EAAEI,OAAO,CAACC,KAAK,CAAE,CAAE;QAAEC;MAAS,CAAC,KACtDjB,eAAe,CACda,YAAY,CAAEI,QAAS,CAAC,EACxB,iBAAiB,EACjB,IACD,CACD;IACD,CAAC;EACF,CAAC,EACD,CAAER,SAAS,CACZ,CAAC;EAED,MAAMS,cAAc,GAAGR,MAAM,CAACS,IAAI,CAC/BC,KAAK,IAAMA,KAAK,CAACC,UAAU,CAACC,QAAQ,EAAEC,eAAe,KAAK,KAC7D,CAAC;EAED,MAAMC,gCAAgC,GAAG9B,MAAM,CAAE,KAAM,CAAC;EACxD,MAAM;IAAE+B;EAAsB,CAAC,GAAG1B,WAAW,CAAEG,gBAAiB,CAAC;;EAEjE;EACA;EACA;EACA;EACA;EACAP,SAAS,CAAE,MAAM;IAChB,IAAKuB,cAAc,EAAG;MACrBM,gCAAgC,CAACE,OAAO,GAAG,IAAI;IAChD;EACD,CAAC,EAAE,CAAER,cAAc,CAAG,CAAC;EAEvB,IAAK,CAAEA,cAAc,IAAI,CAAEM,gCAAgC,CAACE,OAAO,EAAG;IACrE,OAAO,IAAI;EACZ;EAEA,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;IACnC,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAW,CAC9CpB,MAAM,EAAEqB,GAAG,CAAE,CAAE;MAAEd,QAAQ;MAAEI;IAAW,CAAC,KAAM,CAC5CJ,QAAQ,EACR;MACCK,QAAQ,EAAEnB,gBAAgB,CAAE;QAC3B,GAAGkB,UAAU,EAAEC,QAAQ;QACvBC,eAAe,EAAEL,cAAc,GAAGc,SAAS,GAAG;MAC/C,CAAE;IACH,CAAC,CACA,CACH,CAAC;IACDP,qBAAqB,CAAEhB,SAAS,EAAEmB,oBAAoB,EAAE;MACvDK,aAAa,EAAE;IAChB,CAAE,CAAC;EACJ,CAAC;EAED,oBACC5B,IAAA,CAAAE,SAAA;IAAA2B,QAAA,eACC7B,IAAA,CAACZ,YAAY;MAAC0C,SAAS,EAAC,iCAAiC;MAAAD,QAAA,eACxD7B,IAAA,CAACb,aAAa;QACb4C,QAAQ,EAAG,CAAEzB,wBAA0B;QACvC0B,IAAI,EAAGnB,cAAc,GAAGrB,MAAM,GAAGD,IAAM;QACvC0C,KAAK,EAAGpB,cAAc,GAAG3B,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,SAAU,CAAG;QAC3DgD,OAAO,EAAGZ;MAAuB,CACjC;IAAC,CACW;EAAC,CACd,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-visibility/toolbar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { useRef, useEffect } from '@wordpress/element';\nimport { seen, unseen } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { cleanEmptyObject } from '../../hooks/utils';\n\nexport default function BlockVisibilityToolbar( { clientIds } ) {\n\tconst { blocks, canToggleBlockVisibility } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockName, getBlocksByClientId } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _blocks = getBlocksByClientId( clientIds );\n\t\t\treturn {\n\t\t\t\tblocks: _blocks,\n\t\t\t\tcanToggleBlockVisibility: _blocks.every( ( { clientId } ) =>\n\t\t\t\t\thasBlockSupport(\n\t\t\t\t\t\tgetBlockName( clientId ),\n\t\t\t\t\t\t'blockVisibility',\n\t\t\t\t\t\ttrue\n\t\t\t\t\t)\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ clientIds ]\n\t);\n\n\tconst hasHiddenBlock = blocks.some(\n\t\t( block ) => block.attributes.metadata?.blockVisibility === false\n\t);\n\n\tconst hasBlockVisibilityButtonShownRef = useRef( false );\n\tconst { updateBlockAttributes } = useDispatch( blockEditorStore );\n\n\t// If the block visibility button has been shown, we don't want to\n\t// remove it from the toolbar until the toolbar is rendered again\n\t// without it. Removing it beforehand can cause focus loss issues.\n\t// It needs to return focus from whence it came, and to do that,\n\t// we need to leave the button in the toolbar.\n\tuseEffect( () => {\n\t\tif ( hasHiddenBlock ) {\n\t\t\thasBlockVisibilityButtonShownRef.current = true;\n\t\t}\n\t}, [ hasHiddenBlock ] );\n\n\tif ( ! hasHiddenBlock && ! hasBlockVisibilityButtonShownRef.current ) {\n\t\treturn null;\n\t}\n\n\tconst toggleBlockVisibility = () => {\n\t\tconst attributesByClientId = Object.fromEntries(\n\t\t\tblocks?.map( ( { clientId, attributes } ) => [\n\t\t\t\tclientId,\n\t\t\t\t{\n\t\t\t\t\tmetadata: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.metadata,\n\t\t\t\t\t\tblockVisibility: hasHiddenBlock ? undefined : false,\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t] )\n\t\t);\n\t\tupdateBlockAttributes( clientIds, attributesByClientId, {\n\t\t\tuniqueByBlock: true,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarGroup className=\"block-editor-block-lock-toolbar\">\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tdisabled={ ! canToggleBlockVisibility }\n\t\t\t\t\ticon={ hasHiddenBlock ? unseen : seen }\n\t\t\t\t\tlabel={ hasHiddenBlock ? __( 'Hidden' ) : __( 'Visible' ) }\n\t\t\t\t\tonClick={ toggleBlockVisibility }\n\t\t\t\t/>\n\t\t\t</ToolbarGroup>\n\t\t</>\n\t);\n}\n"],
+  "mappings": "AA4EE,mBAEE,WAFF;AAzEF,SAAS,UAAU;AACnB,SAAS,eAAe,oBAAoB;AAC5C,SAAS,QAAQ,iBAAiB;AAClC,SAAS,MAAM,cAAc;AAC7B,SAAS,WAAW,mBAAmB;AACvC,SAAS,uBAAuB;AAKhC,SAAS,SAAS,wBAAwB;AAC1C,SAAS,wBAAwB;AAElB,SAAR,uBAAyC,EAAE,UAAU,GAAI;AAC/D,QAAM,EAAE,QAAQ,yBAAyB,IAAI;AAAA,IAC5C,CAAE,WAAY;AACb,YAAM,EAAE,cAAc,oBAAoB,IACzC,OAAQ,gBAAiB;AAC1B,YAAM,UAAU,oBAAqB,SAAU;AAC/C,aAAO;AAAA,QACN,QAAQ;AAAA,QACR,0BAA0B,QAAQ;AAAA,UAAO,CAAE,EAAE,SAAS,MACrD;AAAA,YACC,aAAc,QAAS;AAAA,YACvB;AAAA,YACA;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,SAAU;AAAA,EACb;AAEA,QAAM,iBAAiB,OAAO;AAAA,IAC7B,CAAE,UAAW,MAAM,WAAW,UAAU,oBAAoB;AAAA,EAC7D;AAEA,QAAM,mCAAmC,OAAQ,KAAM;AACvD,QAAM,EAAE,sBAAsB,IAAI,YAAa,gBAAiB;AAOhE,YAAW,MAAM;AAChB,QAAK,gBAAiB;AACrB,uCAAiC,UAAU;AAAA,IAC5C;AAAA,EACD,GAAG,CAAE,cAAe,CAAE;AAEtB,MAAK,CAAE,kBAAkB,CAAE,iCAAiC,SAAU;AACrE,WAAO;AAAA,EACR;AAEA,QAAM,wBAAwB,MAAM;AACnC,UAAM,uBAAuB,OAAO;AAAA,MACnC,QAAQ,IAAK,CAAE,EAAE,UAAU,WAAW,MAAO;AAAA,QAC5C;AAAA,QACA;AAAA,UACC,UAAU,iBAAkB;AAAA,YAC3B,GAAG,YAAY;AAAA,YACf,iBAAiB,iBAAiB,SAAY;AAAA,UAC/C,CAAE;AAAA,QACH;AAAA,MACD,CAAE;AAAA,IACH;AACA,0BAAuB,WAAW,sBAAsB;AAAA,MACvD,eAAe;AAAA,IAChB,CAAE;AAAA,EACH;AAEA,SACC,gCACC,8BAAC,gBAAa,WAAU,mCACvB;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAE;AAAA,MACb,MAAO,iBAAiB,SAAS;AAAA,MACjC,OAAQ,iBAAiB,GAAI,QAAS,IAAI,GAAI,SAAU;AAAA,MACxD,SAAU;AAAA;AAAA,EACX,GACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/border-radius-control/constants.js

@@ -1,34 +1,46 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { cornerAll, cornerBottomLeft, cornerBottomRight, cornerTopLeft, cornerTopRight } from '@wordpress/icons';
-export const DEFAULT_VALUES = {
-  topLeft: undefined,
-  topRight: undefined,
-  bottomLeft: undefined,
-  bottomRight: undefined
+import { __ } from "@wordpress/i18n";
+import {
+  cornerAll,
+  cornerBottomLeft,
+  cornerBottomRight,
+  cornerTopLeft,
+  cornerTopRight
+} from "@wordpress/icons";
+const DEFAULT_VALUES = {
+  topLeft: void 0,
+  topRight: void 0,
+  bottomLeft: void 0,
+  bottomRight: void 0
 };
-export const RANGE_CONTROL_MAX_SIZE = 8;
-export const EMPTY_ARRAY = [];
-export const CORNERS = {
-  all: __('Border radius'),
-  topLeft: __('Top left'),
-  topRight: __('Top right'),
-  bottomLeft: __('Bottom left'),
-  bottomRight: __('Bottom right')
+const RANGE_CONTROL_MAX_SIZE = 8;
+const EMPTY_ARRAY = [];
+const CORNERS = {
+  all: __("Border radius"),
+  topLeft: __("Top left"),
+  topRight: __("Top right"),
+  bottomLeft: __("Bottom left"),
+  bottomRight: __("Bottom right")
 };
-export const ICONS = {
+const ICONS = {
   all: cornerAll,
   topLeft: cornerTopLeft,
   topRight: cornerTopRight,
   bottomLeft: cornerBottomLeft,
   bottomRight: cornerBottomRight
 };
-export const MIN_BORDER_RADIUS_VALUE = 0;
-export const MAX_BORDER_RADIUS_VALUES = {
+const MIN_BORDER_RADIUS_VALUE = 0;
+const MAX_BORDER_RADIUS_VALUES = {
   px: 100,
   em: 20,
   rem: 20
 };
-//# sourceMappingURL=constants.js.map
+export {
+  CORNERS,
+  DEFAULT_VALUES,
+  EMPTY_ARRAY,
+  ICONS,
+  MAX_BORDER_RADIUS_VALUES,
+  MIN_BORDER_RADIUS_VALUE,
+  RANGE_CONTROL_MAX_SIZE
+};
+//# sourceMappingURL=constants.js.map

package/build-module/components/border-radius-control/constants.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","cornerAll","cornerBottomLeft","cornerBottomRight","cornerTopLeft","cornerTopRight","DEFAULT_VALUES","topLeft","undefined","topRight","bottomLeft","bottomRight","RANGE_CONTROL_MAX_SIZE","EMPTY_ARRAY","CORNERS","all","ICONS","MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUES","px","em","rem"],"sources":["@wordpress/block-editor/src/components/border-radius-control/constants.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tcornerAll,\n\tcornerBottomLeft,\n\tcornerBottomRight,\n\tcornerTopLeft,\n\tcornerTopRight,\n} from '@wordpress/icons';\n\nexport const DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const EMPTY_ARRAY = [];\n\nexport const CORNERS = {\n\tall: __( 'Border radius' ),\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport const ICONS = {\n\tall: cornerAll,\n\ttopLeft: cornerTopLeft,\n\ttopRight: cornerTopRight,\n\tbottomLeft: cornerBottomLeft,\n\tbottomRight: cornerBottomRight,\n};\n\nexport const MIN_BORDER_RADIUS_VALUE = 0;\n\nexport const MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,SAAS,EACTC,gBAAgB,EAChBC,iBAAiB,EACjBC,aAAa,EACbC,cAAc,QACR,kBAAkB;AAEzB,OAAO,MAAMC,cAAc,GAAG;EAC7BC,OAAO,EAAEC,SAAS;EAClBC,QAAQ,EAAED,SAAS;EACnBE,UAAU,EAAEF,SAAS;EACrBG,WAAW,EAAEH;AACd,CAAC;AAED,OAAO,MAAMI,sBAAsB,GAAG,CAAC;AAEvC,OAAO,MAAMC,WAAW,GAAG,EAAE;AAE7B,OAAO,MAAMC,OAAO,GAAG;EACtBC,GAAG,EAAEf,EAAE,CAAE,eAAgB,CAAC;EAC1BO,OAAO,EAAEP,EAAE,CAAE,UAAW,CAAC;EACzBS,QAAQ,EAAET,EAAE,CAAE,WAAY,CAAC;EAC3BU,UAAU,EAAEV,EAAE,CAAE,aAAc,CAAC;EAC/BW,WAAW,EAAEX,EAAE,CAAE,cAAe;AACjC,CAAC;AAED,OAAO,MAAMgB,KAAK,GAAG;EACpBD,GAAG,EAAEd,SAAS;EACdM,OAAO,EAAEH,aAAa;EACtBK,QAAQ,EAAEJ,cAAc;EACxBK,UAAU,EAAER,gBAAgB;EAC5BS,WAAW,EAAER;AACd,CAAC;AAED,OAAO,MAAMc,uBAAuB,GAAG,CAAC;AAExC,OAAO,MAAMC,wBAAwB,GAAG;EACvCC,EAAE,EAAE,GAAG;EACPC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACN,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/border-radius-control/constants.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tcornerAll,\n\tcornerBottomLeft,\n\tcornerBottomRight,\n\tcornerTopLeft,\n\tcornerTopRight,\n} from '@wordpress/icons';\n\nexport const DEFAULT_VALUES = {\n\ttopLeft: undefined,\n\ttopRight: undefined,\n\tbottomLeft: undefined,\n\tbottomRight: undefined,\n};\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const EMPTY_ARRAY = [];\n\nexport const CORNERS = {\n\tall: __( 'Border radius' ),\n\ttopLeft: __( 'Top left' ),\n\ttopRight: __( 'Top right' ),\n\tbottomLeft: __( 'Bottom left' ),\n\tbottomRight: __( 'Bottom right' ),\n};\n\nexport const ICONS = {\n\tall: cornerAll,\n\ttopLeft: cornerTopLeft,\n\ttopRight: cornerTopRight,\n\tbottomLeft: cornerBottomLeft,\n\tbottomRight: cornerBottomRight,\n};\n\nexport const MIN_BORDER_RADIUS_VALUE = 0;\n\nexport const MAX_BORDER_RADIUS_VALUES = {\n\tpx: 100,\n\tem: 20,\n\trem: 20,\n};\n"],
+  "mappings": "AAGA,SAAS,UAAU;AACnB;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEA,MAAM,iBAAiB;AAAA,EAC7B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,MAAM,yBAAyB;AAE/B,MAAM,cAAc,CAAC;AAErB,MAAM,UAAU;AAAA,EACtB,KAAK,GAAI,eAAgB;AAAA,EACzB,SAAS,GAAI,UAAW;AAAA,EACxB,UAAU,GAAI,WAAY;AAAA,EAC1B,YAAY,GAAI,aAAc;AAAA,EAC9B,aAAa,GAAI,cAAe;AACjC;AAEO,MAAM,QAAQ;AAAA,EACpB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AACd;AAEO,MAAM,0BAA0B;AAEhC,MAAM,2BAA2B;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACN;",
+  "names": []
+}