@plaudit/gutenberg-api-extensions 1.4.2 → 1.5.0

package/build/blocks/simple-block.d.ts

@@ -1,13 +1,22 @@
 import { type Block, type BlockConfiguration, type BlockSaveProps } from "@wordpress/blocks";
 import { InnerBlocks } from "@wordpress/block-editor";
 import type { UseBlockProps } from "@wordpress/block-editor/components/use-block-props";
-import React, { type ReactNode } from "react";
+import React, { type ComponentType, type ReactNode } from "react";
 export type SimpleBlockTypeConfig<TAttributes extends Record<string, any>> = {
     icon?: BlockConfiguration<TAttributes>['icon'] | undefined;
-    defaults: Required<TAttributes>;
+    defaults?: Required<TAttributes>;
     controls?: NonNullable<Block<TAttributes>['edit']>;
     renderer: (attributes: BlockSaveProps<TAttributes>, wrapperProps: UseBlockProps | UseBlockProps['save'], InnerBlocks: () => React.ReactElement, mode: "edit" | "save") => ReactNode;
     innerBlocksProps?: InnerBlocks.Props;
     settings?: Partial<BlockConfiguration<TAttributes>>;
 };
+declare function applyDefaults<TAttributes extends Record<string, any>, K extends BlockSaveProps<TAttributes>>(config: Omit<SimpleBlockTypeConfig<TAttributes>, 'renderer'>, props: K): Omit<K, "attributes"> & {
+    attributes: { [P in keyof K["attributes"]]: K["attributes"][P]; };
+};
 export declare function registerSimpleBlockType<TAttributes extends Record<string, any> = {}>(metadata: BlockConfiguration<TAttributes>, config: SimpleBlockTypeConfig<TAttributes>): Block<TAttributes> | undefined;
+type SimpleContainerTypeConfig<TAttributes extends Record<string, any>> = Omit<SimpleBlockTypeConfig<TAttributes>, 'renderer'> & {
+    tag?: ComponentType;
+    attributesFromProps?: (arg: ReturnType<typeof applyDefaults<TAttributes, BlockSaveProps<TAttributes>>>, mode: "edit" | "save") => Parameters<UseBlockProps | UseBlockProps['save']>[0];
+};
+export declare function registerSimpleContainerBlock<TAttributes extends Record<string, any> = {}>(metadata: BlockConfiguration<TAttributes>, config: SimpleContainerTypeConfig<TAttributes>): Block<TAttributes> | undefined;
+export {};

package/build/blocks/simple-block.js

@@ -1,26 +1,41 @@
 import { registerBlockType } from "@wordpress/blocks";
-import { InnerBlocks, useBlockProps } from "@wordpress/block-editor";
+import { InnerBlocks, useBlockProps, useInnerBlocksProps } from "@wordpress/block-editor";
 import { plauditIcon } from "../lib/plaudit-icons";
 import React from "react";
-export function registerSimpleBlockType(metadata, config) {
+function applyDefaults(config, props) {
     var _a;
-    function applyDefaults(props) {
-        const mutableProps = Object.assign(Object.assign({}, props), { attributes: Object.assign({}, props.attributes) });
-        for (const [k, v] of Object.entries(config.defaults)) {
-            if (mutableProps.attributes[k] === undefined) {
-                mutableProps.attributes[k] = v;
-            }
+    const mutableProps = Object.assign(Object.assign({}, props), { attributes: Object.assign({}, props.attributes) });
+    for (const [k, v] of Object.entries((_a = config.defaults) !== null && _a !== void 0 ? _a : {})) {
+        if (mutableProps.attributes[k] === undefined) {
+            mutableProps.attributes[k] = v;
         }
-        return mutableProps;
     }
+    return mutableProps;
+}
+export function registerSimpleBlockType(metadata, config) {
+    var _a;
     return registerBlockType(metadata, Object.assign(Object.assign({}, config.settings), { icon: (_a = config.icon) !== null && _a !== void 0 ? _a : plauditIcon, edit(props) {
-            const populatedProps = applyDefaults(props);
-            const rendered = config.renderer(populatedProps, useBlockProps, () => React.createElement(InnerBlocks, Object.assign({}, config.innerBlocksProps)), "edit");
+            const populatedProps = applyDefaults(config, props);
+            return React.createElement(React.Fragment, null,
+                config.controls && React.createElement(config.controls, Object.assign({}, populatedProps)),
+                config.renderer(populatedProps, useBlockProps, () => React.createElement(InnerBlocks, Object.assign({}, config.innerBlocksProps)), "edit"));
+        },
+        save(props) {
+            return config.renderer(applyDefaults(config, props), useBlockProps.save, () => React.createElement(InnerBlocks.Content, null), "save");
+        } }));
+}
+export function registerSimpleContainerBlock(metadata, config) {
+    var _a, _b;
+    const Tag = (_a = config.tag) !== null && _a !== void 0 ? _a : ((props) => React.createElement("div", Object.assign({}, props)));
+    return registerBlockType(metadata, Object.assign(Object.assign({}, config.settings), { icon: (_b = config.icon) !== null && _b !== void 0 ? _b : plauditIcon, edit(props) {
+            var _a;
+            const populatedProps = applyDefaults(config, props);
             return React.createElement(React.Fragment, null,
                 config.controls && React.createElement(config.controls, Object.assign({}, populatedProps)),
-                rendered);
+                React.createElement(Tag, Object.assign({}, useInnerBlocksProps(useBlockProps(((_a = config.attributesFromProps) !== null && _a !== void 0 ? _a : (() => ({})))(populatedProps, "edit")), config.innerBlocksProps))));
         },
         save(props) {
-            return config.renderer(applyDefaults(props), useBlockProps.save, () => React.createElement(InnerBlocks.Content, null), "save");
+            var _a;
+            return React.createElement(Tag, Object.assign({}, useInnerBlocksProps.save(useBlockProps.save(((_a = config.attributesFromProps) !== null && _a !== void 0 ? _a : (() => ({})))(applyDefaults(config, props), "edit")))));
         } }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plaudit/gutenberg-api-extensions",
-	"version": "1.4.2",
+	"version": "1.5.0",
 	"scripts": {
 		"prepublishOnly": "rm -rf build && mkdir build && tsc",
 		"build": "tsc",