@plaudit/gutenberg-api-extensions 2.78.2 → 2.80.0

package/{build → dist}/blocks/common-native-property-constructors.js

@@ -1,23 +1,32 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { BaseControl, ColorPalette, DatePicker, DateTimePicker, Disabled, RadioControl, RangeControl, SelectControl, TextControl, ToggleControl, useBaseControlProps, __experimentalToggleGroupControl as ToggleGroupControl } from "@wordpress/components";
-import { dispatch, select } from "@wordpress/data";
-import { useCallback, useMemo, useRef } from "@wordpress/element";
-import { applyFilters } from "@wordpress/hooks";
-import { ExtendedPostPicker, ExtendedRadioControl, ImageControl, ExtendedTextareaControl, MultiSelectControl, ProperLinkControl, SortableItemsControl, FullSizeToggleControl, ToggleGroupControlOptionWithOptionalIcon, ExtendedTaxonomyPicker, ExtendedTermPicker } from "../controls";
-import { normalizePickableOptionsToObjects, normalizePickableOptionsToPairs } from "../controls/shared";
-import { useSuspendableOptions } from "./hooks/useSuspendableOptions";
-import { makeToolsPanelContextValue, ToolsPanelContext } from "./layout/ToolsPanelContext";
-import { clone } from "../lib/helpers";
-import { arrayIsNotEmpty } from "../lib/useful-types";
-import { SNPFlexibleItemsListComponent } from "./SNPFlexibleItemsListComponent";
-import { SNPGroupComponent } from "./SNPGroupComponent";
-import { SNPListComponent } from "./SNPListComponent";
-export function hydrateSimpleNativeProperty(config, parentPath, outsideHydrationInfo, parentTypes) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hydrateSimpleNativeProperty = hydrateSimpleNativeProperty;
+exports.hydratePostProperty = hydratePostProperty;
+exports.hydrateUserProperty = hydrateUserProperty;
+exports.hydrateTaxonomyProperty = hydrateTaxonomyProperty;
+exports.hydrateTermProperty = hydrateTermProperty;
+exports.registerPlainTextLabelRequiredMarker = registerPlainTextLabelRequiredMarker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const data_1 = require("@wordpress/data");
+const element_1 = require("@wordpress/element");
+const hooks_1 = require("@wordpress/hooks");
+const controls_1 = require("../controls");
+const shared_1 = require("../controls/shared");
+const useSuspendableOptions_1 = require("./hooks/useSuspendableOptions");
+const ToolsPanelContext_1 = require("./layout/ToolsPanelContext");
+const helpers_1 = require("../lib/helpers");
+const useful_types_1 = require("../lib/useful-types");
+const SNPFlexibleItemsListComponent_1 = require("./SNPFlexibleItemsListComponent");
+const SNPGroupComponent_1 = require("./SNPGroupComponent");
+const SNPListComponent_1 = require("./SNPListComponent");
+const csnp_api_1 = require("./csnp-api");
+function hydrateSimpleNativeProperty(config, parentPath, outsideHydrationInfo, parentTypes) {
     const propPath = parentPath.length !== 0 ? parentPath + "." + config.name : config.name;
     if (parentPath.length === 0) {
         config = injectBlockSourcedDefault(config, outsideHydrationInfo.blockName);
     }
-    config = applyFilters('plaudit.gutenbergApiExtensions.simpleNativeProperties.field', config, outsideHydrationInfo.blockName, propPath);
+    config = (0, hooks_1.applyFilters)('plaudit.gutenbergApiExtensions.simpleNativeProperties.field', config, outsideHydrationInfo.blockName, propPath);
     const res = typeof config.control === 'string'
         ? hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydrationInfo, parentTypes) : config;
     validateAndRecordPotentialStyleProperty(res, propPath, outsideHydrationInfo, parentTypes);
