@wordpress/block-editor 15.9.1-next.6deb34194.0 → 15.9.1-next.738bb1424.0

package/build/hooks/line-height.cjs

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/hooks/line-height.js
+var line_height_exports = {};
+__export(line_height_exports, {
+  LINE_HEIGHT_SUPPORT_KEY: () => LINE_HEIGHT_SUPPORT_KEY,
+  LineHeightEdit: () => LineHeightEdit,
+  useIsLineHeightDisabled: () => useIsLineHeightDisabled
+});
+module.exports = __toCommonJS(line_height_exports);
+var import_blocks = require("@wordpress/blocks");
+var import_line_height_control = __toESM(require("../components/line-height-control/index.cjs"), 1);
+var import_utils = require("./utils.cjs");
+var import_use_settings = require("../components/use-settings/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var LINE_HEIGHT_SUPPORT_KEY = "typography.lineHeight";
+function LineHeightEdit(props) {
+  const {
+    attributes: { style },
+    setAttributes
+  } = props;
+  const onChange = (newLineHeightValue) => {
+    const newStyle = {
+      ...style,
+      typography: {
+        ...style?.typography,
+        lineHeight: newLineHeightValue
+      }
+    };
+    setAttributes({ style: (0, import_utils.cleanEmptyObject)(newStyle) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_line_height_control.default,
+    {
+      __unstableInputWidth: "100%",
+      value: style?.typography?.lineHeight,
+      onChange,
+      size: "__unstable-large"
+    }
+  );
+}
+function useIsLineHeightDisabled({ name: blockName } = {}) {
+  const [isEnabled] = (0, import_use_settings.useSettings)("typography.lineHeight");
+  return !isEnabled || !(0, import_blocks.hasBlockSupport)(blockName, LINE_HEIGHT_SUPPORT_KEY);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LINE_HEIGHT_SUPPORT_KEY,
+  LineHeightEdit,
+  useIsLineHeightDisabled
+});
+//# sourceMappingURL=line-height.cjs.map

package/build/hooks/lock.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/hooks/lock.js
+var lock_exports = {};
+__export(lock_exports, {
+  addAttribute: () => addAttribute
+});
+module.exports = __toCommonJS(lock_exports);
+var import_hooks = require("@wordpress/hooks");
+function addAttribute(settings) {
+  if ("type" in (settings.attributes?.lock ?? {})) {
+    return settings;
+  }
+  settings.attributes = {
+    ...settings.attributes,
+    lock: {
+      type: "object"
+    }
+  };
+  return settings;
+}
+(0, import_hooks.addFilter)("blocks.registerBlockType", "core/lock/addAttribute", addAttribute);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addAttribute
+});
+//# sourceMappingURL=lock.cjs.map

