@plaudit/gutenberg-api-extensions 2.79.0 → 2.80.0

package/{build → dist}/controls/BaseSortableItemsControl.d.ts

@@ -1,7 +1,7 @@
-import type { BaseControlProps } from "@wordpress/components/build-types/base-control/types";
+import { useBaseControlProps } from "@wordpress/components";
 import { ProvidedSlot } from "../blocks";
-import { type ReactNode } from "react";
-export type BaseSortableItemsControlProps<D> = Omit<BaseControlProps, 'children' | 'id'> & {
+import type { ReactNode } from "react";
+export type BaseSortableItemsControlProps<D> = Omit<Parameters<typeof useBaseControlProps>[0], 'children' | 'id'> & {
     id?: string;
     value: D[] | undefined;
     onAdd?: (index: number, value: D) => void;

package/dist/controls/BaseSortableItemsControl.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseSortableItemsControl = BaseSortableItemsControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const icons_1 = require("@wordpress/icons");
+const framer_motion_1 = require("framer-motion");
+const useSortableItemsModel_1 = require("./hooks/useSortableItemsModel");
+function BaseSortableItemsControl({ value, onChange, onRemove, onReorder, onAdd, children: makeChild, min, max, label, Label, Messages, buttonsArea, emptyValue, ...wrapperProps }) {
+    const { add: addHandler, commit, makeIndexedItemActions, keyedValues } = (0, useSortableItemsModel_1.useSortableItemsModel)({ onAdd, onChange, onRemove, onReorder, emptyValue, value });
+    const listLength = value?.length ?? 0;
+    const addDisabled = max !== undefined && listLength >= max;
+    const removeDisabled = min !== undefined && listLength <= min;
+    const { baseControlProps, controlProps } = (0, components_1.useBaseControlProps)({ ...wrapperProps, label: Label ? (0, jsx_runtime_1.jsx)(Label, {}) : label });
+    return (0, jsx_runtime_1.jsxs)(components_1.BaseControl, { ...baseControlProps, children: [(0, jsx_runtime_1.jsx)("div", { ...controlProps, className: "plaudit-sortable-items-container", children: (0, jsx_runtime_1.jsx)(framer_motion_1.Reorder.Group, { axis: "y", onReorder: commit, values: keyedValues, children: keyedValues.map((datum, index) => (0, jsx_runtime_1.jsx)(SortableItemsListNode, { addDisabled: addDisabled, datum: datum, index: index, listLength: listLength, makeChild: makeChild, makeIndexedItemActions: makeIndexedItemActions, removeDisabled: removeDisabled }, datum.key)) }) }), buttonsArea({ addHandler, disabled: addDisabled }), Messages && (0, jsx_runtime_1.jsx)(Messages, {})] });
+}
+function SortableItemsListNode({ datum, index, listLength, makeChild, makeIndexedItemActions, removeDisabled }) {
+    const { remove, moveUp, moveDown, change } = makeIndexedItemActions(index, datum.key);
+    //TODO: If used, implement addBefore and addAfter the same way as moveUp and moveDown
+    const dragControls = (0, framer_motion_1.useDragControls)();
+    const dragStartHandler = (0, element_1.useCallback)((event) => dragControls.start(event), [dragControls]);
+    return (0, jsx_runtime_1.jsxs)(framer_motion_1.Reorder.Item, { className: "plaudit-sortable-items-row", "data-index": index, dragListener: false, dragControls: dragControls, layout: "position", value: datum, children: [(0, jsx_runtime_1.jsxs)("div", { className: "plaudit-sortable-items-ordering-controls", children: [(0, jsx_runtime_1.jsx)("div", { className: "plaudit-sortable-items-ordering-control", children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { icon: icons_1.dragHandle, onPointerDown: dragStartHandler }) }), (0, jsx_runtime_1.jsxs)("div", { className: "plaudit-sortable-items-ordering-control", children: [(0, jsx_runtime_1.jsx)(components_1.Button, { icon: "arrow-up", "aria-label": "Move Up", disabled: index < 1, onClick: moveUp }), (0, jsx_runtime_1.jsx)(components_1.Button, { icon: "arrow-down", "aria-label": "Move Down", disabled: index >= listLength - 1, onClick: moveDown })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "plaudit-sortable-items-inputs plaudit-sortable-items-padded", children: makeChild(datum.value, change, index) }), (0, jsx_runtime_1.jsx)("div", { className: "plaudit-sortable-items-presence-controls plaudit-sortable-items-padded", children: (0, jsx_runtime_1.jsx)(components_1.Button, { icon: "remove", disabled: removeDisabled, onClick: remove, "aria-label": "Remove" }) })] });
+}
+//# sourceMappingURL=BaseSortableItemsControl.js.map

package/dist/controls/BaseSortableItemsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSortableItemsControl.js","sourceRoot":"","sources":["../../src/controls/BaseSortableItemsControl.tsx"],"names":[],"mappings":"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"}

package/{build → dist}/controls/ExtendedFormTokenField.d.ts

@@ -1,9 +1,9 @@
-import type { TokenItem } from "@wordpress/components/build-types/form-token-field/types";
-import type { MapSelect } from "@wordpress/data/build-types/types";
+import type { MapSelect } from "@wordpress/data/types";
 import type { SNPControlSlots } from "../blocks";
+import type { TokenItem } from "../lib/useful-types";
 import { packDisplayTokenText, unpackDisplayedTokenText, ValidationState } from "./hooks/useImprovedTokenManager";
 export { packDisplayTokenText, unpackDisplayedTokenText, ValidationState };
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type ExtendedFormTokenFieldPropsBase = {
     label?: string;
     help?: ReactNode;

package/dist/controls/ExtendedFormTokenField.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValidationState = exports.unpackDisplayedTokenText = exports.packDisplayTokenText = void 0;
+exports.ExtendedFormTokenField = ExtendedFormTokenField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const compose_1 = require("@wordpress/compose");
+const data_1 = require("@wordpress/data");
+const element_1 = require("@wordpress/element");
+const i18n_1 = require("@wordpress/i18n");
+const useImprovedTokenManager_1 = require("./hooks/useImprovedTokenManager");
+Object.defineProperty(exports, "packDisplayTokenText", { enumerable: true, get: function () { return useImprovedTokenManager_1.packDisplayTokenText; } });
+Object.defineProperty(exports, "unpackDisplayedTokenText", { enumerable: true, get: function () { return useImprovedTokenManager_1.unpackDisplayedTokenText; } });
+Object.defineProperty(exports, "ValidationState", { enumerable: true, get: function () { return useImprovedTokenManager_1.ValidationState; } });
+const useMultiSingleConversionLayer_1 = require("./hooks/useMultiSingleConversionLayer");
+function ExtendedFormTokenField(props) {
+    const [debouncedInput, setDebouncedInput, setImmediateInput, input] = useDebouncedValue('');
+    const tokenTitleCacheRef = (0, element_1.useRef)(undefined);
+    if (tokenTitleCacheRef.current === undefined) {
+        tokenTitleCacheRef.current = new Map();
+    }
+    const { rawSuggestions, isLoading, hasLoadingError } = (0, data_1.useSelect)((select, registry) => {
+        if (!debouncedInput && props.initialSuggestions !== undefined) {
+            return { rawSuggestions: props.initialSuggestions, isLoading: false };
+        }
+        const res = props.suggestionQuery(debouncedInput, select, registry);
+        if (res === undefined) {
+            return { rawSuggestions: props.initialSuggestions, isLoading: true };
+        }
+        return { rawSuggestions: res, isLoading: false, hasLoadingError: props.hasLoadingError?.(debouncedInput, select, registry) };
+    }, [debouncedInput, props.initialSuggestions, props.suggestionQuery]);
+    const suggestions = (0, element_1.useMemo)(() => rawSuggestions?.map(useImprovedTokenManager_1.packDisplayTokenText), [rawSuggestions]);
+    const [value, setValue] = (0, useMultiSingleConversionLayer_1.useMultiSingleConversionLayer)(props.value, props.onChange, props.stringToTokenConverter, props.multiple);
+    const { currentTokens, isValidating, updateComponentValue, tokenStatusCache } = (0, useImprovedTokenManager_1.useImprovedTokenManager)(value, setValue, props.validationQuery, props.stringToTokenConverter, tokenTitleCacheRef.current);
+    // This is just a trick to avoid needing to repeat requests when pulling from suggestions
+    (0, element_1.useMemo)(() => {
+        if (rawSuggestions) {
+            for (const suggestion of rawSuggestions) {
+                if (suggestion.status !== undefined && !tokenStatusCache.has(suggestion.value)) {
+                    tokenStatusCache.set(suggestion.value, suggestion.status);
+                }
+            }
+        }
+    }, [rawSuggestions, tokenStatusCache]);
+    const { hasValidationError } = (0, data_1.useSelect)((select, registry) => ({
+        hasValidationError: props.hasValidationError?.(select, registry)
+    }), [props.hasLoadingError, props.hasValidationError]);
+    const { help, expandOnFocus = false } = props;
+    //TODO: If focus is in field but user hasn't started typing, show a message telling them to start typing
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.FormTokenField, { value: currentTokens, label: props.label, placeholder: "Start typing to see suggestions", suggestions: suggestions, onChange: updateComponentValue, displayTransform: (0, element_1.useCallback)((token) => tokenTitleCacheRef.current.get((0, useImprovedTokenManager_1.unpackDisplayedTokenText)(token).value) ?? token, [tokenTitleCacheRef]), maxLength: props.multiple !== false ? props.maxLength : 1, __experimentalValidateInput: props.validator, __experimentalAutoSelectFirstMatch: true, __experimentalExpandOnFocus: expandOnFocus, __experimentalShowHowTo: props.multiple !== false, onInputChange: setDebouncedInput, onFocus: (0, element_1.useCallback)(() => setImmediateInput(input), [input]) }), help && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("span", { className: "components-form-token-field__help", children: help }) }), hasLoadingError && (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "components-form-token-field__help", children: (0, i18n_1.__)("An Error Occurred While Loading Suggestions") })] }), isLoading && (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "components-form-token-field__help", children: (0, i18n_1.__)("Updating Suggestions") })] }), hasValidationError && (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "components-form-token-field__help", children: (0, i18n_1.__)("An Error Occurred While Validating") })] }), isValidating && (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), (0, jsx_runtime_1.jsx)("span", { className: "components-form-token-field__help", children: (0, i18n_1.__)("Validating") })] })] });
+}
+function useDebouncedValue(defaultValue) {
+    const [value, setValue] = (0, element_1.useState)(defaultValue);
+    const [debouncedValue, setDebouncedState] = (0, element_1.useState)(defaultValue);
+    const setDebounced = (0, compose_1.useDebounce)(setDebouncedState, 100);
+    (0, element_1.useEffect)(() => {
+        setDebounced(value);
+    }, [value, setDebounced]);
+    return [debouncedValue, setValue, (0, element_1.useCallback)((value) => {
+            setValue(value);
+            setDebouncedState(value);
+        }, [setValue, setDebounced]), value];
+}
+//# sourceMappingURL=ExtendedFormTokenField.js.map