@@ -29,19 +38,19 @@ function validateAndRecordPotentialStyleProperty(config, propPath, { forLayeredS
             console.error(`A SNP was configured with a styleProperty, but it is within an array-type SNP. This is unsupported`, "SNP in error:", config);
         }
         else {
-            dispatch('plaudit/gutenberg-api-extensions')
+            (0, data_1.dispatch)('plaudit/gutenberg-api-extensions')
                 .addOrUpdateExtraPropTransform(blockName, propPath, { propName: config.name, forLayeredStyles, styleProperty: config.styleProperty });
         }
     }
 }
 function injectBlockSourcedDefault(config, blockName) {
     if (config.default === undefined) {
-        const existingAttr = select('plaudit/gutenberg-api-extensions').baselineBlockAttrs(blockName)?.attributes?.[config.name];
+        const existingAttr = (0, data_1.select)('plaudit/gutenberg-api-extensions').baselineBlockAttrs(blockName)?.attributes?.[config.name];
         if (existingAttr && typeof existingAttr === 'object' && 'default' in existingAttr) {
             if (existingAttr.default !== undefined) {
-                const expectedPropType = getPropType(config);
+                const expectedPropType = (0, csnp_api_1.getPropType)(config);
                 if (expectedPropType === 'array' ? Array.isArray(existingAttr.default) : (typeof existingAttr.default) === expectedPropType) {
-                    return { ...config, default: clone(existingAttr.default) };
+                    return { ...config, default: (0, helpers_1.clone)(existingAttr.default) };
                 }
                 else {
                     console.error('Encountered a preexisting default value on a block that does not overlap with the datatype for an SNP');
@@ -51,46 +60,6 @@ function injectBlockSourcedDefault(config, blockName) {
     }
     return config;
 }
-function getPropType(config) {
-    if (typeof config.control === 'string') {
-        switch (config.control) {
-            case "colorPalette":
-                return 'string';
-            case "constant":
-                return config.type;
-            case "date":
-                return 'number';
-            case "group":
-            case "image":
-            case "link":
-                return 'object';
-            case "list":
-                return 'array';
-            case "number":
-                return 'number';
-            case "post":
-                return config.multiple ? 'array' : 'number';
-            case "radio":
-                return 'string';
-            case "range":
-                return 'number';
-            case "select":
-            case "taxonomy":
-            case "term":
-                return config.multiple ? 'array' : 'string';
-            case "textarea":
-            case "text":
-                return 'string';
-            case "toggle":
-                return 'boolean';
-            case "toggleGroup":
-                return isStringValuedToggleGroupCSNPConfig(config) ? 'string' : 'number';
-        }
-    }
-    else {
-        return config.type;
-    }
-}
 function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydrationInfo, parentTypes) {
     const passthroughProps = {
         condition: config.condition, label: config.label, name: config.name, required: config.required, controlType: config.control,
@@ -106,9 +75,9 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    const resolvedOptions = useSuspendableOptions(config);
-                    const { colors, valueToColor, colorToValue } = useMemo(() => {
-                        const normalizedOptions = normalizePickableOptionsToObjects(resolvedOptions);
+                    const resolvedOptions = (0, useSuspendableOptions_1.useSuspendableOptions)(config);
+                    const { colors, valueToColor, colorToValue } = (0, element_1.useMemo)(() => {
+                        const normalizedOptions = (0, shared_1.normalizePickableOptionsToObjects)(resolvedOptions);
                         const options = normalizedOptions.map(opt => {
                             if (hasDefinedKey(opt, 'color') && CSS.supports('color', opt.color)) {
                                 return opt;
@@ -130,9 +99,9 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                             colorToValue: Object.fromEntries(options.map(opt => [opt.color, opt.value]))
                         };
                     }, [resolvedOptions]);
-                    const safeOnChange = useCallback((v) => onChange(v ? colorToValue[v] : undefined), [colorToValue, onChange]);
-                    const { baseControlProps, controlProps } = useBaseControlProps({ label: _jsx(Label, {}), help: config.help });
-                    return _jsxs(BaseControl, { ...baseControlProps, children: [_jsx(ColorPalette, { ...config.component, ...controlProps, value: value ? valueToColor[value] : undefined, onChange: safeOnChange, colors: colors, clearable: config.clearable ?? false, disableCustomColors: config.allowCustom !== true, __experimentalIsRenderedInSidebar: true }), _jsx(Messages, {})] });
+                    const safeOnChange = (0, element_1.useCallback)((v) => onChange(v ? colorToValue[v] : undefined), [colorToValue, onChange]);
+                    const { baseControlProps, controlProps } = (0, components_1.useBaseControlProps)({ label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help });
+                    return (0, jsx_runtime_1.jsxs)(components_1.BaseControl, { ...baseControlProps, children: [(0, jsx_runtime_1.jsx)(components_1.ColorPalette, { ...config.component, ...controlProps, value: value ? valueToColor[value] : undefined, onChange: safeOnChange, colors: colors, clearable: config.clearable ?? false, disableCustomColors: config.allowCustom !== true, __experimentalIsRenderedInSidebar: true }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "constant":
@@ -144,8 +113,8 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, slots: { Label, Messages } }) {
-                    const { current: voidChangeHandler } = useRef(() => { });
-                    return _jsxs(Disabled, { children: [_jsx(TextControl, { ...config.component, value: value, onChange: voidChangeHandler, label: _jsx(Label, {}), help: config.help, disabled: true }), _jsx(Messages, {})] });
+                    const { current: voidChangeHandler } = (0, element_1.useRef)(() => { });
+                    return (0, jsx_runtime_1.jsxs)(components_1.Disabled, { children: [(0, jsx_runtime_1.jsx)(components_1.TextControl, { ...config.component, value: value, onChange: voidChangeHandler, label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help, disabled: true }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "date":
@@ -157,10 +126,10 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    const safeOnChange = useCallback((v) => onChange(v === null ? undefined : new Date(v).getTime()), [onChange]);
-                    return _jsxs(BaseControl, { id: "", label: _jsx(Label, {}), help: config.help, children: [config.time
-                                ? _jsx(DateTimePicker, { ...config.component, currentDate: value ?? null, onChange: safeOnChange })
-                                : _jsx(DatePicker, { ...config.component, currentDate: value ?? null, onChange: safeOnChange }), _jsx(Messages, {})] });
+                    const safeOnChange = (0, element_1.useCallback)((v) => onChange(v === null ? undefined : new Date(v).getTime()), [onChange]);
+                    return (0, jsx_runtime_1.jsxs)(components_1.BaseControl, { id: "", label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help, children: [config.time
+                                ? (0, jsx_runtime_1.jsx)(components_1.DateTimePicker, { ...config.component, currentDate: value ?? null, onChange: safeOnChange })
+                                : (0, jsx_runtime_1.jsx)(components_1.DatePicker, { ...config.component, currentDate: value ?? null, onChange: safeOnChange }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "group":
@@ -192,7 +161,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots }) {
-                    return _jsx(ToolsPanelContext.Provider, { value: makeToolsPanelContextValue(actualDefaultValues), children: _jsx(SNPGroupComponent, { config: config, hydratedProperties: hydratedProperties, onChange: onChange, value: value, ...slots }) });
+                    return (0, jsx_runtime_1.jsx)(ToolsPanelContext_1.ToolsPanelContext.Provider, { value: (0, ToolsPanelContext_1.makeToolsPanelContextValue)(actualDefaultValues), children: (0, jsx_runtime_1.jsx)(SNPGroupComponent_1.SNPGroupComponent, { config: config, hydratedProperties: hydratedProperties, onChange: onChange, value: value, ...slots }) });
                 }
             };
         case "image":
@@ -204,7 +173,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots }) {
-                    return _jsx(ImageControl, { includeFocalPointPicker: config.includeFocalPointPicker, storage: config.storage, label: config.label, help: config.help, onChange: onChange, value: value, ...slots });
+                    return (0, jsx_runtime_1.jsx)(controls_1.ImageControl, { includeFocalPointPicker: config.includeFocalPointPicker, storage: config.storage, label: config.label, help: config.help, onChange: onChange, value: value, ...slots });
                 }
             };
         case "link":
@@ -216,7 +185,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    return _jsxs(_Fragment, { children: [_jsx(ProperLinkControl, { ...config.component, hasRichPreviews: true, hasTextControl: true, help: config.help, label: _jsx(Label, {}), onChange: onChange, settings: config.settings === false || config.settings === undefined ? false : (config.settings === true ? ProperLinkControl.DEFAULT_LINK_SETTINGS : config.settings), value: value }), _jsx(Messages, {})] });
+                    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(controls_1.ProperLinkControl, { ...config.component, hasRichPreviews: true, hasTextControl: true, help: config.help, label: (0, jsx_runtime_1.jsx)(Label, {}), onChange: onChange, settings: config.settings === false || config.settings === undefined ? false : (config.settings === true ? controls_1.ProperLinkControl.DEFAULT_LINK_SETTINGS : config.settings), value: value }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "list":
@@ -231,10 +200,10 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                         validator: config.validator,
                         transformer: config.transformer,
                         control({ value, onChange, slots }) {
-                            const children = useCallback((datum, onDatumChange) => {
-                                return _jsx(TextControl, { ...config.listComponent, value: datum, onChange: onDatumChange });
+                            const children = (0, element_1.useCallback)((datum, onDatumChange) => {
+                                return (0, jsx_runtime_1.jsx)(components_1.TextControl, { ...config.listComponent, value: datum, onChange: onDatumChange });
                             }, [config.listComponent]);
-                            return _jsx(SortableItemsControl, { ...config.component, ...slots, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, help: config.help, emptyValue: config.emptyValue ?? '', children: children });
+                            return (0, jsx_runtime_1.jsx)(controls_1.SortableItemsControl, { ...config.component, ...slots, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, help: config.help, emptyValue: config.emptyValue ?? '', children: children });
                         }
                     };
                 case "float":
@@ -247,15 +216,15 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                         validator: config.validator,
                         transformer: config.transformer,
                         control({ value, onChange, slots }) {
-                            const children = useCallback((datum, onDatumChange) => {
-                                return _jsx(NumberLikeListTextControl, { listComponent: config.listComponent, datum: datum, itemType: config.itemType, onDatumChange: onDatumChange });
+                            const children = (0, element_1.useCallback)((datum, onDatumChange) => {
+                                return (0, jsx_runtime_1.jsx)(NumberLikeListTextControl, { listComponent: config.listComponent, datum: datum, itemType: config.itemType, onDatumChange: onDatumChange });
                             }, [config.listComponent, config.itemType]);
-                            return _jsx(SortableItemsControl, { ...config.component, ...slots, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, help: config.help, emptyValue: config.emptyValue ?? 0, children: children });
+                            return (0, jsx_runtime_1.jsx)(controls_1.SortableItemsControl, { ...config.component, ...slots, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, help: config.help, emptyValue: config.emptyValue ?? 0, children: children });
                         }
                     };
                 default:
                     const currentTypes = parentTypes.toSpliced(parentTypes.length - 1, 0, 'array');
-                    if (isObjectListPropertyConfig(config)) {
+                    if ((0, csnp_api_1.isObjectListPropertyConfig)(config)) {
                         const hydratedProperties = config.itemType
                             .map(property => hydrateSimpleNativeProperty(property, propPath, outsideHydrationInfo, currentTypes));
                         const def = config.default ?? [];
@@ -266,7 +235,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                             validator: config.validator,
                             transformer: config.transformer,
                             control({ value, onChange, slots }) {
-                                return _jsx(SNPListComponent, { config: config, onChange: onChange, value: value, hydratedProperties: hydratedProperties, ...slots });
+                                return (0, jsx_runtime_1.jsx)(SNPListComponent_1.SNPListComponent, { config: config, onChange: onChange, value: value, hydratedProperties: hydratedProperties, ...slots });
                             }
                         };
                     }
@@ -278,7 +247,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                             : config.itemType;
                         const availableTypes = Object.entries(completedItemTypes)
                             .map(([value, { label }]) => ({ value, label }));
-                        if (!arrayIsNotEmpty(availableTypes)) {
+                        if (!(0, useful_types_1.arrayIsNotEmpty)(availableTypes)) {
                             return invalidConfigMessageControl(config, passthroughProps, "Flexible Items lists must defined at least one item type.");
                         }
                         const invalidFlexibleItemDefinition = Object.values(completedItemTypes)
@@ -302,7 +271,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                             validator: config.validator,
                             transformer: config.transformer,
                             control({ value, onChange, slots }) {
-                                return _jsx(SNPFlexibleItemsListComponent, { config: config, onChange: onChange, value: value, emptyValues: emptyValues, hydratedProperties: hydratedProperties, availableTypes: availableTypes, ...slots });
+                                return (0, jsx_runtime_1.jsx)(SNPFlexibleItemsListComponent_1.SNPFlexibleItemsListComponent, { config: config, onChange: onChange, value: value, emptyValues: emptyValues, hydratedProperties: hydratedProperties, availableTypes: availableTypes, ...slots });
                             }
                         };
                     }
@@ -316,12 +285,12 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    const safeOnChange = useCallback((v) => onChange(float ? parseFloat(v) : parseInt(v)), [onChange]);
+                    const safeOnChange = (0, element_1.useCallback)((v) => onChange(float ? parseFloat(v) : parseInt(v)), [onChange]);
                     const float = config.float || config.step === 'any'
                         || (config.min !== undefined && !Number.isInteger(config.min))
                         || (config.max !== undefined && !Number.isInteger(config.max))
                         || (config.step !== undefined && !Number.isInteger(config.step));
-                    return _jsxs(_Fragment, { children: [_jsx(TextControl, { ...config.component, type: "number", value: value ?? '', min: config.min, max: config.max, step: config.step ?? (float ? "any" : undefined), onChange: safeOnChange, label: _jsx(Label, {}), help: config.help, placeholder: config.placeholder }), _jsx(Messages, {})] });
+                    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextControl, { ...config.component, type: "number", value: value ?? '', min: config.min, max: config.max, step: config.step ?? (float ? "any" : undefined), onChange: safeOnChange, label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help, placeholder: config.placeholder }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "post":
@@ -337,7 +306,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots }) {
-                    return _jsx(PotentiallyExtendedRadioControl, { config: config, onChange: onChange, value: value, ...slots });
+                    return (0, jsx_runtime_1.jsx)(PotentiallyExtendedRadioControl, { config: config, onChange: onChange, value: value, ...slots });
                 }
             };
         case "range":
@@ -351,7 +320,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Messages } }) {
-                    return _jsxs(_Fragment, { children: [_jsx(RangeControl, { ...config.component, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, step: config.step, help: config.help }), _jsx(Messages, {})] });
+                    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.RangeControl, { ...config.component, value: value, onChange: onChange, min: config.min, max: config.max, label: config.label, step: config.step, help: config.help }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "select":
@@ -372,7 +341,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots }) {
-                    return _jsx(ExtendedTextareaControl, { ...config, value: value, onChange: onChange, ...slots });
+                    return (0, jsx_runtime_1.jsx)(controls_1.ExtendedTextareaControl, { ...config, value: value, onChange: onChange, ...slots });
                 }
             };
         case "text":
@@ -384,7 +353,7 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    return _jsxs(_Fragment, { children: [_jsx(TextControl, { ...config.component, value: value ?? '', onChange: onChange, label: _jsx(Label, {}), help: config.help, placeholder: config.placeholder }), _jsx(Messages, {})] });
+                    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextControl, { ...config.component, value: value ?? '', onChange: onChange, label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help, placeholder: config.placeholder }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                 }
             };
         case "toggle":
@@ -397,18 +366,18 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                 validator: config.validator,
                 transformer: config.transformer,
                 control({ value, onChange, slots: { Label, Messages } }) {
-                    const switchCfg = useMemo(() => config.switch ?? {}, [config.switch]);
+                    const switchCfg = (0, element_1.useMemo)(() => config.switch ?? {}, [config.switch]);
                     if (switchCfg.small === true) {
-                        return _jsxs(_Fragment, { children: [_jsx(ToggleControl, { ...config.component, checked: value, onChange: onChange, label: _jsx(Label, {}), help: config.help }), _jsx(Messages, {})] });
+                        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.ToggleControl, { ...config.component, checked: value, onChange: onChange, label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                     }
                     else {
-                        return _jsxs(_Fragment, { children: [_jsx(FullSizeToggleControl, { componentConfig: config.component, label: config.label, help: config.help, onChange: onChange, switchCfg: switchCfg, value: value }), _jsx(Messages, {})] });
+                        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(controls_1.FullSizeToggleControl, { componentConfig: config.component, label: config.label, help: config.help, onChange: onChange, switchCfg: switchCfg, value: value }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                     }
                 }
             };
         case "toggleGroup":
             registerPlainTextLabelRequiredMarker("toggleGroup", ToggleGroupControlLabelSelector);
-            if (isStringValuedToggleGroupCSNPConfig(config)) {
+            if ((0, csnp_api_1.isStringValuedToggleGroupCSNPConfig)(config)) {
                 return {
                     type: 'string',
                     default: config.default,
@@ -417,14 +386,14 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                     validator: config.validator,
                     transformer: config.transformer,
                     control({ value, onChange, slots: { Messages } }) {
-                        const unsuspendedOptions = useSuspendableOptions(config);
-                        const options = useMemo(() => {
-                            return normalizePickableOptionsToPairs(unsuspendedOptions);
+                        const unsuspendedOptions = (0, useSuspendableOptions_1.useSuspendableOptions)(config);
+                        const options = (0, element_1.useMemo)(() => {
+                            return (0, shared_1.normalizePickableOptionsToPairs)(unsuspendedOptions);
                         }, [unsuspendedOptions]);
-                        const safeOnChange = useCallback((v) => onChange(v?.toString()), [onChange]);
-                        return _jsxs(_Fragment, { children: [_jsx(ToggleGroupControl, { ...config.component, value: value, onChange: safeOnChange, label: config.label, help: config.help, isBlock: true, isDeselectable: config.clearable ?? false, children: options.map(([value, label]) => {
-                                        return _jsx(ToggleGroupControlOptionWithOptionalIcon, { value: value, label: label }, value);
-                                    }) }), _jsx(Messages, {})] });
+                        const safeOnChange = (0, element_1.useCallback)((v) => onChange(v?.toString()), [onChange]);
+                        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControl, { ...config.component, value: value, onChange: safeOnChange, label: config.label, help: config.help, isBlock: true, isDeselectable: config.clearable ?? false, children: options.map(([value, label]) => {
+                                        return (0, jsx_runtime_1.jsx)(controls_1.ToggleGroupControlOptionWithOptionalIcon, { value: value, label: label }, value);
+                                    }) }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                     }
                 };
             }
@@ -437,15 +406,18 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
                     validator: config.validator,
                     transformer: config.transformer,
                     control({ value, onChange, slots: { Messages } }) {
-                        const unsuspendedOptions = useSuspendableOptions(config);
-                        const options = useMemo(() => {
-                            return normalizePickableOptionsToPairs(unsuspendedOptions);
+                        const unsuspendedOptions = (0, useSuspendableOptions_1.useSuspendableOptions)(config);
+                        const options = (0, element_1.useMemo)(() => {
+                            return (0, shared_1.normalizePickableOptionsToPairs)(unsuspendedOptions);
                         }, [unsuspendedOptions]);
-                        const safeOnChange = useCallback((v) => onChange(v === undefined || typeof v === 'number' ? v : (v.includes('.') ? parseFloat(v) : parseInt(v))), [onChange]);
-                        return _jsxs(_Fragment, { children: [_jsxs(ToggleGroupControl, { ...config.component, value: value, label: config.label, help: config.help, isBlock: true, isDeselectable: config.clearable ?? false, onChange: safeOnChange, children: [...options.map(([value, label]) => (_jsx(ToggleGroupControlOptionWithOptionalIcon, { value: value, label: label }, value)))] }), _jsx(Messages, {})] });
+                        const safeOnChange = (0, element_1.useCallback)((v) => onChange(v === undefined || typeof v === 'number' ? v : (v.includes('.') ? parseFloat(v) : parseInt(v))), [onChange]);
+                        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(components_1.__experimentalToggleGroupControl, { ...config.component, value: value, label: config.label, help: config.help, isBlock: true, isDeselectable: config.clearable ?? false, onChange: safeOnChange, children: [...options.map(([value, label]) => ((0, jsx_runtime_1.jsx)(controls_1.ToggleGroupControlOptionWithOptionalIcon, { value: value, label: label }, value)))] }), (0, jsx_runtime_1.jsx)(Messages, {})] });
                     }
                 };
             }
+        case "user":
+            registerPlainTextLabelRequiredMarker("user", " > .components-form-token-field .components-form-token-field__label");
+            return hydrateUserProperty(config);
         default:
             console.error("Invalid control name:", config.control, "\nFalling back to a minimally-configured text control.");
             return hydrateDesiccatedSimpleNativeProperty({
@@ -457,33 +429,56 @@ function hydrateDesiccatedSimpleNativeProperty(config, propPath, outsideHydratio
 }
 const ToggleGroupControlLabelSelector = " > .components-base-control > .components-base-control__field:has(> [data-wp-component='ToggleGroupControl']) .components-base-control__label";
 function NumberLikeListTextControl({ listComponent, datum, itemType, onDatumChange }) {
-    const onChange = useCallback((v) => onDatumChange(itemType !== 'float' ? parseInt(v) : parseFloat(v)), [itemType, onDatumChange]);
-    return _jsx(TextControl, { ...listComponent, type: "number", value: datum, onChange: onChange });
+    const onChange = (0, element_1.useCallback)((v) => onDatumChange(itemType !== 'float' ? parseInt(v) : parseFloat(v)), [itemType, onDatumChange]);
+    return (0, jsx_runtime_1.jsx)(components_1.TextControl, { ...listComponent, type: "number", value: datum, onChange: onChange });
 }
 function PotentiallyExtendedRadioControl({ config, value, onChange, Label, Messages }) {
-    const unsuspendedOptions = useSuspendableOptions(config);
+    const unsuspendedOptions = (0, useSuspendableOptions_1.useSuspendableOptions)(config);
     const options = useAsOptions(unsuspendedOptions, value);
     if (config.allowCustom) {
-        return _jsx(ExtendedRadioControl, { ...config.component, selected: value, onChange: onChange, options: options, label: config.label, help: config.help, allowCustom: true, Label: Label, Messages: Messages });
+        return (0, jsx_runtime_1.jsx)(controls_1.ExtendedRadioControl, { ...config.component, selected: value, onChange: onChange, options: options, label: config.label, help: config.help, allowCustom: true, Label: Label, Messages: Messages });
     }
     else {
-        return _jsxs(_Fragment, { children: [_jsx(RadioControl, { ...config.component, selected: value, onChange: onChange, options: options, label: Label ? _jsx(Label, {}) : config.label, help: config.help }), _jsx(Messages, {})] });
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.RadioControl, { ...config.component, selected: value, onChange: onChange, options: options, label: Label ? (0, jsx_runtime_1.jsx)(Label, {}) : config.label, help: config.help }), (0, jsx_runtime_1.jsx)(Messages, {})] });
     }
 }
-function isStringValuedToggleGroupCSNPConfig(config) {
-    if (config.type) {
-        return config.type === 'string';
+function hydratePostProperty(config) {
+    if (config.multiple) {
+        return {
+            name: config.name,
+            type: 'array',
+            default: config.default,
+            condition: config.condition,
+            alwaysStore: config.alwaysStore,
+            required: config.required,
+            validator: config.validator,
+            transformer: config.transformer,
+            controlType: 'post',
+            control({ value, onChange, slots: { Messages } }) {
+                const safeOnChange = (0, element_1.useCallback)((v) => onChange(v.map(v => parseInt(v))), [onChange]);
+                const safeValue = (0, element_1.useMemo)(() => value?.map(v => v.toString()), [value]);
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedPostPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: safeValue, onChange: safeOnChange, postTypes: config.postTypes, Messages: Messages });
+            }
+        };
     }
-    if (config.default === undefined) {
-        console.warn(`Encountered a toggleGroup SNP named "${config.name}" without a declared type or default.`, "It will be treated as if its values are strings.", config);
-        return true;
+    else {
+        return {
+            name: config.name,
+            type: 'number',
+            default: config.default,
+            condition: config.condition,
+            alwaysStore: config.alwaysStore,
+            required: config.required,
+            validator: config.validator,
+            transformer: config.transformer,
+            controlType: 'post',
+            control({ value, onChange, slots: { Messages } }) {
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedPostPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value?.toString(), onChange: (0, element_1.useCallback)(v => onChange(parseInt(v)), [onChange]), postTypes: config.postTypes, Messages: Messages });
+            }
+        };
     }
-    return typeof config.default !== 'number';
-}
-function isObjectListPropertyConfig(config) {
-    return Array.isArray(config.itemType);
 }
-export function hydratePostProperty(config) {
+function hydrateUserProperty(config) {
     if (config.multiple) {
         return {
             name: config.name,
@@ -494,11 +489,11 @@ export function hydratePostProperty(config) {
             required: config.required,
             validator: config.validator,
             transformer: config.transformer,
-            controlType: 'post',
+            controlType: 'user',
             control({ value, onChange, slots: { Messages } }) {
-                const safeOnChange = useCallback((v) => onChange(v.map(v => parseInt(v))), [onChange]);
-                const safeValue = useMemo(() => value?.map(v => v.toString()), [value]);
-                return _jsx(ExtendedPostPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: safeValue, onChange: safeOnChange, postTypes: config.postTypes, Messages: Messages });
+                const safeOnChange = (0, element_1.useCallback)((v) => onChange(v.map(v => parseInt(v))), [onChange]);
+                const safeValue = (0, element_1.useMemo)(() => value?.map(v => v.toString()), [value]);
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedUserPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: safeValue, onChange: safeOnChange, userRoles: config.userRoles, Messages: Messages });
             }
         };
     }
@@ -512,14 +507,14 @@ export function hydratePostProperty(config) {
             required: config.required,
             validator: config.validator,
             transformer: config.transformer,
-            controlType: 'post',
+            controlType: 'user',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(ExtendedPostPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value?.toString(), onChange: useCallback(v => onChange(parseInt(v)), [onChange]), postTypes: config.postTypes, Messages: Messages });
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedUserPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value?.toString(), onChange: (0, element_1.useCallback)(v => onChange(parseInt(v)), [onChange]), userRoles: config.userRoles, Messages: Messages });
             }
         };
     }
 }