package/build/hooks/metadata.cjs

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/hooks/metadata.js
+var metadata_exports = {};
+__export(metadata_exports, {
+  addMetaAttribute: () => addMetaAttribute,
+  addTransforms: () => addTransforms
+});
+module.exports = __toCommonJS(metadata_exports);
+var import_hooks = require("@wordpress/hooks");
+var import_blocks = require("@wordpress/blocks");
+var META_ATTRIBUTE_NAME = "metadata";
+function addMetaAttribute(blockTypeSettings) {
+  if (blockTypeSettings?.attributes?.[META_ATTRIBUTE_NAME]?.type) {
+    return blockTypeSettings;
+  }
+  blockTypeSettings.attributes = {
+    ...blockTypeSettings.attributes,
+    [META_ATTRIBUTE_NAME]: {
+      type: "object"
+    }
+  };
+  return blockTypeSettings;
+}
+function addTransforms(result, source, index, results) {
+  if (results.length === 1 && result.innerBlocks.length === source.length) {
+    return result;
+  }
+  if (results.length === 1 && source.length > 1 || results.length > 1 && source.length === 1) {
+    return result;
+  }
+  if (results.length > 1 && source.length > 1 && results.length !== source.length) {
+    return result;
+  }
+  const sourceMetadata = source[index]?.attributes?.metadata;
+  if (!sourceMetadata) {
+    return result;
+  }
+  const preservedMetadata = {};
+  if (sourceMetadata.noteId && !result.attributes?.metadata?.noteId) {
+    preservedMetadata.noteId = sourceMetadata.noteId;
+  }
+  if (sourceMetadata.name && !result.attributes?.metadata?.name && (0, import_blocks.hasBlockSupport)(result.name, "renaming", true)) {
+    preservedMetadata.name = sourceMetadata.name;
+  }
+  if (sourceMetadata.blockVisibility !== void 0 && !result.attributes?.metadata?.blockVisibility && (0, import_blocks.hasBlockSupport)(result.name, "visibility", true)) {
+    preservedMetadata.blockVisibility = sourceMetadata.blockVisibility;
+  }
+  if (Object.keys(preservedMetadata).length > 0) {
+    return {
+      ...result,
+      attributes: {
+        ...result.attributes,
+        metadata: {
+          ...result.attributes.metadata,
+          ...preservedMetadata
+        }
+      }
+    };
+  }
+  return result;
+}
+(0, import_hooks.addFilter)(
+  "blocks.registerBlockType",
+  "core/metadata/addMetaAttribute",
+  addMetaAttribute
+);
+(0, import_hooks.addFilter)(
+  "blocks.switchToBlockType.transformedBlock",
+  "core/metadata/addTransforms",
+  addTransforms
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addMetaAttribute,
+  addTransforms
+});
+//# sourceMappingURL=metadata.cjs.map

package/build/hooks/position.cjs

