@plaudit/gutenberg-api-extensions 2.40.2 → 2.41.0

package/build/blocks/snp-group-component.d.ts

@@ -1,10 +1,9 @@
+import type { Dict } from "../controls";
 import type { GroupPropertyConfig } from "./common-native-property-constructors";
 import type { CSNPControlComponentProps } from "./shared-internal-types";
 import type { DataStore, SimpleNativeProperty } from "./simple-native-property-api";
 import React from "react";
-export type SNPGroupComponentProps = CSNPControlComponentProps<GroupPropertyConfig, {
-    [key: string]: any;
-}, {
+export type SNPGroupComponentProps = CSNPControlComponentProps<GroupPropertyConfig, Dict<any>, {
     hydratedProperties: SimpleNativeProperty[];
     parentDataStore: DataStore;
 }>;

package/build/blocks/snp-group-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"snp-group-component.js","sourceRoot":"","sources":["../../src/blocks/snp-group-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAG1C,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAyB;IACvH,MAAM,YAAY,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IAClE,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACxC,YAAY,CAAC,OAAO,GAAG,IAAI,eAAe,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC;IACxG,CAAC;SAAM,CAAC;QACP,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,qCAAc,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,+BAA+B,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,6BAA6B;QAC1K,oCAAS,MAAM,CAAC,KAAK,CAAU;QAC9B,2BAA2B,CAAC,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,CAChE,CAAC;AACb,CAAC"}
+{"version":3,"file":"snp-group-component.js","sourceRoot":"","sources":["../../src/blocks/snp-group-component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAI1C,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AAGpD,OAAO,EAAC,2BAA2B,EAAC,MAAM,+BAA+B,CAAC;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,UAAU,iBAAiB,CAAC,EAAC,MAAM,EAAE,kBAAkB,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAyB;IACvH,MAAM,YAAY,GAAG,MAAM,CAA4B,SAAS,CAAC,CAAC;IAClE,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;QACxC,YAAY,CAAC,OAAO,GAAG,IAAI,eAAe,CAAC,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC;IACxG,CAAC;SAAM,CAAC;QACP,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,qCAAc,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,+BAA+B,MAAM,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,6BAA6B;QAC1K,oCAAS,MAAM,CAAC,KAAK,CAAU;QAC9B,2BAA2B,CAAC,kBAAkB,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,CAChE,CAAC;AACb,CAAC"}

package/build/controls/AsynchronousFormTokenField.d.ts

@@ -3,19 +3,28 @@ import React from "react";
 export declare const enum ValidationState {
     Valid = "success",
     Invalid = "error",
-    Validating = "validating"
+    Validating = "validating",
+    Waiting = "waiting"
 }
-export interface AsynchronousFormTokenFieldProps {
-    label: string;
+type AsynchronousFormTokenFieldPropsBase = {
+    label?: string;
     help?: string;
-    value?: string[];
-    onChange: (value: string[]) => void;
     validationQuery(tokens: string[]): Promise<Array<TokenItem>>;
     suggestionQuery(input: string): Promise<Array<string>>;
     makeTokenFromSuggestion(suggestion: string): TokenItem;
-    validValues: Map<string, ValidationState>;
     validator?: (value: string) => boolean;
-    multiple?: boolean;
     expandOnFocus?: boolean;
-}
+};
+type AsynchronousFormTokenFieldPropsSingle = AsynchronousFormTokenFieldPropsBase & {
+    value?: string;
+    onChange: (value: string) => void;
+    multiple: false;
+};
+type AsynchronousFormTokenFieldPropsMultiple = AsynchronousFormTokenFieldPropsBase & {
+    value?: string[];
+    onChange: (value: string[]) => void;
+    multiple?: true | undefined;
+};
+export type AsynchronousFormTokenFieldProps = AsynchronousFormTokenFieldPropsSingle | AsynchronousFormTokenFieldPropsMultiple;
 export declare function AsynchronousFormTokenField(props: AsynchronousFormTokenFieldProps): React.JSX.Element;
+export {};

package/build/controls/AsynchronousFormTokenField.js

@@ -1,130 +1,43 @@
 import { Spinner, FormTokenField } from '@wordpress/components';
-import { debounce } from "@wordpress/compose";
 import { __ } from "@wordpress/i18n";
-import { useEffect, useMemo, useState } from '@wordpress/element';
-import React from "react";
+import { useMultiSingleConversionLayer } from "./hooks/useMultiSingleConversionLayer";
+import { useSuggestions } from "./hooks/useSuggestions";
+import { useTokenManager } from "./hooks/useTokenManager";
+import React, { useCallback } from "react";
 // 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["Waiting"] = "waiting";
 })(ValidationState || (ValidationState = {}));
 export function AsynchronousFormTokenField(props) {
-    const [isInitializing, setIsInitializing] = useState(true);
-    const [isLoading, setIsLoading] = useState(false);
-    const [isValidating, setIsValidating] = useState(false);
-    const [currentTokens, setCurrentTokens] = useState([]);
-    const [suggestions, setSuggestions] = useState([]);
-    const { help, expandOnFocus = false, validValues } = props;
-    const myValidationRequestQueue = useMemo(() => ({
-        queue: Promise.resolve(true), currentRequest: 0,
-        trigger(currentTokens) {
-            const tokensInNeedOfValidation = currentTokens.filter(token => token.status === ValidationState.Validating);
-            if (tokensInNeedOfValidation.length > 0) {
-                setIsValidating(true);
-                const myNumber = ++myValidationRequestQueue.currentRequest;
-                myValidationRequestQueue.queue = myValidationRequestQueue.queue.then(async () => {
-                    const tokensBeingValidatedList = tokensInNeedOfValidation.map(token => token.value).filter(value => !validValues.has(value));
-                    if (tokensBeingValidatedList.length > 0) {
-                        const tokensBeingValidated = new Set(tokensBeingValidatedList);
-                        for (const value of tokensBeingValidatedList) {
-                            validValues.set(value, ValidationState.Validating);
-                        }
-                        const validatedTokens = await props.validationQuery(tokensBeingValidatedList);
-                        for (const validToken of validatedTokens) {
-                            tokensBeingValidated.delete(validToken.value);
-                            validValues.set(validToken.value, ValidationState.Valid);
-                        }
-                        for (const value of tokensBeingValidated) {
-                            if (validValues.get(value) === ValidationState.Validating) {
-                                validValues.set(value, ValidationState.Invalid);
-                            }
-                        }
-                    }
-                    if (myNumber === myValidationRequestQueue.currentRequest) {
-                        let changed = false;
-                        for (const token of currentTokens) {
-                            if (token.status === ValidationState.Validating) {
-                                const status = validValues.get(token.value);
-                                if (status !== undefined && token.status !== status) {
-                                    changed = true;
-                                    token.status = status;
-                                }
-                            }
-                        }
-                        if (changed) {
-                            setCurrentTokens(currentTokens);
-                        }
-                        setIsValidating(false);
-                    }
-                    return true;
-                });
-            }
-        }
-    }), []);
-    const mySuggestionRequestQueue = useMemo(() => ({
-        queue: Promise.resolve(true),
-        currentRequest: 0,
-        trigger: debounce(input => {
-            if (typeof input !== 'string') {
-                return;
-            }
-            if (!expandOnFocus && input.length < 2) {
-                setSuggestions([]);
-            }
-            else {
-                setIsLoading(true);
-                const myNumber = ++mySuggestionRequestQueue.currentRequest;
-                mySuggestionRequestQueue.queue = mySuggestionRequestQueue.queue.then(async () => {
-                    if (myNumber === mySuggestionRequestQueue.currentRequest) {
-                        setSuggestions(await props.suggestionQuery(input));
-                        setIsLoading(false);
-                    }
-                    return true;
-                });
-            }
-        }, 500)
-    }), []);
-    useEffect(() => {
-        props.validationQuery(props.value ?? []).then(data => {
-            const tokenLabels = new Map();
-            for (const rep of data) {
-                tokenLabels.set(rep.value, rep.title);
-                validValues.set(rep.value, ValidationState.Valid);
-            }
-            if (props.value) {
-                for (const value of props.value) {
-                    if (!validValues.has(value)) {
-                        validValues.set(value, ValidationState.Invalid);
-                    }
-                }
-            }
-            setCurrentTokens(props.value?.map(value => ({ value, title: tokenLabels.get(value) ?? value, status: validValues.get(value) })) ?? []);
-            setIsInitializing(false);
-        });
-    }, []);
-    useEffect(() => myValidationRequestQueue.trigger(currentTokens), [currentTokens]);
+    const [value, setValue] = props.multiple === false
+        ? useMultiSingleConversionLayer(props.value, props.onChange, props.makeTokenFromSuggestion, false)
+        : useMultiSingleConversionLayer(props.value, props.onChange, props.makeTokenFromSuggestion, true);
+    const { currentTokens, dispatchValueUpdate, hasValidationError, isInitializing, isValidating, tokenTitleMappings } = useTokenManager(value, setValue, props.validationQuery, props.makeTokenFromSuggestion);
+    const { hasLoadingError, isLoading, suggestions, input, setInput } = useSuggestions(undefined, { expandOnFocus: props.expandOnFocus, getSuggestions: props.suggestionQuery });
+    const displayTransform = useCallback((token) => tokenTitleMappings[token] ?? token, [tokenTitleMappings]);
+    const onFocus = useCallback(() => setInput(input), [input]);
+    const { help, expandOnFocus = false } = props;
     if (isInitializing) {
         return React.createElement(Spinner, null);
     }
-    const tokenTitleMappings = new Map(currentTokens.map(currentToken => [currentToken.value, currentToken.title]));
     //TODO: If focus is in field but user hasn't started typing, show a message telling them to start typing
     return React.createElement(React.Fragment, null,
-        React.createElement(FormTokenField, { value: currentTokens, label: props.label, placeholder: "Start typing to see suggestions", suggestions: suggestions, onChange: tokens => {
-                const tokenItems = tokens.map(token => typeof token === 'string' ? props.makeTokenFromSuggestion(token) : token);
-                props.onChange(tokenItems.map(token => token.value));
-                setCurrentTokens(tokenItems);
-            }, __experimentalValidateInput: props.validator, __experimentalAutoSelectFirstMatch: true, __experimentalExpandOnFocus: expandOnFocus, displayTransform: token => tokenTitleMappings.get(token) ?? token, onInputChange: mySuggestionRequestQueue.trigger, onFocus: () => {
-                if (expandOnFocus) {
-                    mySuggestionRequestQueue.trigger("");
-                }
-            } }),
+        React.createElement(FormTokenField, { value: currentTokens, label: props.label, placeholder: "Start typing to see suggestions", suggestions: suggestions, onChange: dispatchValueUpdate, maxLength: props.multiple === false ? 1 : undefined, __experimentalValidateInput: props.validator, __experimentalAutoSelectFirstMatch: true, __experimentalExpandOnFocus: expandOnFocus, displayTransform: displayTransform, onInputChange: setInput, onFocus: onFocus }),
         help && React.createElement("div", null,
             React.createElement("span", { className: "components-form-token-field__help" }, help)),
+        hasLoadingError && React.createElement("div", null,
+            React.createElement(Spinner, null),
+            React.createElement("span", { className: "components-form-token-field__help" }, __("An Error Occurred While Loading Suggestions"))),
         isLoading && React.createElement("div", null,
             React.createElement(Spinner, null),
             React.createElement("span", { className: "components-form-token-field__help" }, __("Updating Suggestions"))),
+        hasValidationError && React.createElement("div", null,
+            React.createElement(Spinner, null),
+            React.createElement("span", { className: "components-form-token-field__help" }, __("An Error Occurred While Validating"))),
         isValidating && React.createElement("div", null,
             React.createElement(Spinner, null),
             React.createElement("span", { className: "components-form-token-field__help" }, __("Validating"))));

package/build/controls/AsynchronousFormTokenField.js.map

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

package/build/controls/ExtendedPostPicker.d.ts

@@ -1,13 +1,21 @@
 import React from "react";
-type ExtendedPostPickerProps = {
-    onChange: (value: string[]) => void;
-    label: string;
+type ExtendedPostPickerPropsBase = {
+    label?: string;
     help?: string;
-    postTypes: string[];
-    placeholder: string;
+    postTypes?: string[];
+    placeholder?: string;
+};
+type ExtendedPostPickerPropsSingle = ExtendedPostPickerPropsBase & {
+    onChange: (value: string) => void;
+    value?: string;
+    multiple: false;
+};
+type ExtendedPostPickerPropsMultiple = ExtendedPostPickerPropsBase & {
+    onChange: (value: string[]) => void;
     value?: string[];
-    multiple?: boolean;
+    multiple?: true | undefined;
 };
-export type ExtendedPostPickerConstructorProps = Partial<Omit<ExtendedPostPickerProps, 'onChange' | 'value' | 'label'>> & Pick<ExtendedPostPickerProps, 'onChange' | 'value' | 'label'>;
-export declare function ExtendedPostPicker(props: ExtendedPostPickerConstructorProps): React.JSX.Element;
+export type ExtendedPostPickerProps = ExtendedPostPickerPropsSingle | ExtendedPostPickerPropsMultiple;
+export type ExtendedPostPickerConstructorProps = ExtendedPostPickerProps;
+export declare function ExtendedPostPicker(props: ExtendedPostPickerProps): React.JSX.Element;
 export {};

package/build/controls/ExtendedPostPicker.js

@@ -1,28 +1,32 @@
-import { useMemo } from "@wordpress/element";
 import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
-import { requestPostsFromAPI } from "./shared";
-import React from "react";
+import { isNumeric, requestPostsFromAPI } from "./shared";
+import React, { useCallback } from "react";
 export function ExtendedPostPicker(props) {
-    const validPostIds = useMemo(() => new Map(), []);
-    return React.createElement(AsynchronousFormTokenField, { ...props, value: props.value ?? [], makeTokenFromSuggestion: token => {
-            if (isNumeric(token)) {
-                return { value: token, status: validPostIds.get(token) ?? ValidationState.Validating, title: token };
-            }
-            else {
-                const tokenId = /\(#([0-9]+)\)$/.exec(token)?.[1];
-                if (tokenId) {
-                    return { value: tokenId, status: validPostIds.get(tokenId) ?? ValidationState.Validating, title: token };
-                }
-                return { value: token, status: ValidationState.Invalid, title: token };
-            }
-        }, suggestionQuery: input => requestPostsFromAPI({ search: input, postTypes: props.postTypes?.join(',') })
-            .then(posts => posts.map(post => `${post.title} (#${post.id})`)), validationQuery: idsBeingValidated => requestPostsFromAPI({ ids: idsBeingValidated.join(','), postTypes: props.postTypes?.join(',') })
-            .then(posts => posts.map(post => ({ value: post.id, title: post.title, status: ValidationState.Valid }))), validValues: validPostIds, validator: token => /\(#([0-9]+)\)$/.exec(token)?.[1] !== undefined });
+    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]);
+    if (props.multiple === false) {
+        return React.createElement(AsynchronousFormTokenField, { ...remainder, value: props.value, multiple: props.multiple, onChange: props.onChange, makeTokenFromSuggestion: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+    }
+    else {
+        return React.createElement(AsynchronousFormTokenField, { ...remainder, value: props.value, multiple: props.multiple, onChange: props.onChange, makeTokenFromSuggestion: makeTokenFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+    }
 }
-function isNumeric(str) {
-    if (typeof str !== "string")
-        return true; // we only process strings!
-    return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
-        !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail
+function makeTokenFromSuggestion(token) {
+    if (isNumeric(token)) {
+        return { value: token, status: ValidationState.Validating, title: token };
+    }
+    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 };
+    }
+}
+function validator(token) {
+    return /\(#([0-9]+)\)$/.exec(token)?.[1] !== undefined;
 }
 //# sourceMappingURL=ExtendedPostPicker.js.map

package/build/controls/ExtendedPostPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtendedPostPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedPostPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAC,0BAA0B,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,UAAU,kBAAkB,CAAC,KAAyC;IAC3E,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAA2B,EAAE,EAAE,CAAC,CAAC;IAC3E,OAAO,oBAAC,0BAA0B,OAC7B,KAAK,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EACxB,uBAAuB,EAAE,KAAK,CAAC,EAAE;YAChC,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;gBACtB,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;YACpG,CAAC;iBAAM,CAAC;gBACP,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAClD,IAAI,OAAO,EAAE,CAAC;oBACb,OAAO,EAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;gBACxG,CAAC;gBACD,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;YACtE,CAAC;QACF,CAAC,EACD,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC;aACnG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,EACjE,eAAe,EAAE,iBAAiB,CAAC,EAAE,CAAC,mBAAmB,CAAC,EAAC,GAAG,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,EAAC,CAAC;aAClI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC,EACxG,WAAW,EAAE,YAAY,EACzB,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,GAClE,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,GAAkB;IACpC,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,CAAC,2BAA2B;IACrE,OAAO,CAAC,KAAK,CAAC,GAAU,CAAC,IAAI,mGAAmG;QAC/H,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,2CAA2C;AACrE,CAAC"}
+{"version":3,"file":"ExtendedPostPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedPostPicker.tsx"],"names":[],"mappings":"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"}

package/build/controls/ExtendedRadioControl.js

@@ -1,6 +1,6 @@
 import { BaseControl, __experimentalVStack as VStack } from "@wordpress/components";
 import { useInstanceId } from "@wordpress/compose";
-import { useState } from "@wordpress/element";
+import { useCallback, useState } from "@wordpress/element";
 import React from "react";
 /**
  * This is a variant of WordPress'
@@ -10,11 +10,16 @@ export function ExtendedRadioControl(props) {
     const instanceId = useInstanceId(ExtendedRadioControl);
     const id = `inspector-radio-control-${instanceId}`;
     const [valueIsCustom, setValueIsCustom] = useState(() => options.find(option => option.value === selected) === undefined);
-    const onChangeValue = (event) => {
+    const [customValue, setCustomValue] = useState(valueIsCustom ? selected : "");
+    const onChangeValue = useCallback((event) => {
         setValueIsCustom(options.find(option => option.value === event.target.value) === undefined);
         onChange(event.target.value);
-    };
-    const [customValue, setCustomValue] = useState(valueIsCustom ? selected : "");
+    }, [onChange, options, setValueIsCustom]);
+    const onChangeCustom = useCallback((e) => {
+        onChangeValue(e);
+        setValueIsCustom(true);
+        setCustomValue(e.target.value);
+    }, [onChangeValue, setValueIsCustom, setCustomValue]);
     if (!options?.length) {
         return null;
     }
@@ -28,10 +33,6 @@ export function ExtendedRadioControl(props) {
             allowCustom && React.createElement("div", { key: `${id}-${options.length}`, className: "components-radio-control__option" },
                 React.createElement("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 }),
                 React.createElement("label", { id: `${id}-custom-label`, className: "components-radio-control__label", htmlFor: `${id}-${options.length}` }, "Custom:"),
-                React.createElement("input", { "aria-labelledby": `${id}-custom-label`, type: "text", value: customValue ?? '', onChange: e => {
-                        onChangeValue(e);
-                        setValueIsCustom(true);
-                        setCustomValue(e.target.value);
-                    } })))));
+                React.createElement("input", { "aria-labelledby": `${id}-custom-label`, type: "text", value: customValue ?? '', onChange: onChangeCustom })))));
 }
 //# sourceMappingURL=ExtendedRadioControl.js.map

package/build/controls/ExtendedRadioControl.js.map

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

package/build/controls/ImageControl.js

@@ -1,6 +1,7 @@
 import { MediaUpload, MediaUploadCheck } from "@wordpress/block-editor";
 import { BaseControl, Button, FocalPointPicker, ResponsiveWrapper, useBaseControlProps } from "@wordpress/components";
 import { useSelect } from "@wordpress/data";
+import { useCallback, useMemo } from "@wordpress/element";
 import { __ } from "@wordpress/i18n";
 import React from "react";
 export function ImageControl(props) {
@@ -12,14 +13,20 @@ export function ImageControl(props) {
             ? React.createElement(ImageControlWithUploadedImage, { ...props, media: media })
             : React.createElement(ImageControlWithoutUploadedImage, { ...props, media: media })));
 }
+const ALLOWED_TYPES = ['image'];
 function ImageControlWithUploadedImage(props) {
     const { includeFocalPointPicker, media, onChange, value } = props;
+    const onFPPChange = useCallback((pos) => onChange(mergeInUpdatedValuePart(value, 'pos', { x: pos.x * 100, y: pos.y * 100 })), [onChange, value]);
+    const onSelect = useCallback((media) => onChange(mergeInUpdatedValuePart(value, 'media', media)), [onChange, value]);
+    const renderOpenButton = useCallback(({ open }) => React.createElement(Button, { onClick: open, variant: "secondary" }, __('Replace image', 'plaudit')), []);
+    const clear = useCallback(() => onChange(undefined), [onChange]);
+    const fppValue = useMemo(() => ({
+        x: (value?.pos?.x ?? 50) / 100,
+        y: (value?.pos?.y ?? 50) / 100
+    }), [value?.pos?.x, value?.pos?.y]);
     let fppOrMedia;
     if (includeFocalPointPicker !== false) {
-        fppOrMedia = React.createElement(FocalPointPicker, { onChange: pos => onChange(mergeInUpdatedValuePart(value, 'pos', { x: pos.x * 100, y: pos.y * 100 })), url: value?.media?.url ?? '', value: {
-                x: (value?.pos?.x ?? 50) / 100,
-                y: (value?.pos?.y ?? 50) / 100
-            } });
+        fppOrMedia = React.createElement(FocalPointPicker, { onChange: onFPPChange, url: value?.media?.url ?? '', value: fppValue });
     }
     else {
         fppOrMedia = React.createElement(ResponsiveWrapper, { naturalWidth: parseFloat(media.media_details["width"]), naturalHeight: parseFloat(media.media_details["height"]) },
@@ -28,17 +35,19 @@ function ImageControlWithUploadedImage(props) {
     return React.createElement(React.Fragment, null,
         value?.media?.url && fppOrMedia,
         React.createElement(MediaUploadCheck, null,
-            React.createElement(MediaUpload, { title: __('Replace image', 'plaudit'), value: value?.media?.id ?? 0, onSelect: media => onChange({ ...value, media: { id: media.id, url: media['url'] } }), allowedTypes: ['image'], render: ({ open }) => (React.createElement(Button, { onClick: open, variant: "secondary" }, __('Replace image', 'plaudit'))) }),
-            React.createElement(Button, { onClick: () => onChange(undefined), isDestructive: true }, __('Remove image', 'plaudit'))));
+            React.createElement(MediaUpload, { title: __('Replace image', 'plaudit'), value: value?.media?.id ?? 0, onSelect: onSelect, allowedTypes: ALLOWED_TYPES, render: renderOpenButton }),
+            React.createElement(Button, { onClick: clear, isDestructive: true }, __('Remove image', 'plaudit'))));
 }
 function ImageControlWithoutUploadedImage(props) {
     const { media, onChange, value } = props;
+    const onSelect = useCallback((media) => onChange(mergeInUpdatedValuePart(value, 'media', media)), [onChange, value]);
+    const renderOpenButton = useCallback(({ open }) => (React.createElement(Button, { className: !value?.media?.id ? 'editor-post-featured-image__toggle' : 'editor-post-featured-image__preview', onClick: open },
+        !value?.media?.id && __('Choose an image', 'plaudit'),
+        media &&
+            React.createElement(ResponsiveWrapper, { naturalWidth: parseFloat(media.media_details["width"]), naturalHeight: parseFloat(media.media_details["height"]) },
+                React.createElement("img", { src: media.source_url, alt: "The currently-selected image." })))), [media, value?.media?.id]);
     return React.createElement(MediaUploadCheck, null,
-        React.createElement(MediaUpload, { onSelect: media => onChange(mergeInUpdatedValuePart(value, 'media', media)), value: value?.media?.id ?? 0, allowedTypes: ['image'], render: ({ open }) => (React.createElement(Button, { className: !value?.media?.id ? 'editor-post-featured-image__toggle' : 'editor-post-featured-image__preview', onClick: open },
-                !value?.media?.id && __('Choose an image', 'plaudit'),
-                media &&
-                    React.createElement(ResponsiveWrapper, { naturalWidth: parseFloat(media.media_details["width"]), naturalHeight: parseFloat(media.media_details["height"]) },
-                        React.createElement("img", { src: media.source_url, alt: "The currently-selected image." })))) }));
+        React.createElement(MediaUpload, { onSelect: onSelect, value: value?.media?.id ?? 0, allowedTypes: ALLOWED_TYPES, render: renderOpenButton }));
 }
 function mergeInUpdatedValuePart(value, partName, part) {
     if (part === undefined) {

package/build/controls/ImageControl.js.map

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