-export function hydrateTaxonomyProperty(config) {
+function hydrateTaxonomyProperty(config) {
     if (config.multiple === false) {
         return {
             name: config.name,
@@ -532,7 +527,7 @@ export function hydrateTaxonomyProperty(config) {
             transformer: config.transformer,
             controlType: 'taxonomy',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(ExtendedTaxonomyPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value, visibility: config.visibility, onChange: onChange, Messages: Messages });
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedTaxonomyPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value, visibility: config.visibility, onChange: onChange, Messages: Messages });
             }
         };
     }
@@ -548,12 +543,12 @@ export function hydrateTaxonomyProperty(config) {
             transformer: config.transformer,
             controlType: 'taxonomy',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(ExtendedTaxonomyPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: value, visibility: config.visibility, onChange: onChange, Messages: Messages });
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedTaxonomyPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: value, visibility: config.visibility, onChange: onChange, Messages: Messages });
             }
         };
     }
 }
-export function hydrateTermProperty(config) {
+function hydrateTermProperty(config) {
     if (config.multiple === false) {
         return {
             name: config.name,
@@ -566,7 +561,7 @@ export function hydrateTermProperty(config) {
             transformer: config.transformer,
             controlType: 'taxonomy',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(ExtendedTermPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value, taxonomy: config.taxonomy, onChange: onChange, Messages: Messages });
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedTermPicker, { ...config.component, multiple: false, label: config.label, help: config.help, value: value, taxonomy: config.taxonomy, onChange: onChange, Messages: Messages });
             }
         };
     }
