@plaudit/gutenberg-api-extensions 2.2.0 → 2.4.0

package/build/blocks/common-native-property-implementations.d.ts

@@ -1,6 +1,7 @@
 import type { RangeControlProps } from "@wordpress/components/build-types/range-control/types";
 import type { TextControlProps } from "@wordpress/components/build-types/text-control/types";
 import type { TextareaControlProps } from "@wordpress/components/build-types/textarea-control/types";
+import type { ToggleControlProps } from "@wordpress/components/build-types/toggle-control/types";
 import type { SimpleNativeProperty } from "./simple-native-property";
 type CommonPropertyConfig<T, V> = {
     name: string;
@@ -8,6 +9,7 @@ type CommonPropertyConfig<T, V> = {
     default: T;
     enum?: T[];
     component?: V;
+    help?: string;
 };
 export declare function rangeProperty(config: CommonPropertyConfig<number, RangeControlProps> & {
     min: number;
@@ -15,6 +17,7 @@ export declare function rangeProperty(config: CommonPropertyConfig<number, Range
     step?: number;
     enum?: number[];
 }): SimpleNativeProperty;
+export declare function toggleProperty(config: CommonPropertyConfig<boolean, ToggleControlProps>): SimpleNativeProperty;
 export declare function textProperty(config: CommonPropertyConfig<string, TextControlProps>): SimpleNativeProperty;
 export declare function textareaProperty(config: CommonPropertyConfig<string, TextareaControlProps>): SimpleNativeProperty;
 export type ImagePropertyData = {

package/build/blocks/common-native-property-implementations.js

@@ -1,5 +1,5 @@
 import { MediaUpload, MediaUploadCheck } from "@wordpress/block-editor";
-import { Button, Card, CardBody, CardHeader, FocalPointPicker, RangeControl, ResponsiveWrapper, TextareaControl, TextControl, __experimentalHeading as Heading } from "@wordpress/components";
+import { Button, Card, CardBody, CardHeader, FocalPointPicker, RangeControl, ResponsiveWrapper, TextareaControl, TextControl, __experimentalHeading as Heading, ToggleControl } from "@wordpress/components";
 import { useSelect } from "@wordpress/data";
 import { __ } from "@wordpress/i18n";
 import React from "react";
@@ -10,7 +10,17 @@ export function rangeProperty(config) {
         enum: config.enum,
         default: config.default,
         renderer(value, onChange) {
-            return React.createElement(RangeControl, Object.assign({ value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, step: config.step }, config.component));
+            return React.createElement(RangeControl, Object.assign({ value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, step: config.step, help: config.help }, config.component));
+        }
+    };
+}
+export function toggleProperty(config) {
+    return {
+        name: config.name,
+        type: 'boolean',
+        default: config.default,
+        renderer(value, onChange) {
+            return React.createElement(ToggleControl, Object.assign({ checked: value, onChange: onChange, label: config.label, help: config.help }, config.component));
         }
     };
 }
@@ -20,7 +30,7 @@ export function textProperty(config) {
         type: 'string',
         default: config.default,
         renderer(value, onChange) {
-            return React.createElement(TextControl, Object.assign({ value: value, onChange: onChange }, config.component));
+            return React.createElement(TextControl, Object.assign({ value: value, onChange: onChange, label: config.label, help: config.help }, config.component));
         }
     };
 }
@@ -30,7 +40,7 @@ export function textareaProperty(config) {
         type: 'string',
         default: config.default,
         renderer(value, onChange) {
-            return React.createElement(TextareaControl, Object.assign({ value: value, onChange: onChange }, config.component));
+            return React.createElement(TextareaControl, Object.assign({ value: value, onChange: onChange, label: config.label, help: config.help }, config.component));
         }
     };
 }

package/build/blocks/index.d.ts

@@ -2,3 +2,4 @@ export * from "./simple-block";
 export * from "./layered-styles";
 export * from "./simple-native-property";
 export * from './common-native-property-implementations';
+export declare function installGutenbergBlockExtensions(): void;

package/build/blocks/index.js

@@ -1,4 +1,10 @@
+import { installLayeredBlockStylesSupport } from "./layered-styles";
+import { installSimpleNativePropertiesSupport } from "./simple-native-property";
 export * from "./simple-block";
 export * from "./layered-styles";
 export * from "./simple-native-property";
 export * from './common-native-property-implementations';
+export function installGutenbergBlockExtensions() {
+    installLayeredBlockStylesSupport();
+    installSimpleNativePropertiesSupport();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plaudit/gutenberg-api-extensions",
-	"version": "2.2.0",
+	"version": "2.4.0",
 	"scripts": {
 		"prepublishOnly": "rm -rf build && mkdir build && tsc",
 		"build": "tsc",
@@ -21,11 +21,11 @@
 		}
 	},
 	"dependencies": {
-		"@wordpress/block-editor": "^12.19.0",
-		"@wordpress/blocks": "^12.28.0",
-		"@wordpress/components": "^26.0.0",
+		"@wordpress/block-editor": "^12.19.1",
+		"@wordpress/blocks": "^12.28.1",
+		"@wordpress/components": "^26.0.1",
 		"@wordpress/compose": "^6.28.0",
-		"@wordpress/core-data": "^6.28.0",
+		"@wordpress/core-data": "^6.28.1",
 		"@wordpress/data": "^9.21.0",
 		"@wordpress/element": "^5.28.0",
 		"@wordpress/hooks": "^3.51.0",