@wordpress/block-library/build-module/text-columns/edit.js

Block library for the WordPress editor.

import { Fragment, jsx, jsxs } from "react/jsx-runtime";
import { __, sprintf } from "@wordpress/i18n";
import { PanelBody, RangeControl } from "@wordpress/components";
import {
  BlockControls,
  BlockAlignmentToolbar,
  InspectorControls,
  RichText,
  useBlockProps
} from "@wordpress/block-editor";
import deprecated from "@wordpress/deprecated";
function TextColumnsEdit({ attributes, setAttributes }) {
  const { width, content, columns } = attributes;
  deprecated("The Text Columns block", {
    since: "5.3",
    alternative: "the Columns block"
  });
  return /* @__PURE__ */ jsxs(Fragment, { children: [
    /* @__PURE__ */ jsx(BlockControls, { children: /* @__PURE__ */ jsx(
      BlockAlignmentToolbar,
      {
        value: width,
        onChange: (nextWidth) => setAttributes({ width: nextWidth }),
        controls: ["center", "wide", "full"]
      }
    ) }),
    /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsx(PanelBody, { children: /* @__PURE__ */ jsx(
      RangeControl,
      {
        __nextHasNoMarginBottom: true,
        __next40pxDefaultSize: true,
        label: __("Columns"),
        value: columns,
        onChange: (value) => setAttributes({ columns: value }),
        min: 2,
        max: 4,
        required: true
      }
    ) }) }),
    /* @__PURE__ */ jsx(
      "div",
      {
        ...useBlockProps({
          className: `align${width} columns-${columns}`
        }),
        children: Array.from({ length: columns }).map((_, index) => {
          return /* @__PURE__ */ jsx(
            "div",
            {
              className: "wp-block-column",
              children: /* @__PURE__ */ jsx(
                RichText,
                {
                  tagName: "p",
                  value: content?.[index]?.children,
                  onChange: (nextContent) => {
                    setAttributes({
                      content: [
                        ...content.slice(0, index),
                        { children: nextContent },
                        ...content.slice(index + 1)
                      ]
                    });
                  },
                  "aria-label": sprintf(
                    // translators: %d: column index (starting with 1)
                    __("Column %d text"),
                    index + 1
                  ),
                  placeholder: __("New Column")
                }
              )
            },
            `column-${index}`
          );
        })
      }
    )
  ] });
}
export {
  TextColumnsEdit as default
};
//# sourceMappingURL=edit.js.map