@@ -582,7 +577,7 @@ export function hydrateTermProperty(config) {
             transformer: config.transformer,
             controlType: 'taxonomy',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(ExtendedTermPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: value, taxonomy: config.taxonomy, onChange: onChange, Messages: Messages });
+                return (0, jsx_runtime_1.jsx)(controls_1.ExtendedTermPicker, { ...config.component, multiple: true, label: config.label, help: config.help, value: value, taxonomy: config.taxonomy, onChange: onChange, Messages: Messages });
             }
         };
     }
@@ -601,7 +596,7 @@ function hydrateSelectProperty(config) {
             transformer: config.transformer,
             controlType: 'select',
             control({ value, onChange, slots: { Messages } }) {
-                return _jsx(MultiSelectControl, { value: value ?? config.default, onChange: onChange, options: useSuspendableOptions(config), label: config.label, help: config.help, expandOnFocus: config.expandOnFocus, Messages: Messages, maxLength: config.maxLength });
+                return (0, jsx_runtime_1.jsx)(controls_1.MultiSelectControl, { value: value ?? config.default, onChange: onChange, options: (0, useSuspendableOptions_1.useSuspendableOptions)(config), label: config.label, help: config.help, expandOnFocus: config.expandOnFocus, Messages: Messages, maxLength: config.maxLength });
             }
         };
     }