package/dist/controls/ExtendedFormTokenField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedFormTokenField.js","sourceRoot":"","sources":["../../src/controls/ExtendedFormTokenField.tsx"],"names":[],"mappings":"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"}

package/dist/controls/ExtendedPostPicker.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedPostPicker = void 0;
+const api_fetch_1 = __importDefault(require("@wordpress/api-fetch"));
+const element_1 = require("@wordpress/element");
+const basicNumericallyIdedItemPicker_1 = require("./basicNumericallyIdedItemPicker");
+const ExtendedFormTokenField_1 = require("./ExtendedFormTokenField");
+const simple_gutenberg_endpoints_api_1 = require("../editor/simple-gutenberg-endpoints-api");
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.post-table-search-options", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/post-table-search" }), {
+    transformer: posts => posts.map(post => ({ value: post.id.toString(), title: post.title, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.post-table-search-validation", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/post-table-search" }), {
+    transformer: posts => posts
+        .map((post) => ({ value: post.id.toString(), title: post.title, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+exports.ExtendedPostPicker = (0, element_1.memo)((props) => {
+    const { postTypes, taxonomyQuery, ...passthrough } = props;
+    const queryArgs = (0, element_1.useMemo)(() => {
+        return { postTypes: postTypes?.join(','), taxonomyQuery };
+    }, [postTypes, taxonomyQuery]);
+    return (0, basicNumericallyIdedItemPicker_1.basicNumericallyIdedItemPicker)(passthrough, "plaudit-common.post-table-search", queryArgs);
+});
+//# sourceMappingURL=ExtendedPostPicker.js.map

package/dist/controls/ExtendedPostPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedPostPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedPostPicker.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA4C;AAC5C,gDAAiD;AAEjD,qFAAgF;AAEhF,qEAAyD;AACzD,6FAA4F;AAyB5F,IAAA,mEAAkC,EACjC,0CAA0C,EAC1C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAmD,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EACxI;IACC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IACxH,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AACF,IAAA,mEAAkC,EACjC,6CAA6C,EAC7C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAmD,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EACxI;IACC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK;SACzB,GAAG,CAAC,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IAC3G,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,cAAI,EAAC,CAAC,KAA8B,EAAE,EAAE;IACzE,MAAM,EAAC,SAAS,EAAE,aAAa,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEzD,MAAM,SAAS,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,aAAa,EAAC,CAAC;IACzD,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC;IAC/B,OAAO,IAAA,+DAA8B,EAAC,WAAW,EAAE,kCAAkC,EAAE,SAAS,CAAC,CAAC;AACnG,CAAC,CAAC,CAAC"}

package/dist/controls/ExtendedRadioControl.d.ts

@@ -0,0 +1,12 @@
+import { RadioControl } from "@wordpress/components";
+import type { SNPControlSlots } from "../blocks";
+import type { ComponentPropsWithoutRef, ElementType } from "react";
+type RawElementSafeProps<P, T extends ElementType> = P & Omit<ComponentPropsWithoutRef<T>, 'as' | keyof P | 'children'>;
+export type ExtendedRadioControlProps = RawElementSafeProps<ComponentPropsWithoutRef<typeof RadioControl> & {
+    allowCustom?: boolean;
+}, 'input'> & Partial<SNPControlSlots>;
+/**
+ * This is a variant of WordPress'
+ */
+export declare function ExtendedRadioControl(props: ExtendedRadioControlProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/controls/ExtendedRadioControl.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedRadioControl = ExtendedRadioControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const compose_1 = require("@wordpress/compose");
+const element_1 = require("@wordpress/element");
+/**
+ * This is a variant of WordPress'
+ */
+function ExtendedRadioControl(props) {
+    const { label, className, selected, help, onChange, hideLabelFromVision, options = [], allowCustom, Label, Messages, ...additionalProps } = props;
+    const instanceId = (0, compose_1.useInstanceId)(ExtendedRadioControl);
+    const id = `inspector-radio-control-${instanceId}`;
+    const [valueIsCustom, setValueIsCustom] = (0, element_1.useState)(() => options.find(option => option.value === selected) === undefined);
+    const [customValue, setCustomValue] = (0, element_1.useState)(valueIsCustom ? selected : "");
+    const onChangeValue = (0, element_1.useCallback)((event) => {
+        setValueIsCustom(options.find(option => option.value === event.target.value) === undefined);
+        onChange(event.target.value);
+    }, [onChange, options, setValueIsCustom]);
+    const onChangeCustom = (0, element_1.useCallback)((e) => {
+        onChangeValue(e);
+        setValueIsCustom(true);
+        setCustomValue(e.target.value);
+    }, [onChangeValue, setValueIsCustom, setCustomValue]);
+    if (!options?.length) {
+        return null;
+    }
+    const distinctnessSet = new Set();
+    const classNames = [...className?.split(/\s+/g) ?? [], 'components-radio-control'].filter(cn => distinctnessSet.add(cn)).join(' ');
+    return ((0, jsx_runtime_1.jsxs)(components_1.BaseControl, { __nextHasNoMarginBottom: true, label: Label ? (0, jsx_runtime_1.jsx)(Label, {}) : label, id: id, hideLabelFromVision: hideLabelFromVision, help: help, className: classNames, children: [(0, jsx_runtime_1.jsxs)(components_1.__experimentalVStack, { spacing: 1, children: [options.map((option, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "components-radio-control__option", children: [(0, jsx_runtime_1.jsx)("input", { id: `${id}-${index}`, className: "components-radio-control__input", type: "radio", name: id, value: option.value, onChange: onChangeValue, checked: option.value === selected, "aria-describedby": !!help ? `${id}__help` : undefined, ...additionalProps }), (0, jsx_runtime_1.jsx)("label", { className: "components-radio-control__label", htmlFor: `${id}-${index}`, children: option.label })] }, `${id}-${index}`))), allowCustom && (0, jsx_runtime_1.jsxs)("div", { className: "components-radio-control__option", children: [(0, jsx_runtime_1.jsx)("input", { id: `${id}-${options.length}`, className: "components-radio-control__input", type: "radio", name: id, value: customValue ?? '', onChange: onChangeValue, checked: valueIsCustom, "aria-describedby": !!help ? `${id}__help` : undefined, ...additionalProps }), (0, jsx_runtime_1.jsx)("label", { id: `${id}-custom-label`, className: "components-radio-control__label", htmlFor: `${id}-${options.length}`, children: "Custom:" }), (0, jsx_runtime_1.jsx)("input", { "aria-labelledby": `${id}-custom-label`, type: "text", value: customValue ?? '', onChange: onChangeCustom })] }, `${id}-${options.length}`)] }), Messages && (0, jsx_runtime_1.jsx)(Messages, {})] }));
+}
+//# sourceMappingURL=ExtendedRadioControl.js.map

package/dist/controls/ExtendedRadioControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedRadioControl.js","sourceRoot":"","sources":["../../src/controls/ExtendedRadioControl.tsx"],"names":[],"mappings":"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"}

package/{build → dist}/controls/ExtendedTaxonomyPicker.d.ts

@@ -1,6 +1,6 @@
 import { type BaseEntityRecords } from "@wordpress/core-data";
 import type { SNPControlSlots } from "../blocks";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type ExtendedTaxonomyPickerPropsBase = {
     label?: string;
     help?: ReactNode;

package/dist/controls/ExtendedTaxonomyPicker.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedTaxonomyPicker = ExtendedTaxonomyPicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_data_1 = require("@wordpress/core-data");
+const data_1 = require("@wordpress/data");
+const element_1 = require("@wordpress/element");
+const useOutputMemoizingFilter_1 = require("./hooks/useOutputMemoizingFilter");
+const ExtendedFormTokenField_1 = require("./ExtendedFormTokenField");
+function ExtendedTaxonomyPicker(props) {
+    const { visibility, ...extendedFormTokenFieldProps } = props;
+    const availableTaxonomies = useTaxonomiesFilteredByVisibility(visibility);
+    const taxonomyVisibilityFilter = makeTaxonomyVisibilityFilter(visibility);
+    const taxonomySuggestionQuery = (0, useOutputMemoizingFilter_1.useOutputMemoizingFilter)((input, taxonomies) => {
+        return taxonomies?.filter(taxonomy => !props.value?.includes(taxonomy.slug))
+            .filter(taxonomy => taxonomy.name.toLowerCase().includes(input.toLowerCase()) || taxonomy.slug.toLowerCase().includes(input.toLowerCase()))
+            .map(taxonomy => ({ value: taxonomy.slug, status: ExtendedFormTokenField_1.ValidationState.Valid, title: taxonomy.name })) ?? [];
+    }, [props.value]);
+    const taxonomyValidationQuery = (0, useOutputMemoizingFilter_1.useOutputMemoizingFilter)((tokens, rawTaxonomies) => {
+        if (rawTaxonomies === null) {
+            return tokens.map(token => ({ value: token, status: ExtendedFormTokenField_1.ValidationState.Validating }));
+        }
+        const tokenItemCreator = (taxonomy) => {
+            return [taxonomy.slug, { value: taxonomy.slug, status: ExtendedFormTokenField_1.ValidationState.Valid, title: taxonomy.name }];
+        };
+        const taxonomies = rawTaxonomies?.length ? Object.fromEntries(rawTaxonomies.map(tokenItemCreator)) : undefined;
+        if (!taxonomies) {
+            return tokens.map(token => ({ value: token, status: ExtendedFormTokenField_1.ValidationState.Invalid }));
+        }
+        return tokens.map(token => taxonomies[token] ?? { value: token, status: ExtendedFormTokenField_1.ValidationState.Invalid });
+    });
+    return (0, jsx_runtime_1.jsx)(ExtendedFormTokenField_1.ExtendedFormTokenField, { expandOnFocus: true, ...extendedFormTokenFieldProps, stringToTokenConverter: (0, element_1.useCallback)(token => {
+            if (availableTaxonomies === null) {
+                return { value: token, status: ExtendedFormTokenField_1.ValidationState.Validating };
+            }
+            const { value, title } = (0, ExtendedFormTokenField_1.unpackDisplayedTokenText)(token);
+            const foundTaxonomy = availableTaxonomies.find(taxonomy => taxonomy.slug === value);
+            if (foundTaxonomy) {
+                return { value: foundTaxonomy.slug, status: ExtendedFormTokenField_1.ValidationState.Valid, title: foundTaxonomy.name };
+            }
+            return title === undefined ? { value, status: ExtendedFormTokenField_1.ValidationState.Validating } : { value, status: ExtendedFormTokenField_1.ValidationState.Invalid, title };
+        }, [availableTaxonomies]), suggestionQuery: (0, element_1.useCallback)((input, select) => {
+            return taxonomySuggestionQuery(input, taxonomyVisibilityFilter(select(core_data_1.store).getTaxonomies()));
+        }, [taxonomyVisibilityFilter, taxonomySuggestionQuery]), validationQuery: (0, element_1.useCallback)((tokens, select) => {
+            return taxonomyValidationQuery(tokens, taxonomyVisibilityFilter(select(core_data_1.store).getTaxonomies()));
+        }, [taxonomyVisibilityFilter, taxonomyValidationQuery]), validator: (0, element_1.useCallback)((token) => {
+            if (!availableTaxonomies) {
+                return false;
+            }
+            const { value } = (0, ExtendedFormTokenField_1.unpackDisplayedTokenText)(token);
+            return availableTaxonomies.find(taxonomy => taxonomy.slug === value) !== undefined;
+        }, [availableTaxonomies]) });
+}
+function useTaxonomiesFilteredByVisibility(visibility) {
+    const taxonomies = (0, data_1.useSelect)(select => select(core_data_1.store).getTaxonomies(), []);
+    return (0, element_1.useMemo)(() => filterTaxonomiesByVisibility(taxonomies, visibility), [taxonomies, visibility]);
+}
+function makeTaxonomyVisibilityFilter(visibility) {
+    return (0, useOutputMemoizingFilter_1.useOutputMemoizingFilter)((taxonomies) => filterTaxonomiesByVisibility(taxonomies, visibility), [visibility]);
+}
+function filterTaxonomiesByVisibility(taxonomies, visibility) {
+    if (!taxonomies || !visibility) {
+        return taxonomies;
+    }
+    const tests = Object.entries(visibility)
+        .filter((entry) => entry[1] !== undefined && entry[1] !== null);
+    return tests.length
+        ? taxonomies.filter(taxonomy => tests.every(([key, value]) => taxonomy.visibility[key] === value))
+        : taxonomies;
+}
+//# sourceMappingURL=ExtendedTaxonomyPicker.js.map

package/dist/controls/ExtendedTaxonomyPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedTaxonomyPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedTaxonomyPicker.tsx"],"names":[],"mappings":"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"}

package/{build → dist}/controls/ExtendedTermPicker.d.ts

@@ -1,5 +1,5 @@
 import type { SNPControlSlots } from "../blocks";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type ExtendedTermPickerPropsBase = {
     label?: string;
     help?: ReactNode;

package/dist/controls/ExtendedTermPicker.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedTermPicker = ExtendedTermPicker;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_fetch_1 = __importDefault(require("@wordpress/api-fetch"));
+const element_1 = require("@wordpress/element");
+const ExtendedFormTokenField_1 = require("./ExtendedFormTokenField");
+const simple_gutenberg_endpoints_api_1 = require("../editor/simple-gutenberg-endpoints-api");
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.term-table-search-options", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/term-table-search" }), {
+    transformer: terms => terms.map(term => ({ value: term.slug, title: term.name, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.term-table-search-validation", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/term-table-search" }), {
+    transformer: terms => terms
+        .map((term) => ({ value: term.slug, title: term.name, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+function ExtendedTermPicker(props) {
+    const { taxonomy } = props;
+    const suggestionQuery = (0, element_1.useCallback)((input, select) => {
+        return select('plaudit/simple-gutenberg-apis')
+            .get("plaudit-common.term-table-search-options", { search: input, taxonomy });
+    }, [taxonomy]);
+    const validationQuery = (0, element_1.useCallback)((slugsBeingValidated, select) => {
+        return select('plaudit/simple-gutenberg-apis')
+            .get("plaudit-common.term-table-search-validation", { slugs: slugsBeingValidated.join(','), taxonomy });
+    }, [taxonomy]);
+    return (0, jsx_runtime_1.jsx)(ExtendedFormTokenField_1.ExtendedFormTokenField, { ...props, validationQuery: validationQuery, suggestionQuery: suggestionQuery, stringToTokenConverter: ExtendedFormTokenField_1.unpackDisplayedTokenText });
+}
+//# sourceMappingURL=ExtendedTermPicker.js.map

package/dist/controls/ExtendedTermPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedTermPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedTermPicker.tsx"],"names":[],"mappings":";;;;;AAgDA,gDAaC;;AA7DD,qEAA4C;AAE5C,gDAA+C;AAG/C,qEAA2G;AAC3G,6FAA4F;AAwB5F,IAAA,mEAAkC,EACjC,0CAA0C,EAC1C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAmB,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EACxG;IACC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IAC9G,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AACF,IAAA,mEAAkC,EACjC,6CAA6C,EAC7C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAmB,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EACxG;IACC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK;SACzB,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IACtF,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AAEF,SAAgB,kBAAkB,CAAC,KAA8B;IAChE,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC;IAEzB,MAAM,eAAe,GAAG,IAAA,qBAAW,EAAC,CAAC,KAAa,EAAE,MAAyB,EAAE,EAAE;QAChF,OAAO,MAAM,CAAC,+BAA+B,CAAC;aAC5C,GAAG,CAAC,0CAA0C,EAAE,EAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAC,CAA0B,CAAC;IACvG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,eAAe,GAAG,IAAA,qBAAW,EAAC,CAAC,mBAA6B,EAAE,MAAyB,EAAE,EAAE;QAChG,OAAQ,MAAM,CAAC,+BAA+B,CAAC;aAC7C,GAAG,CAAC,6CAA6C,EAAE,EAAC,KAAK,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAC,CAA2B,CAAC;IAClI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,uBAAC,+CAAsB,OAAK,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,sBAAsB,EAAE,iDAAwB,GAAI,CAAC;AACpK,CAAC"}

package/dist/controls/ExtendedTextareaControl.d.ts

@@ -0,0 +1,12 @@
+import { TextareaControl } from "@wordpress/components";
+import type { SNPControlSlots } from "../blocks";
+import type { ComponentProps } from "react";
+export type TextareaControlPropsExtension = {
+    newline?: undefined | "\n" | "br" | "p";
+    placeholder?: string | undefined;
+    rich?: boolean;
+};
+export type ExtendedTextAreaControlProps = Omit<ComponentProps<typeof TextareaControl>, 'value'> & {
+    value: ComponentProps<typeof TextareaControl>['value'] | null | undefined;
+} & Partial<Pick<SNPControlSlots, 'Messages'>> & TextareaControlPropsExtension;
+export declare const ExtendedTextareaControl: import("react").ForwardRefExoticComponent<Omit<ExtendedTextAreaControlProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/{build → dist}/controls/ExtendedTextareaControl.js

@@ -1,10 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { TextareaControl } from "@wordpress/components";
-import { useDebounce } from "@wordpress/compose";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from "@wordpress/element";
-export const ExtendedTextareaControl = (() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedTextareaControl = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const compose_1 = require("@wordpress/compose");
+const element_1 = require("@wordpress/element");
+exports.ExtendedTextareaControl = (() => {
     const debouncerSettings = { leading: false, maxWait: 250, trailing: true };
-    return forwardRef((props, ref) => {
+    return (0, element_1.forwardRef)((props, ref) => {
         const { newline, onChange, placeholder, rich, value, Messages, ...forwardedProps } = props;
         let v = value ?? '';
         if (!rich) {
@@ -15,7 +18,7 @@ export const ExtendedTextareaControl = (() => {
                 v = v.replaceAll(/<p>(.*?)<\/p>/gi, "$1\n");
             }
         }
-        const safeOnChange = useCallback((v) => {
+        const safeOnChange = (0, element_1.useCallback)((v) => {
             if (rich) {
                 onChange(v);
             }
@@ -29,10 +32,10 @@ export const ExtendedTextareaControl = (() => {
                 onChange(v);
             }
         }, [onChange]);
-        const textareaRef = useRef(null);
-        useImperativeHandle(ref, () => textareaRef.current, []);
-        const debouncedUpdate = useDebounce(safeOnChange, 100, debouncerSettings);
-        useEffect(() => {
+        const textareaRef = (0, element_1.useRef)(null);
+        (0, element_1.useImperativeHandle)(ref, () => textareaRef.current, []);
+        const debouncedUpdate = (0, compose_1.useDebounce)(safeOnChange, 100, debouncerSettings);
+        (0, element_1.useEffect)(() => {
             const id = textareaRef.current?.id;
             if (id && rich && document.getElementById(id)) {
                 window.tinymce.EditorManager.execCommand('mceAddEditor', true, id);
@@ -49,7 +52,7 @@ export const ExtendedTextareaControl = (() => {
             }
             return () => { };
         }, [rich, debouncedUpdate, textareaRef.current]);
-        return _jsxs(_Fragment, { children: [_jsx(TextareaControl, { ref: textareaRef, ...forwardedProps, value: v, onChange: safeOnChange }), Messages && _jsx(Messages, {})] });
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.TextareaControl, { ref: textareaRef, ...forwardedProps, value: v, onChange: safeOnChange }), Messages && (0, jsx_runtime_1.jsx)(Messages, {})] });
     });
 })();
 //# sourceMappingURL=ExtendedTextareaControl.js.map

package/dist/controls/ExtendedTextareaControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedTextareaControl.js","sourceRoot":"","sources":["../../src/controls/ExtendedTextareaControl.tsx"],"names":[],"mappings":"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"}

package/dist/controls/ExtendedUserPicker.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedUserPicker = void 0;
+const api_fetch_1 = __importDefault(require("@wordpress/api-fetch"));
+const element_1 = require("@wordpress/element");
+const basicNumericallyIdedItemPicker_1 = require("./basicNumericallyIdedItemPicker");
+const ExtendedFormTokenField_1 = require("./ExtendedFormTokenField");
+const simple_gutenberg_endpoints_api_1 = require("../editor/simple-gutenberg-endpoints-api");
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.user-table-search-options", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/user-table-search" }), {
+    transformer: users => users.map(user => ({ value: user.id.toString(), title: user.name, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+(0, simple_gutenberg_endpoints_api_1.registerSimpleGutenbergApiEndpoint)("plaudit-common.user-table-search-validation", data => (0, api_fetch_1.default)({ data, method: 'POST', path: "/plaudit/common/v1/user-table-search" }), {
+    transformer: user => user
+        .map((user) => ({ value: user.id.toString(), title: user.name, status: ExtendedFormTokenField_1.ValidationState.Valid })),
+    maxCachedResults: 10
+});
+exports.ExtendedUserPicker = (0, element_1.memo)((props) => {
+    const { userRoles, ...passthrough } = props;
+    const queryArgs = (0, element_1.useMemo)(() => {
+        return { roles: userRoles?.join(",") };
+    }, [userRoles]);
+    return (0, basicNumericallyIdedItemPicker_1.basicNumericallyIdedItemPicker)(passthrough, "plaudit-common.user-table-search", queryArgs);
+});
+//# sourceMappingURL=ExtendedUserPicker.js.map

package/dist/controls/ExtendedUserPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedUserPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedUserPicker.ts"],"names":[],"mappings":";;;;;;AAAA,qEAA4C;AAC5C,gDAAiD;AAEjD,qFAAgF;AAEhF,qEAAyD;AACzD,6FAA4F;AAuB5F,IAAA,mEAAkC,EACjC,0CAA0C,EAC1C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAsD,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EAC3I;IACC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IACvH,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AACF,IAAA,mEAAkC,EACjC,6CAA6C,EAC7C,IAAI,CAAC,EAAE,CAAC,IAAA,mBAAQ,EAAsD,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,sCAAsC,EAAC,CAAC,EAC3I;IACC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI;SACvB,GAAG,CAAC,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,wCAAe,CAAC,KAAK,EAAC,CAAC,CAAC;IAC1G,gBAAgB,EAAE,EAAE;CACpB,CACD,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,cAAI,EAAC,CAAC,KAA8B,EAAE,EAAE;IACzE,MAAM,EAAC,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAE1C,MAAM,SAAS,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE;QAC9B,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC;IACtC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,IAAA,+DAA8B,EAAC,WAAW,EAAE,kCAAkC,EAAE,SAAS,CAAC,CAAC;AACnG,CAAC,CAAC,CAAA"}

package/{build → dist}/controls/FullSizeToggleControl.d.ts

@@ -1,8 +1,9 @@
-import type { ToggleGroupControlProps } from "@wordpress/components/build-types/toggle-group-control/types";
-import type { TogglePropertyCSNPConfig } from "../blocks/common-native-property-constructors";
+import { __experimentalToggleGroupControl as ToggleGroupControl } from "@wordpress/components";
+import type { TogglePropertyCSNPConfig } from "../blocks/csnp-api";
 import type { OptionalLabel } from "../blocks";
 import type { CSNPControlComponentProps, NormalSwitch } from "../blocks/shared-internal-types";
-import React from "react";
+import type { ComponentPropsWithoutRef } from "react";
+type ToggleGroupControlProps = ComponentPropsWithoutRef<typeof ToggleGroupControl>;
 export type FullSizeToggleControlProps = Omit<CSNPControlComponentProps<TogglePropertyCSNPConfig, boolean, {
     switchCfg: NormalSwitch;
 }>, 'config'> & {
@@ -11,7 +12,8 @@ export type FullSizeToggleControlProps = Omit<CSNPControlComponentProps<TogglePr
     help?: ToggleGroupControlProps['help'];
 };
 export declare function FullSizeToggleControl({ componentConfig, label, help, onChange, switchCfg, value }: FullSizeToggleControlProps): import("react/jsx-runtime").JSX.Element;
-export declare const ToggleGroupControlOptionWithOptionalIcon: React.MemoExoticComponent<(<V extends string | number>({ value, label }: {
+export declare const ToggleGroupControlOptionWithOptionalIcon: import("react").MemoExoticComponent<(<V extends string | number>({ value, label }: {
     value: V;
     label: NonNullable<OptionalLabel>;
 }) => import("react/jsx-runtime").JSX.Element)>;
+export {};