@@ -0,0 +1,266 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/block-editor/src/hooks/position.js
+var position_exports = {};
+__export(position_exports, {
+  PositionPanelPure: () => PositionPanelPure,
+  default: () => position_default,
+  getPositionCSS: () => getPositionCSS,
+  hasFixedPositionSupport: () => hasFixedPositionSupport,
+  hasPositionSupport: () => hasPositionSupport,
+  hasPositionValue: () => hasPositionValue,
+  hasStickyOrFixedPositionValue: () => hasStickyOrFixedPositionValue,
+  hasStickyPositionSupport: () => hasStickyPositionSupport,
+  resetPosition: () => resetPosition,
+  useIsPositionDisabled: () => useIsPositionDisabled
+});
+module.exports = __toCommonJS(position_exports);
+var import_clsx = __toESM(require("clsx"), 1);
+var import_i18n = require("@wordpress/i18n");
+var import_blocks = require("@wordpress/blocks");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_use_settings = require("../components/use-settings/index.cjs");
+var import_inspector_controls = __toESM(require("../components/inspector-controls/index.cjs"), 1);
+var import_use_block_display_information = __toESM(require("../components/use-block-display-information/index.cjs"), 1);
+var import_utils = require("./utils.cjs");
+var import_store = require("../store/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var POSITION_SUPPORT_KEY = "position";
+var DEFAULT_OPTION = {
+  key: "default",
+  value: "",
+  name: (0, import_i18n.__)("Default")
+};
+var STICKY_OPTION = {
+  key: "sticky",
+  value: "sticky",
+  name: (0, import_i18n._x)("Sticky", "Name for the value of the CSS position property"),
+  hint: (0, import_i18n.__)(
+    "The block will stick to the top of the window instead of scrolling."
+  )
+};
+var FIXED_OPTION = {
+  key: "fixed",
+  value: "fixed",
+  name: (0, import_i18n._x)("Fixed", "Name for the value of the CSS position property"),
+  hint: (0, import_i18n.__)("The block will not move when the page is scrolled.")
+};
+var POSITION_SIDES = ["top", "right", "bottom", "left"];
+var VALID_POSITION_TYPES = ["sticky", "fixed"];
+function getPositionCSS({ selector, style }) {
+  let output = "";
+  const { type: positionType } = style?.position || {};
+  if (!VALID_POSITION_TYPES.includes(positionType)) {
+    return output;
+  }
+  output += `${selector} {`;
+  output += `position: ${positionType};`;
+  POSITION_SIDES.forEach((side) => {
+    if (style?.position?.[side] !== void 0) {
+      output += `${side}: ${style.position[side]};`;
+    }
+  });
+  if (positionType === "sticky" || positionType === "fixed") {
+    output += `z-index: 10`;
+  }
+  output += `}`;
+  return output;
+}
+function hasStickyPositionSupport(blockType) {
+  const support = (0, import_blocks.getBlockSupport)(blockType, POSITION_SUPPORT_KEY);
+  return !!(true === support || support?.sticky);
+}
+function hasFixedPositionSupport(blockType) {
+  const support = (0, import_blocks.getBlockSupport)(blockType, POSITION_SUPPORT_KEY);
+  return !!(true === support || support?.fixed);
+}
+function hasPositionSupport(blockType) {
+  const support = (0, import_blocks.getBlockSupport)(blockType, POSITION_SUPPORT_KEY);
+  return !!support;
+}
+function hasPositionValue(props) {
+  return props.attributes.style?.position?.type !== void 0;
+}
+function hasStickyOrFixedPositionValue(attributes) {
+  const positionType = attributes?.style?.position?.type;
+  return positionType === "sticky" || positionType === "fixed";
+}
+function resetPosition({ attributes = {}, setAttributes }) {
+  const { style = {} } = attributes;
+  setAttributes({
+    style: (0, import_utils.cleanEmptyObject)({
+      ...style,
+      position: {
+        ...style?.position,
+        type: void 0,
+        top: void 0,
+        right: void 0,
+        bottom: void 0,
+        left: void 0
+      }
+    })
+  });
+}
+function useIsPositionDisabled({ name: blockName } = {}) {
+  const [allowFixed, allowSticky] = (0, import_use_settings.useSettings)(
+    "position.fixed",
+    "position.sticky"
+  );
+  const isDisabled = !allowFixed && !allowSticky;
+  return !hasPositionSupport(blockName) || isDisabled;
+}
+function PositionPanelPure({
+  style = {},
+  clientId,
+  name: blockName,
+  setAttributes
+}) {
+  const allowFixed = hasFixedPositionSupport(blockName);
+  const allowSticky = hasStickyPositionSupport(blockName);
+  const value = style?.position?.type;
+  const { firstParentClientId } = (0, import_data.useSelect)(
+    (select) => {
+      const { getBlockParents } = select(import_store.store);
+      const parents = getBlockParents(clientId);
+      return { firstParentClientId: parents[parents.length - 1] };
+    },
+    [clientId]
+  );
+  const blockInformation = (0, import_use_block_display_information.default)(firstParentClientId);
+  const stickyHelpText = allowSticky && value === STICKY_OPTION.value && blockInformation ? (0, import_i18n.sprintf)(
+    /* translators: %s: the name of the parent block. */
+    (0, import_i18n.__)(
+      "The block will stick to the scrollable area of the parent %s block."
+    ),
+    blockInformation.title
+  ) : null;
+  const options = (0, import_element.useMemo)(() => {
+    const availableOptions = [DEFAULT_OPTION];
+    if (allowSticky || value === STICKY_OPTION.value) {
+      availableOptions.push(STICKY_OPTION);
+    }
+    if (allowFixed || value === FIXED_OPTION.value) {
+      availableOptions.push(FIXED_OPTION);
+    }
+    return availableOptions;
+  }, [allowFixed, allowSticky, value]);
+  const onChangeType = (next) => {
+    const placementValue = "0px";
+    const newStyle = {
+      ...style,
+      position: {
+        ...style?.position,
+        type: next,
+        top: next === "sticky" || next === "fixed" ? placementValue : void 0
+      }
+    };
+    setAttributes({
+      style: (0, import_utils.cleanEmptyObject)(newStyle)
+    });
+  };
+  const selectedOption = value ? options.find((option) => option.value === value) || DEFAULT_OPTION : DEFAULT_OPTION;
+  return import_element.Platform.select({
+    web: options.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inspector_controls.default, { group: "position", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl, { help: stickyHelpText, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.CustomSelectControl,
+      {
+        __next40pxDefaultSize: true,
+        label: (0, import_i18n.__)("Position"),
+        hideLabelFromVision: true,
+        describedBy: (0, import_i18n.sprintf)(
+          // translators: %s: Currently selected position.
+          (0, import_i18n.__)("Currently selected position: %s"),
+          selectedOption.name
+        ),
+        options,
+        value: selectedOption,
+        onChange: ({ selectedItem }) => {
+          onChangeType(selectedItem.value);
+        },
+        size: "__unstable-large"
+      }
+    ) }) }) : null,
+    native: null
+  });
+}
+var position_default = {
+  edit: function Edit(props) {
+    const isPositionDisabled = useIsPositionDisabled(props);
+    if (isPositionDisabled) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PositionPanelPure, { ...props });
+  },
+  useBlockProps,
+  attributeKeys: ["style"],
+  hasSupport(name) {
+    return (0, import_blocks.hasBlockSupport)(name, POSITION_SUPPORT_KEY);
+  }
+};
+var POSITION_BLOCK_PROPS_REFERENCE = {};
+function useBlockProps({ name, style }) {
+  const hasPositionBlockSupport = (0, import_blocks.hasBlockSupport)(
+    name,
+    POSITION_SUPPORT_KEY
+  );
+  const isPositionDisabled = useIsPositionDisabled({ name });
+  const allowPositionStyles = hasPositionBlockSupport && !isPositionDisabled;
+  const id = (0, import_compose.useInstanceId)(POSITION_BLOCK_PROPS_REFERENCE);
+  const positionSelector = `.wp-container-${id}.wp-container-${id}`;
+  let css;
+  if (allowPositionStyles) {
+    css = getPositionCSS({
+      selector: positionSelector,
+      style
+    }) || "";
+  }
+  const className = (0, import_clsx.default)({
+    [`wp-container-${id}`]: allowPositionStyles && !!css,
+    // Only attach a container class if there is generated CSS to be attached.
+    [`is-position-${style?.position?.type}`]: allowPositionStyles && !!css && !!style?.position?.type
+  });
+  (0, import_utils.useStyleOverride)({ css });
+  return { className };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PositionPanelPure,
+  getPositionCSS,
+  hasFixedPositionSupport,
+  hasPositionSupport,
+  hasPositionValue,
+  hasStickyOrFixedPositionValue,
+  hasStickyPositionSupport,
+  resetPosition,
+  useIsPositionDisabled
+});
+//# sourceMappingURL=position.cjs.map