@@ -619,15 +614,15 @@ function hydrateSelectProperty(config) {
             transformer: config.transformer,
             controlType: 'select',
             control({ value, onChange, slots: { Label, Messages } }) {
-                const normalizedOptions = useAsOptions(useSuspendableOptions(config), value, config.clearable ? '' : undefined);
-                return _jsxs(_Fragment, { children: [_jsx(SelectControl, { value: value ?? config.default ?? '', onChange: onChange, options: normalizedOptions, label: _jsx(Label, {}), help: config.help }), _jsx(Messages, {})] });
+                const normalizedOptions = useAsOptions((0, useSuspendableOptions_1.useSuspendableOptions)(config), value, config.clearable ? '' : undefined);
+                return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.SelectControl, { value: value ?? config.default ?? '', onChange: onChange, options: normalizedOptions, label: (0, jsx_runtime_1.jsx)(Label, {}), help: config.help }), (0, jsx_runtime_1.jsx)(Messages, {})] });
             }
         };
     }
 }
 function useAsOptions(options, currentValue, noSelectionValue) {
-    const normalizedOptions = useMemo(() => asOptions(options, noSelectionValue), [options, noSelectionValue]);
-    return useMemo(() => {
+    const normalizedOptions = (0, element_1.useMemo)(() => asOptions(options, noSelectionValue), [options, noSelectionValue]);
+    return (0, element_1.useMemo)(() => {
         if ((currentValue !== undefined && currentValue !== null) && !normalizedOptions.find(opt => opt.value === currentValue)) {
             if (noSelectionValue !== undefined && !normalizedOptions.some(opt => !opt.value)) {
                 return [normalizedOptions[0], { value: currentValue, label: currentValue.toString(), disabled: true }, ...normalizedOptions.slice(1)];
@@ -640,7 +635,7 @@ function useAsOptions(options, currentValue, noSelectionValue) {
     }, [normalizedOptions, currentValue]);
 }
 function asOptions(options, noSelectionValue) {
-    const res = normalizePickableOptionsToPairs(options)
+    const res = (0, shared_1.normalizePickableOptionsToPairs)(options)
         .map(opt => ({ value: opt[0], label: (typeof opt[1] === 'string' ? opt[1] : opt[1].text) ?? opt[0].toString() }));
     if (noSelectionValue !== undefined && !res.some(opt => !opt.value)) {
         res.splice(0, 0, { value: noSelectionValue, label: "-- No Selection --" });
@@ -659,11 +654,11 @@ function invalidConfigMessageControl(config, passthroughProps, message) {
         validator: config.validator,
         transformer: config.transformer,
         control() {
-            return _jsx(Disabled, { children: _jsxs("p", { children: ["Invalid configuration for ", config.label, ": ", message] }) });
+            return (0, jsx_runtime_1.jsx)(components_1.Disabled, { children: (0, jsx_runtime_1.jsxs)("p", { children: ["Invalid configuration for ", config.label, ": ", message] }) });
         }
     };
 }
-export function registerPlainTextLabelRequiredMarker(componentType, labelSelectorFragment) {
+function registerPlainTextLabelRequiredMarker(componentType, labelSelectorFragment) {
     let loadedStyles = window.plauditGutenbergExtensionsPlainTextLabelCSSLoaded;
     if (loadedStyles === undefined) {
         window.plauditGutenbergExtensionsPlainTextLabelCSSLoaded = loadedStyles = { componentTypes: new Set(), sheet: new CSSStyleSheet() };