@plaudit/gutenberg-api-extensions 2.6.0 → 2.7.0

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

@@ -1,4 +1,5 @@
 import type { BlockIcon } from "@wordpress/blocks";
+import type { RadioControlProps } from "@wordpress/components/build-types/radio-control/types";
 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";
@@ -27,6 +28,12 @@ export declare function rangeProperty(config: CommonPropertyConfig<number, Range
     step?: number;
     enum?: number[];
 }): SimpleNativeProperty;
+export declare function radioProperty(config: CommonPropertyConfig<string, RadioControlProps> & {
+    options: PickableOptions<string>;
+}): SimpleNativeProperty;
+export declare function selectProperty(config: CommonPropertyConfig<string, never> & {
+    options: PickableOptions<string>;
+}): SimpleNativeProperty;
 export declare function toggleProperty(config: CommonPropertyConfig<boolean, ToggleControlProps>): SimpleNativeProperty;
 type ToggleGroupPropertyConfigBase<T extends string | number> = CommonPropertyConfig<T, ToggleGroupControlProps> & {
     options: PickableOptions<T, {

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, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalHeading as Heading, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon } from "@wordpress/components";
+import { Button, Card, CardBody, CardHeader, FocalPointPicker, RadioControl, RangeControl, SelectControl, ResponsiveWrapper, TextareaControl, TextControl, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalHeading as Heading, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalToggleGroupControlOptionIcon as ToggleGroupControlOptionIcon } from "@wordpress/components";
 import { useSelect } from "@wordpress/data";
 import { __ } from "@wordpress/i18n";
 import React from "react";
@@ -16,6 +16,32 @@ export function rangeProperty(config) {
         }
     };
 }
+export function radioProperty(config) {
+    return {
+        name: config.name,
+        type: 'string',
+        enum: config.enum,
+        default: config.default,
+        condition: config.condition,
+        alwaysStore: config.alwaysStore,
+        renderer(value, onChange) {
+            return React.createElement(RadioControl, Object.assign({ selected: value, onChange: onChange, options: asOptions(config.options), label: config.label, help: config.help }, config.component));
+        }
+    };
+}
+export function selectProperty(config) {
+    return {
+        name: config.name,
+        type: 'string',
+        enum: config.enum,
+        default: config.default,
+        condition: config.condition,
+        alwaysStore: config.alwaysStore,
+        renderer(value, onChange) {
+            return React.createElement(SelectControl, { value: value !== null && value !== void 0 ? value : '', onChange: onChange, options: asOptions(config.options, ''), label: config.label, help: config.help });
+        }
+    };
+}
 export function toggleProperty(config) {
     return {
         name: config.name,
@@ -129,3 +155,10 @@ export function imageProperty(config) {
         }
     };
 }
+function asOptions(options, noSelectionValue) {
+    const res = options.map(opt => ({ value: opt[0], label: typeof opt[1] === 'string' ? opt[1] : opt[1].text }));
+    if (noSelectionValue !== undefined && !res.some(opt => !opt.value)) {
+        res.splice(0, 0, { value: noSelectionValue, label: "-- No Selection --" });
+    }
+    return res;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plaudit/gutenberg-api-extensions",
-	"version": "2.6.0",
+	"version": "2.7.0",
 	"scripts": {
 		"prepublishOnly": "rm -rf build && mkdir build && tsc",
 		"build": "tsc",
@@ -34,7 +34,7 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@types/react": "^18.2.55",
+		"@types/react": "^18.2.57",
 		"@types/wordpress__block-editor": "^11.5.10",
 		"@types/wordpress__blocks": "^12.5.13",
 		"typescript": "^5.3.3"