@plaudit/gutenberg-api-extensions 2.65.0 → 2.66.0

package/build/controls/ExtendedFormTokenField.d.ts

@@ -0,0 +1,39 @@
+import type { TokenItem } from "@wordpress/components/build-types/form-token-field/types";
+import type { MapSelect } from "@wordpress/data/build-types/types";
+import type { SNPControlSlots } from "../blocks";
+export declare const enum ValidationState {
+    Valid = "success",
+    Invalid = "error",
+    Validating = "validating"
+}
+type ExtendedFormTokenFieldPropsBase = {
+    label?: string;
+    help?: string;
+    validationQuery(tokens: string[], ...args: Parameters<MapSelect>): TokenItem[] | undefined;
+    suggestionQuery(input: string, ...args: Parameters<MapSelect>): TokenItem[] | undefined;
+    stringToTokenConverter(suggestion: string): TokenItem;
+    validator?: (value: string) => boolean;
+    expandOnFocus?: boolean;
+    initialSuggestions?: TokenItem[];
+    hasLoadingError?: (input: string, ...args: Parameters<MapSelect>) => boolean;
+    hasValidationError?: (...args: Parameters<MapSelect>) => boolean;
+} & Partial<Pick<SNPControlSlots, 'Messages'>>;
+type ExtendedFormTokenFieldPropsSingle = ExtendedFormTokenFieldPropsBase & {
+    value?: string;
+    onChange: (value: string) => void;
+    multiple: false;
+};
+type ExtendedFormTokenFieldPropsMultiple = ExtendedFormTokenFieldPropsBase & {
+    value?: string[];
+    onChange: (value: string[]) => void;
+    multiple?: true | undefined;
+    maxLength?: number;
+};
+export type ExtendedFormTokenFieldProps = ExtendedFormTokenFieldPropsSingle | ExtendedFormTokenFieldPropsMultiple;
+export declare function ExtendedFormTokenField(props: ExtendedFormTokenFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function packDisplayTokenText(token: TokenItem): string;
+export declare function unpackDisplayedTokenText(token: string): {
+    title: string | undefined;
+    value: string;
+};
+export {};

package/build/controls/ExtendedFormTokenField.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Spinner, FormTokenField } from '@wordpress/components';
+import { useDebounce } from "@wordpress/compose";
+import { useSelect } from "@wordpress/data";
+import { useCallback, useEffect, useMemo, useRef, useState } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { useMultiSingleConversionLayer } from "./hooks/useMultiSingleConversionLayer";
+// The strange values correspond to the literals that are expected by TokenItem.status, which allows the assignment code to be cleaner
+export var ValidationState;
+(function (ValidationState) {
+    ValidationState["Valid"] = "success";
+    ValidationState["Invalid"] = "error";
+    ValidationState["Validating"] = "validating";
+})(ValidationState || (ValidationState = {}));
+export function ExtendedFormTokenField(props) {
+    const [debouncedInput, setDebouncedInput, setImmediateInput, input] = useDebouncedValue('');
+    const tokenTitleCacheRef = useRef(undefined);
+    if (tokenTitleCacheRef.current === undefined) {
+        tokenTitleCacheRef.current = new Map();
+    }
+    const { rawSuggestions, isLoading, hasLoadingError } = 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 = useMemo(() => rawSuggestions.map(packDisplayTokenText), [rawSuggestions]);
+    const [value, setValue] = useMultiSingleConversionLayer(props.value, props.onChange, props.stringToTokenConverter, props.multiple);
+    const { currentTokens, isValidating, updateComponentValue } = useTokenManager(value, setValue, props.validationQuery, props.stringToTokenConverter, tokenTitleCacheRef);
+    const { hasValidationError } = 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 _jsxs(_Fragment, { children: [_jsx(FormTokenField, { value: currentTokens, label: props.label, placeholder: "Start typing to see suggestions", suggestions: suggestions, onChange: updateComponentValue, displayTransform: useCallback((token) => tokenTitleCacheRef.current.get(unpackDisplayedTokenText(token).value) ?? token, []), maxLength: props.multiple === false ? 1 : props.maxLength, __experimentalValidateInput: props.validator, __experimentalAutoSelectFirstMatch: true, __experimentalExpandOnFocus: expandOnFocus, onInputChange: setDebouncedInput, onFocus: useCallback(() => setImmediateInput(input), [input]) }), help && _jsx("div", { children: _jsx("span", { className: "components-form-token-field__help", children: help }) }), hasLoadingError && _jsxs("div", { children: [_jsx(Spinner, {}), _jsx("span", { className: "components-form-token-field__help", children: __("An Error Occurred While Loading Suggestions") })] }), isLoading && _jsxs("div", { children: [_jsx(Spinner, {}), _jsx("span", { className: "components-form-token-field__help", children: __("Updating Suggestions") })] }), hasValidationError && _jsxs("div", { children: [_jsx(Spinner, {}), _jsx("span", { className: "components-form-token-field__help", children: __("An Error Occurred While Validating") })] }), isValidating && _jsxs("div", { children: [_jsx(Spinner, {}), _jsx("span", { className: "components-form-token-field__help", children: __("Validating") })] })] });
+}
+export function packDisplayTokenText(token) {
+    return `${token.title || token.value} (#${token.value})`;
+}
+export function unpackDisplayedTokenText(token) {
+    const result = /(.+) \(#([^)]+)\)$/.exec(token);
+    return { title: result?.[1], value: result?.[2] ?? token };
+}
+function useTokenManager(initialValue, writeStoredValue, validationQuery, makeTokenFromString, tokenTitleCacheRef) {
+    const [componentValue, updateComponentValue] = useState(() => initialValue?.map(item => typeof item === 'string' ? makeTokenFromString(item) : item) ?? []);
+    const tokenStatusCacheRef = useRef(undefined);
+    if (tokenStatusCacheRef.current === undefined) {
+        tokenStatusCacheRef.current = new Map();
+    }
+    const { currentTokens, isValidating } = useSelect((select, registry) => {
+        let isValidating;
+        let currentTokens;
+        const convertedTokens = isAllValidTokens(componentValue) ? componentValue
+            : componentValue.map(token => {
+                if (typeof token === 'string') {
+                    const res = makeTokenFromString(token);
+                    if (res.status === undefined) {
+                        res.status = tokenStatusCacheRef.current.get(res.value);
+                    }
+                    return res;
+                }
+                else {
+                    if (token.status === undefined || token.status === ValidationState.Validating) {
+                        token.status = tokenStatusCacheRef.current.get(token.value);
+                    }
+                    return token;
+                }
+            });
+        if (convertedTokens.some(token => token.status === undefined || token.status === ValidationState.Validating)) {
+            const res = validationQuery(convertedTokens.map(token => token.value), select, registry);
+            if (res !== undefined) {
+                const validTokens = new Map(res.map(token => [token.value, token]));
+                const validatedTokens = convertedTokens.map(token => validTokens.get(token.value) ?? { ...token, status: ValidationState.Invalid });
+                for (const token of validatedTokens) {
+                    tokenStatusCacheRef.current.set(token.value, token.status);
+                }
+                isValidating = false;
+                currentTokens = res;
+            }
+            else {
+                isValidating = true;
+                currentTokens = convertedTokens;
+            }
+        }
+        else {
+            isValidating = false;
+            currentTokens = convertedTokens;
+        }
+        return { currentTokens: currentTokens.map(token => syncTokenTitles(token, tokenTitleCacheRef.current)), isValidating };
+    }, [componentValue, writeStoredValue, makeTokenFromString, validationQuery]);
+    useEffect(() => {
+        if (!isValidating) {
+            writeStoredValue(currentTokens);
+        }
+    }, [currentTokens?.map(token => `${token.value}_${token.status}`).join("~")]);
+    return { currentTokens, isValidating, updateComponentValue };
+}
+function syncTokenTitles(token, cache) {
+    return { ...token, title: cache.get(token.value) ?? addTokenTitleToCache(token, cache) ?? packDisplayTokenText(token) };
+}
+function addTokenTitleToCache(token, cache) {
+    let label = token.title?.trim();
+    if (!label) {
+        return;
+    }
+    const valueSuffix = `(#${token.value})`;
+    if (label.endsWith(valueSuffix)) {
+        label = label.substring(0, label.length - valueSuffix.length).trim();
+    }
+    const res = `${label.length > 30 ? `${label.substring(0, 30).trim()}…` : label} ${valueSuffix}`;
+    cache.set(token.value, res);
+    return res;
+}
+function isAllValidTokens(arr) {
+    return !arr.some(token => typeof token === 'string' || token.status === undefined || token.status === ValidationState.Validating || token.title === undefined);
+}
+function useDebouncedValue(defaultValue) {
+    const [value, setValue] = useState(defaultValue);
+    const [debouncedValue, setDebouncedState] = useState(defaultValue);
+    const setDebounced = useDebounce(setDebouncedState, 100);
+    useEffect(() => {
+        setDebounced(value);
+    }, [value, setDebounced]);
+    return [debouncedValue, setValue, useCallback((value) => {
+            setValue(value);
+            setDebouncedState(value);
+        }, [setValue, setDebounced]), value];
+}
+//# sourceMappingURL=ExtendedFormTokenField.js.map

package/build/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/build/controls/ExtendedPostPicker.d.ts

@@ -1,17 +1,19 @@
-import { SNPControlSlots } from "../blocks";
+import type { SNPControlSlots } from "../blocks";
+import type { WPTaxonomyQuery } from "../lib/useful-types";
 type ExtendedPostPickerPropsBase = {
     label?: string;
     help?: string;
     postTypes?: string[];
     placeholder?: string;
+    taxonomyQuery?: WPTaxonomyQuery;
 } & Partial<Pick<SNPControlSlots, 'Messages'>>;
 type ExtendedPostPickerPropsSingle = ExtendedPostPickerPropsBase & {
-    onChange: (value: string) => void;
+    onChange(value: string): void;
     value?: string;
     multiple: false;
 };
 type ExtendedPostPickerPropsMultiple = ExtendedPostPickerPropsBase & {
-    onChange: (value: string[]) => void;
+    onChange(value: string[]): void;
     value?: string[];
     multiple?: true | undefined;
 };

package/build/controls/ExtendedPostPicker.js

@@ -1,30 +1,42 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
-import { isNumeric, requestPostsFromAPI } from "./shared";
-import { useCallback } from "react";
+import apiFetch from "@wordpress/api-fetch";
+import { useCallback } from "@wordpress/element";
+import { ExtendedFormTokenField, unpackDisplayedTokenText, ValidationState } from "./ExtendedFormTokenField";
+import { registerSimpleGutenbergApiEndpoint } from "../editor/simple-gutenberg-endpoints-api";
+import { isNumeric } from "./shared";
+registerSimpleGutenbergApiEndpoint("plaudit-common.post-table-search-options", data => apiFetch({ data, method: 'POST', path: "/plaudit/common/v1/post-table-search" }), {
+    transformer: posts => posts.map(post => ({ value: post.id.toString(), title: post.title, status: ValidationState.Valid })),
+    maxCachedResults: 10
+});
+registerSimpleGutenbergApiEndpoint("plaudit-common.post-table-search-validation", data => apiFetch({ data, method: 'POST', path: "/plaudit/common/v1/post-table-search" }), {
+    transformer: posts => posts
+        .map((post) => ({ value: post.id.toString(), title: post.title, status: ValidationState.Valid })),
+    maxCachedResults: 10
+});
 export function ExtendedPostPicker(props) {
-    const { multiple, value, postTypes, ...remainder } = props;
-    const suggestionQuery = useCallback((input) => requestPostsFromAPI({ search: input, postTypes: postTypes?.join(',') })
-        .then(posts => posts.map(post => `${post.title} (#${post.id})`)), [postTypes]);
-    const validationQuery = useCallback((idsBeingValidated) => requestPostsFromAPI({ ids: idsBeingValidated.join(','), postTypes: postTypes?.join(',') })
-        .then(posts => posts.map((post) => ({ value: post.id, title: post.title, status: ValidationState.Valid }))), [postTypes]);
+    const { multiple, value, postTypes, taxonomyQuery, ...remainder } = props;
+    const suggestionQuery = useCallback((input, select) => {
+        return select('plaudit/simple-gutenberg-apis')
+            .get("plaudit-common.post-table-search-options", { search: input, postTypes: postTypes?.join(','), taxonomyQuery });
+    }, [postTypes, taxonomyQuery]);
+    const validationQuery = useCallback((idsBeingValidated, select) => {
+        return select('plaudit/simple-gutenberg-apis')
+            .get("plaudit-common.post-table-search-validation", { ids: idsBeingValidated.join(','), postTypes: postTypes?.join(','), taxonomyQuery });
+    }, [postTypes, taxonomyQuery]);
     if (props.multiple === false) {
-        return _jsx(AsynchronousFormTokenField, { ...remainder, value: props.value, multiple: false, onChange: props.onChange, makeTokenFromSuggestion: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+        return _jsx(ExtendedFormTokenField, { ...remainder, value: props.value, multiple: false, onChange: props.onChange, stringToTokenConverter: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
     }
     else {
-        return _jsx(AsynchronousFormTokenField, { ...remainder, value: props.value, multiple: true, onChange: props.onChange, makeTokenFromSuggestion: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+        return _jsx(ExtendedFormTokenField, { ...remainder, value: props.value, multiple: true, onChange: props.onChange, stringToTokenConverter: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
     }
 }
 function makeTokenFromSuggestion(token) {
     if (isNumeric(token)) {
-        return { value: token, status: ValidationState.Validating, title: token };
+        return { value: token, status: ValidationState.Validating };
     }
     else {
-        const tokenId = /\(#([0-9]+)\)$/.exec(token)?.[1];
-        if (tokenId) {
-            return { value: tokenId, status: ValidationState.Validating, title: token };
-        }
-        return { value: token, status: ValidationState.Invalid, title: token };
+        const { value, title } = unpackDisplayedTokenText(token);
+        return { value, status: isNumeric(value) ? ValidationState.Validating : ValidationState.Invalid, title };
     }
 }
 function validator(token) {

package/build/controls/ExtendedPostPicker.js.map

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

package/build/controls/ExtendedTaxonomyPicker.d.ts

@@ -0,0 +1,21 @@
+import { type BaseEntityRecords } from "@wordpress/core-data";
+import type { SNPControlSlots } from "../blocks";
+type ExtendedTaxonomyPickerPropsBase = {
+    label?: string;
+    help?: string;
+    placeholder?: string;
+    visibility?: Partial<BaseEntityRecords.TaxonomyVisibility>;
+} & Partial<Pick<SNPControlSlots, 'Messages'>>;
+export type ExtendedTaxonomyPickerPropsSingle = {
+    onChange(value: string): void;
+    value?: string;
+    multiple: false;
+};
+export type ExtendedTaxonomyPickerPropsMultiple = {
+    onChange(value: string[]): void;
+    value?: string[];
+    multiple?: true | undefined;
+};
+export type ExtendedTaxonomyPickerProps = ExtendedTaxonomyPickerPropsBase & (ExtendedTaxonomyPickerPropsSingle | ExtendedTaxonomyPickerPropsMultiple);
+export declare function ExtendedTaxonomyPicker(props: ExtendedTaxonomyPickerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/build/controls/ExtendedTaxonomyPicker.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { store as coreStore } from "@wordpress/core-data";
+import { useSelect } from "@wordpress/data";
+import { useCallback, useMemo } from "@wordpress/element";
+import { ExtendedFormTokenField, unpackDisplayedTokenText, ValidationState } from "./ExtendedFormTokenField";
+import { useOutputMemoizingFilter } from "./hooks/useOutputMemoizingFilter";
+export function ExtendedTaxonomyPicker(props) {
+    const { visibility, ...extendedFormTokenFieldProps } = props;
+    const availableTaxonomies = useTaxonomiesFilteredByVisibility(visibility);
+    const taxonomyVisibilityFilter = makeTaxonomyVisibilityFilter(visibility);
+    const taxonomySuggestionQuery = 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: ValidationState.Valid, title: taxonomy.name })) ?? [];
+    }, [props.value]);
+    const taxonomyValidationQuery = useOutputMemoizingFilter((tokens, rawTaxonomies) => {
+        if (rawTaxonomies === null) {
+            return tokens.map(token => ({ value: token, status: ValidationState.Validating }));
+        }
+        const tokenItemCreator = (taxonomy) => {
+            return [taxonomy.slug, { value: taxonomy.slug, status: ValidationState.Valid, title: taxonomy.name }];
+        };
+        const taxonomies = rawTaxonomies?.length ? Object.fromEntries(rawTaxonomies.map(tokenItemCreator)) : undefined;
+        if (!taxonomies) {
+            return tokens.map(token => ({ value: token, status: ValidationState.Invalid }));
+        }
+        return tokens.map(token => taxonomies[token] ?? { value: token, status: ValidationState.Invalid });
+    });
+    return _jsx(ExtendedFormTokenField, { expandOnFocus: true, ...extendedFormTokenFieldProps, stringToTokenConverter: useCallback(token => {
+            if (availableTaxonomies === null) {
+                return { value: token, status: ValidationState.Validating };
+            }
+            const { value, title } = unpackDisplayedTokenText(token);
+            const foundTaxonomy = availableTaxonomies.find(taxonomy => taxonomy.slug === value);
+            if (foundTaxonomy) {
+                return { value: foundTaxonomy.slug, status: ValidationState.Valid, title: foundTaxonomy.name };
+            }
+            return title === undefined ? { value, status: ValidationState.Validating } : { value, status: ValidationState.Invalid, title };
+        }, [availableTaxonomies]), suggestionQuery: useCallback((input, select) => {
+            return taxonomySuggestionQuery(input, taxonomyVisibilityFilter(select(coreStore).getTaxonomies()));
+        }, [taxonomyVisibilityFilter, taxonomySuggestionQuery]), validationQuery: useCallback((tokens, select) => {
+            return taxonomyValidationQuery(tokens, taxonomyVisibilityFilter(select(coreStore).getTaxonomies()));
+        }, [taxonomyVisibilityFilter, taxonomyValidationQuery]), validator: useCallback((token) => {
+            if (!availableTaxonomies) {
+                return false;
+            }
+            const { value } = unpackDisplayedTokenText(token);
+            return availableTaxonomies.find(taxonomy => taxonomy.slug === value) !== undefined;
+        }, [availableTaxonomies]) });
+}
+function useTaxonomiesFilteredByVisibility(visibility) {
+    const taxonomies = useSelect(select => select(coreStore).getTaxonomies(), []);
+    return useMemo(() => filterTaxonomiesByVisibility(taxonomies, visibility), [taxonomies, visibility]);
+}
+function makeTaxonomyVisibilityFilter(visibility) {
+    return 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/build/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/controls/MultiSelectControl.d.ts

@@ -2,7 +2,7 @@ import type { SNPControlSlots } from "../blocks";
 import type { PickableOptions } from "./types";
 type MultiSelectProps = {
     onChange: (value: string[]) => void;
-    options: PickableOptions<string>;
+    options: PickableOptions<string | number>;
     label: string;
     help?: string;
     placeholder: string;

package/build/controls/MultiSelectControl.js

@@ -1,31 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "@wordpress/element";
-import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
+import { ExtendedFormTokenField, ValidationState } from "./ExtendedFormTokenField";
 import { getLabel, normalizePickableOptionsToPairs } from "./shared";
 export function MultiSelectControl(props) {
     const { value, options, ...fieldProps } = props;
     const normalizedOptions = useMemo(() => normalizePickableOptionsToPairs(options), [options]);
-    const validOptions = useMemo(() => Object.fromEntries(normalizedOptions.map(opt => [opt[0], `${getLabel(opt)} (#${opt[0]})`])), [normalizedOptions]);
-    const makeTokenValueFromSuggestion = useCallback((token) => {
-        if (validOptions[token]) {
-            return { value: token, title: validOptions[token], status: ValidationState.Valid };
-        }
-        else {
-            const value = /\(#([^)]+)\)$/.exec(token)?.[1];
-            return value ? { value, title: token, status: ValidationState.Validating } : { value: token, status: ValidationState.Invalid, title: token };
-        }
-    }, [validOptions]);
-    const suggestionQuery = useCallback(async (input) => {
-        return normalizedOptions
-            .filter(option => option[0].includes(input) || getLabel(option).includes(input))
-            .map(option => `${getLabel(option)} (#${option[0]})`);
-    }, [normalizedOptions]);
-    const validationQuery = useCallback(async (values) => {
-        return values
-            .filter(value => validOptions[value] !== undefined)
-            .map(value => ({ value, title: validOptions[value], status: ValidationState.Valid }));
-    }, [validOptions]);
-    return _jsx(AsynchronousFormTokenField, { ...fieldProps, value: value, makeTokenFromSuggestion: makeTokenValueFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+    const validOptions = useMemo(() => Object.fromEntries(normalizedOptions.map(opt => [opt[0], getLabel(opt)])), [normalizedOptions]);
+    return _jsx(ExtendedFormTokenField, { ...fieldProps, value: value, multiple: true, stringToTokenConverter: useCallback(token => {
+            if (validOptions[token]) {
+                return { value: token, title: validOptions[token], status: ValidationState.Valid };
+            }
+            else {
+                const result = /(.+) \(#([^)]+)\)$/.exec(token);
+                return result && result[1] && result[2] ? { value: result[2], title: result[1], status: ValidationState.Validating } : { value: token, status: ValidationState.Invalid };
+            }
+        }, [validOptions]), suggestionQuery: useCallback(input => {
+            return normalizedOptions
+                .filter(option => option[0]?.toString().includes(input) || getLabel(option).includes(input))
+                .map(option => ({ value: option[0]?.toString(), status: ValidationState.Valid, title: getLabel(option) }));
+        }, [normalizedOptions]), validationQuery: useCallback(values => {
+            return values
+                .filter(value => validOptions[value] !== undefined)
+                .map(value => ({ value, title: validOptions[value], status: ValidationState.Valid }));
+        }, [validOptions]), validator: validator });
 }
 function validator(token) {
     return /\(#([^)]+)\)$/.exec(token)?.[1] !== undefined;

package/build/controls/MultiSelectControl.js.map

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

package/build/controls/PromisableComponent.d.ts

@@ -8,4 +8,4 @@ export type PromisableComponentProps<T extends Awaited<object>> = {
     renderer(props: AwaitedProps<T>): ReactNode;
     forceSuspend?: boolean;
 };
-export declare function PromisableComponent<T extends Awaited<object>>(props: PromisableComponentProps<T>): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+export declare function PromisableComponent<T extends Awaited<object>>(props: PromisableComponentProps<T>): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/build/controls/SortableFlexibleItemsControl.d.ts

@@ -1,5 +1,5 @@
-import { BaseSortableItemsControlProps } from "./BaseSortableItemsControl";
-import type { NonEmptyArray } from "../blocks/snp-api";
+import { type BaseSortableItemsControlProps } from "./BaseSortableItemsControl";
+import type { NonEmptyArray } from "../lib/useful-types";
 import type { FlexibleItem } from "./types";
 type SortableFlexibleItemsControlSpecificProps<T extends string> = {
     availableTypes: NonEmptyArray<{

package/build/controls/SortableFlexibleItemsControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortableFlexibleItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableFlexibleItemsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAC,wBAAwB,EAAgC,MAAM,4BAA4B,CAAC;AAWnG,MAAM,UAAU,4BAA4B,CAAmB,EAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAkC;IAChJ,MAAM,WAAW,GAAG,WAAW;IAC9B,wHAAwH;IACxH,IAAI,CAAC,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC/I,OAAO,KAAC,wBAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC;AAGD,SAAS,WAAW,CAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAsB;IACpH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1E,OAAO,eAAK,SAAS,EAAC,+CAA+C,aACpE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,oBAAc,EAClH,KAAC,aAAa,IACb,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,IAAI,EACzB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,eAAe,GACxB,IACG,CAAC;AACR,CAAC"}
+{"version":3,"file":"SortableFlexibleItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableFlexibleItemsControl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAEzD,OAAO,EAAC,wBAAwB,EAAqC,MAAM,4BAA4B,CAAC;AAWxG,MAAM,UAAU,4BAA4B,CAAmB,EAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAkC;IAChJ,MAAM,WAAW,GAAG,WAAW;IAC9B,wHAAwH;IACxH,IAAI,CAAC,EAAE,CAAC,KAAC,WAAW,OAAK,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,EAAE,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAC/I,OAAO,KAAC,wBAAwB,OAAK,SAAS,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC9E,CAAC;AAGD,SAAS,WAAW,CAAmB,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAsB;IACpH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1E,OAAO,eAAK,SAAS,EAAC,+CAA+C,aACpE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,oBAAc,EAClH,KAAC,aAAa,IACb,KAAK,EAAC,MAAM,EACZ,mBAAmB,EAAE,IAAI,EACzB,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,eAAe,GACxB,IACG,CAAC;AACR,CAAC"}

package/build/controls/hooks/useMultiSingleConversionLayer.d.ts

@@ -1,4 +1,3 @@
 import type { TokenItem } from "@wordpress/components/build-types/form-token-field/types";
 export type ValueConverter = [string[], (value: TokenItem[]) => void];
-export declare function useMultiSingleConversionLayer(value: string | undefined, onChange: (token: string) => void, makeTokenFromSuggestion: (suggestion: string) => TokenItem, multiple: false): ValueConverter;
-export declare function useMultiSingleConversionLayer(value: string[] | undefined, onChange: (tokens: string[]) => void, makeTokenFromSuggestion: (suggestion: string) => TokenItem, multiple: true | undefined): ValueConverter;
+export declare function useMultiSingleConversionLayer(value: string | string[] | undefined, onChange: ((tokens: string[]) => void) | ((token: string) => void), makeTokenFromSuggestion: (suggestion: string) => TokenItem, multiple: boolean | undefined): ValueConverter;

package/build/controls/hooks/useMultiSingleConversionLayer.js

@@ -1,5 +1,4 @@
-import { useMemo } from "@wordpress/element";
-import { useCallback } from "react";
+import { useCallback, useMemo } from "@wordpress/element";
 export function useMultiSingleConversionLayer(value, onChange, makeTokenFromSuggestion, multiple) {
     return [
         useMemo(() => value === undefined ? [] : (Array.isArray(value) ? value : [value]), [value]),

package/build/controls/hooks/useMultiSingleConversionLayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiSingleConversionLayer.js","sourceRoot":"","sources":["../../../src/controls/hooks/useMultiSingleConversionLayer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAWlC,MAAM,UAAU,6BAA6B,CAC5C,KAAgC,EAAE,QAAgE,EAClG,uBAA0D,EAAE,QAA2B;IAEvF,OAAO;QACN,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3F,WAAW,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAChG,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAQ,CAAC,CAAC;YACzD,gCAAgC;QACjC,CAAC,EAAE,CAAC,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,CAAC,CAAC;KACjD,CAAC;AACH,CAAC"}
+{"version":3,"file":"useMultiSingleConversionLayer.js","sourceRoot":"","sources":["../../../src/controls/hooks/useMultiSingleConversionLayer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAGxD,MAAM,UAAU,6BAA6B,CAC5C,KAAgC,EAAE,QAAgE,EAClG,uBAA0D,EAAE,QAA2B;IAEvF,OAAO;QACN,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3F,WAAW,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAChG,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAQ,CAAC,CAAC;YACzD,gCAAgC;QACjC,CAAC,EAAE,CAAC,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,CAAC,CAAC;KACjD,CAAC;AACH,CAAC"}

package/build/controls/hooks/useOutputMemoizingFilter.d.ts

@@ -0,0 +1 @@
+export declare function useOutputMemoizingFilter<A extends any[], R>(filter: (...args: A) => R, externals?: any[]): typeof filter;

package/build/controls/hooks/useOutputMemoizingFilter.js

@@ -0,0 +1,15 @@
+import { useCallback, useRef } from "@wordpress/element";
+export function useOutputMemoizingFilter(filter, externals) {
+    const existingState = useRef(undefined);
+    const memoizedFilter = useCallback((...args) => {
+        if (existingState.current !== undefined && existingState.current[0] === memoizedFilter
+            && (existingState.current[1] === args || args.every((a, i) => existingState.current[1][i] === a))) {
+            return existingState.current[2];
+        }
+        const res = filter(...args);
+        existingState.current = [memoizedFilter, args, res];
+        return res;
+    }, externals ? [filter, ...externals] : [filter]);
+    return memoizedFilter;
+}
+//# sourceMappingURL=useOutputMemoizingFilter.js.map

package/build/controls/hooks/useOutputMemoizingFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutputMemoizingFilter.js","sourceRoot":"","sources":["../../../src/controls/hooks/useOutputMemoizingFilter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAE,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAEvD,MAAM,UAAU,wBAAwB,CAAqB,MAAyB,EAAE,SAAiB;IACxG,MAAM,aAAa,GAAG,MAAM,CAAkC,SAAS,CAAC,CAAC;IACzE,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,GAAG,IAAO,EAAK,EAAE;QACpD,IAAI,aAAa,CAAC,OAAO,KAAK,SAAS,IAAI,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,cAAc;eAClF,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,OAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EACjG,CAAC;YACF,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;QAC5B,aAAa,CAAC,OAAO,GAAG,CAAC,cAAc,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QACpD,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,OAAO,cAAc,CAAC;AACvB,CAAC"}

package/build/controls/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./AsynchronousFormTokenField";
+export { AsynchronousFormTokenField } from "./AsynchronousFormTokenField";
 export * from "./BaseSortableItemsControl";
+export * from "./ExtendedFormTokenField";
 export * from "./ExtendedPostPicker";
 export * from "./ExtendedRadioControl";
 export * from "./ExtendedTextareaControl";

package/build/controls/index.js

@@ -1,5 +1,6 @@
-export * from "./AsynchronousFormTokenField";
+export { AsynchronousFormTokenField } from "./AsynchronousFormTokenField";
 export * from "./BaseSortableItemsControl";
+export * from "./ExtendedFormTokenField";
 export * from "./ExtendedPostPicker";
 export * from "./ExtendedRadioControl";
 export * from "./ExtendedTextareaControl";

package/build/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;AACxE,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/build/editor/post-featured-image.d.ts

@@ -1 +1,4 @@
 export declare function installPostFeaturedImageCardFocusTargeting(): void;
+export declare namespace installPostFeaturedImageCardFocusTargeting {
+    let called: boolean;
+}