package/build/hooks/position.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/position.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport { getBlockSupport, hasBlockSupport } from '@wordpress/blocks';\nimport { BaseControl, CustomSelectControl } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo, Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../components/use-settings';\nimport InspectorControls from '../components/inspector-controls';\nimport useBlockDisplayInformation from '../components/use-block-display-information';\nimport { cleanEmptyObject, useStyleOverride } from './utils';\nimport { store as blockEditorStore } from '../store';\n\nconst POSITION_SUPPORT_KEY = 'position';\n\nconst DEFAULT_OPTION = {\n\tkey: 'default',\n\tvalue: '',\n\tname: __( 'Default' ),\n};\n\nconst STICKY_OPTION = {\n\tkey: 'sticky',\n\tvalue: 'sticky',\n\tname: _x( 'Sticky', 'Name for the value of the CSS position property' ),\n\thint: __(\n\t\t'The block will stick to the top of the window instead of scrolling.'\n\t),\n};\n\nconst FIXED_OPTION = {\n\tkey: 'fixed',\n\tvalue: 'fixed',\n\tname: _x( 'Fixed', 'Name for the value of the CSS position property' ),\n\thint: __( 'The block will not move when the page is scrolled.' ),\n};\n\nconst POSITION_SIDES = [ 'top', 'right', 'bottom', 'left' ];\nconst VALID_POSITION_TYPES = [ 'sticky', 'fixed' ];\n\n/**\n * Get calculated position CSS.\n *\n * @param {Object} props          Component props.\n * @param {string} props.selector Selector to use.\n * @param {Object} props.style    Style object.\n * @return {string} The generated CSS rules.\n */\nexport function getPositionCSS( { selector, style } ) {\n\tlet output = '';\n\n\tconst { type: positionType } = style?.position || {};\n\n\tif ( ! VALID_POSITION_TYPES.includes( positionType ) ) {\n\t\treturn output;\n\t}\n\n\toutput += `${ selector } {`;\n\toutput += `position: ${ positionType };`;\n\n\tPOSITION_SIDES.forEach( ( side ) => {\n\t\tif ( style?.position?.[ side ] !== undefined ) {\n\t\t\toutput += `${ side }: ${ style.position[ side ] };`;\n\t\t}\n\t} );\n\n\tif ( positionType === 'sticky' || positionType === 'fixed' ) {\n\t\t// TODO: Replace hard-coded z-index value with a z-index preset approach in theme.json.\n\t\toutput += `z-index: 10`;\n\t}\n\toutput += `}`;\n\n\treturn output;\n}\n\n/**\n * Determines if there is sticky position support.\n *\n * @param {string|Object} blockType Block name or Block Type object.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasStickyPositionSupport( blockType ) {\n\tconst support = getBlockSupport( blockType, POSITION_SUPPORT_KEY );\n\treturn !! ( true === support || support?.sticky );\n}\n\n/**\n * Determines if there is fixed position support.\n *\n * @param {string|Object} blockType Block name or Block Type object.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasFixedPositionSupport( blockType ) {\n\tconst support = getBlockSupport( blockType, POSITION_SUPPORT_KEY );\n\treturn !! ( true === support || support?.fixed );\n}\n\n/**\n * Determines if there is position support.\n *\n * @param {string|Object} blockType Block name or Block Type object.\n *\n * @return {boolean} Whether there is support.\n */\nexport function hasPositionSupport( blockType ) {\n\tconst support = getBlockSupport( blockType, POSITION_SUPPORT_KEY );\n\treturn !! support;\n}\n\n/**\n * Checks if there is a current value in the position block support attributes.\n *\n * @param {Object} props Block props.\n * @return {boolean} Whether or not the block has a position value set.\n */\nexport function hasPositionValue( props ) {\n\treturn props.attributes.style?.position?.type !== undefined;\n}\n\n/**\n * Checks if the block is currently set to a sticky or fixed position.\n * This check is helpful for determining how to position block toolbars or other elements.\n *\n * @param {Object} attributes Block attributes.\n * @return {boolean} Whether or not the block is set to a sticky or fixed position.\n */\nexport function hasStickyOrFixedPositionValue( attributes ) {\n\tconst positionType = attributes?.style?.position?.type;\n\treturn positionType === 'sticky' || positionType === 'fixed';\n}\n\n/**\n * Resets the position block support attributes. This can be used when disabling\n * the position support controls for a block via a `ToolsPanel`.\n *\n * @param {Object} props               Block props.\n * @param {Object} props.attributes    Block's attributes.\n * @param {Object} props.setAttributes Function to set block's attributes.\n */\nexport function resetPosition( { attributes = {}, setAttributes } ) {\n\tconst { style = {} } = attributes;\n\n\tsetAttributes( {\n\t\tstyle: cleanEmptyObject( {\n\t\t\t...style,\n\t\t\tposition: {\n\t\t\t\t...style?.position,\n\t\t\t\ttype: undefined,\n\t\t\t\ttop: undefined,\n\t\t\t\tright: undefined,\n\t\t\t\tbottom: undefined,\n\t\t\t\tleft: undefined,\n\t\t\t},\n\t\t} ),\n\t} );\n}\n\n/**\n * Custom hook that checks if position settings have been disabled.\n *\n * @param {string} name The name of the block.\n *\n * @return {boolean} Whether padding setting is disabled.\n */\nexport function useIsPositionDisabled( { name: blockName } = {} ) {\n\tconst [ allowFixed, allowSticky ] = useSettings(\n\t\t'position.fixed',\n\t\t'position.sticky'\n\t);\n\tconst isDisabled = ! allowFixed && ! allowSticky;\n\n\treturn ! hasPositionSupport( blockName ) || isDisabled;\n}\n\n/*\n * Position controls rendered in an inspector control panel.\n *\n * @param {Object} props\n *\n * @return {Element} Position panel.\n */\nexport function PositionPanelPure( {\n\tstyle = {},\n\tclientId,\n\tname: blockName,\n\tsetAttributes,\n} ) {\n\tconst allowFixed = hasFixedPositionSupport( blockName );\n\tconst allowSticky = hasStickyPositionSupport( blockName );\n\tconst value = style?.position?.type;\n\n\tconst { firstParentClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockParents } = select( blockEditorStore );\n\t\t\tconst parents = getBlockParents( clientId );\n\t\t\treturn { firstParentClientId: parents[ parents.length - 1 ] };\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst blockInformation = useBlockDisplayInformation( firstParentClientId );\n\tconst stickyHelpText =\n\t\tallowSticky && value === STICKY_OPTION.value && blockInformation\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %s: the name of the parent block. */\n\t\t\t\t\t__(\n\t\t\t\t\t\t'The block will stick to the scrollable area of the parent %s block.'\n\t\t\t\t\t),\n\t\t\t\t\tblockInformation.title\n\t\t\t  )\n\t\t\t: null;\n\n\tconst options = useMemo( () => {\n\t\tconst availableOptions = [ DEFAULT_OPTION ];\n\t\t// Display options if they are allowed, or if a block already has a valid value set.\n\t\t// This allows for a block to be switched off from a position type that is not allowed.\n\t\tif ( allowSticky || value === STICKY_OPTION.value ) {\n\t\t\tavailableOptions.push( STICKY_OPTION );\n\t\t}\n\t\tif ( allowFixed || value === FIXED_OPTION.value ) {\n\t\t\tavailableOptions.push( FIXED_OPTION );\n\t\t}\n\t\treturn availableOptions;\n\t}, [ allowFixed, allowSticky, value ] );\n\n\tconst onChangeType = ( next ) => {\n\t\t// For now, use a hard-coded `0px` value for the position.\n\t\t// `0px` is preferred over `0` as it can be used in `calc()` functions.\n\t\t// In the future, it could be useful to allow for an offset value.\n\t\tconst placementValue = '0px';\n\n\t\tconst newStyle = {\n\t\t\t...style,\n\t\t\tposition: {\n\t\t\t\t...style?.position,\n\t\t\t\ttype: next,\n\t\t\t\ttop:\n\t\t\t\t\tnext === 'sticky' || next === 'fixed'\n\t\t\t\t\t\t? placementValue\n\t\t\t\t\t\t: undefined,\n\t\t\t},\n\t\t};\n\n\t\tsetAttributes( {\n\t\t\tstyle: cleanEmptyObject( newStyle ),\n\t\t} );\n\t};\n\n\tconst selectedOption = value\n\t\t? options.find( ( option ) => option.value === value ) || DEFAULT_OPTION\n\t\t: DEFAULT_OPTION;\n\n\t// Only display position controls if there is at least one option to choose from.\n\treturn Platform.select( {\n\t\tweb:\n\t\t\toptions.length > 1 ? (\n\t\t\t\t<InspectorControls group=\"position\">\n\t\t\t\t\t<BaseControl help={ stickyHelpText }>\n\t\t\t\t\t\t<CustomSelectControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Position' ) }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tdescribedBy={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Currently selected position.\n\t\t\t\t\t\t\t\t__( 'Currently selected position: %s' ),\n\t\t\t\t\t\t\t\tselectedOption.name\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\toptions={ options }\n\t\t\t\t\t\t\tvalue={ selectedOption }\n\t\t\t\t\t\t\tonChange={ ( { selectedItem } ) => {\n\t\t\t\t\t\t\t\tonChangeType( selectedItem.value );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BaseControl>\n\t\t\t\t</InspectorControls>\n\t\t\t) : null,\n\t\tnative: null,\n\t} );\n}\n\nexport default {\n\tedit: function Edit( props ) {\n\t\tconst isPositionDisabled = useIsPositionDisabled( props );\n\t\tif ( isPositionDisabled ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn <PositionPanelPure { ...props } />;\n\t},\n\tuseBlockProps,\n\tattributeKeys: [ 'style' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, POSITION_SUPPORT_KEY );\n\t},\n};\n\n// Used for generating the instance ID\nconst POSITION_BLOCK_PROPS_REFERENCE = {};\n\nfunction useBlockProps( { name, style } ) {\n\tconst hasPositionBlockSupport = hasBlockSupport(\n\t\tname,\n\t\tPOSITION_SUPPORT_KEY\n\t);\n\tconst isPositionDisabled = useIsPositionDisabled( { name } );\n\tconst allowPositionStyles = hasPositionBlockSupport && ! isPositionDisabled;\n\n\tconst id = useInstanceId( POSITION_BLOCK_PROPS_REFERENCE );\n\n\t// Higher specificity to override defaults in editor UI.\n\tconst positionSelector = `.wp-container-${ id }.wp-container-${ id }`;\n\n\t// Get CSS string for the current position values.\n\tlet css;\n\tif ( allowPositionStyles ) {\n\t\tcss =\n\t\t\tgetPositionCSS( {\n\t\t\t\tselector: positionSelector,\n\t\t\t\tstyle,\n\t\t\t} ) || '';\n\t}\n\n\t// Attach a `wp-container-` id-based class name.\n\tconst className = clsx( {\n\t\t[ `wp-container-${ id }` ]: allowPositionStyles && !! css, // Only attach a container class if there is generated CSS to be attached.\n\t\t[ `is-position-${ style?.position?.type }` ]:\n\t\t\tallowPositionStyles && !! css && !! style?.position?.type,\n\t} );\n\n\tuseStyleOverride( { css } );\n\n\treturn { className };\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorStore", "useBlockDisplayInformation", "InspectorControls", "clsx"]
+}

package/build/hooks/settings.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+// packages/block-editor/src/hooks/settings.js
+var import_hooks = require("@wordpress/hooks");
+var import_blocks = require("@wordpress/blocks");
+var hasSettingsSupport = (blockType) => (0, import_blocks.hasBlockSupport)(blockType, "__experimentalSettings", false);
+function addAttribute(settings) {
+  if (!hasSettingsSupport(settings)) {
+    return settings;
+  }
+  if (!settings?.attributes?.settings) {
+    settings.attributes = {
+      ...settings.attributes,
+      settings: {
+        type: "object"
+      }
+    };
+  }
+  return settings;
+}
+(0, import_hooks.addFilter)(
+  "blocks.registerBlockType",
+  "core/settings/addAttribute",
+  addAttribute
+);
+//# sourceMappingURL=settings.cjs.map