@plaudit/gutenberg-api-extensions 2.7.0 → 2.9.0

package/build/controls/AsynchronousFormTokenField.js

@@ -0,0 +1,123 @@
+import { Spinner, FormTokenField } from '@wordpress/components';
+import { __ } from "@wordpress/i18n";
+import { useEffect, useState } from '@wordpress/element';
+import debounce from "debounce";
+import React 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 || (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 [myValidationRequestQueue] = useState(() => ({
+        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 => !props.validValues.has(value));
+                    if (tokensBeingValidatedList.length > 0) {
+                        const tokensBeingValidated = new Set(tokensBeingValidatedList);
+                        for (const value of tokensBeingValidatedList) {
+                            props.validValues.set(value, ValidationState.Validating);
+                        }
+                        const validatedTokens = await props.validationQuery(tokensBeingValidatedList);
+                        for (const validToken of validatedTokens) {
+                            tokensBeingValidated.delete(validToken.value);
+                            props.validValues.set(validToken.value, ValidationState.Valid);
+                        }
+                        for (const value of tokensBeingValidated) {
+                            if (props.validValues.get(value) === ValidationState.Validating) {
+                                props.validValues.set(value, ValidationState.Invalid);
+                            }
+                        }
+                    }
+                    if (myNumber === myValidationRequestQueue.currentRequest) {
+                        let changed = false;
+                        for (const token of currentTokens) {
+                            if (token.status === ValidationState.Validating) {
+                                const status = props.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] = useState(() => ({
+        queue: Promise.resolve(true),
+        currentRequest: 0,
+        debouncer: debounce(input => {
+            if (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);
+                props.validValues.set(rep.value, ValidationState.Valid);
+            }
+            if (props.value) {
+                for (const value of props.value) {
+                    if (!props.validValues.has(value)) {
+                        props.validValues.set(value, ValidationState.Invalid);
+                    }
+                }
+            }
+            setCurrentTokens(props.value?.map(value => ({ value, title: tokenLabels.get(value) ?? value, status: props.validValues.get(value) })) ?? []);
+            setIsInitializing(false);
+        });
+    }, []);
+    useEffect(() => myValidationRequestQueue.trigger(currentTokens), [currentTokens]);
+    if (isInitializing) {
+        return React.createElement(Spinner, null);
+    }
+    const tokenTitleMappings = new Map(currentTokens.map(currentToken => [currentToken.value, currentToken.title]));
+    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, displayTransform: token => tokenTitleMappings.get(token) ?? token, onInputChange: mySuggestionRequestQueue.debouncer }),
+        props.help && React.createElement("div", null,
+            React.createElement("span", { className: "components-form-token-field__help" }, props.help)),
+        isLoading && React.createElement("div", null,
+            React.createElement(Spinner, null),
+            React.createElement("span", { className: "components-form-token-field__help" }, __("Updating Suggestions"))),
+        isValidating && React.createElement("div", null,
+            React.createElement(Spinner, null),
+            React.createElement("span", { className: "components-form-token-field__help" }, __("Validating"))));
+}
+//# sourceMappingURL=AsynchronousFormTokenField.js.map

package/build/controls/AsynchronousFormTokenField.js.map

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

package/build/controls/ExtendedPostPicker.js

@@ -0,0 +1,29 @@
+import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
+import { useState } from "@wordpress/element";
+import { requestPostsFromAPI } from "./shared";
+import React from "react";
+export function ExtendedPostPicker(props) {
+    const [validPostIds, _] = useState(new Map());
+    const value = props.value ?? [];
+    return React.createElement(AsynchronousFormTokenField, { ...props, value: 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 });
+}
+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
+}
+//# sourceMappingURL=ExtendedPostPicker.js.map

package/build/controls/ExtendedPostPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedPostPicker.js","sourceRoot":"","sources":["../../src/controls/ExtendedPostPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE5C,OAAO,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,UAAU,kBAAkB,CAAC,KAAyC;IAC3E,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,EAA2B,CAAC,CAAC;IACvE,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;IAChC,OAAO,oBAAC,0BAA0B,OAC7B,KAAK,EACT,KAAK,EAAE,KAAK,EACZ,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"}

package/build/controls/InspectorPanel.js

@@ -4,5 +4,6 @@ import React from "react";
 export function InspectorPanel(props) {
     const FullyTypedInspectorControls = InspectorControls;
     return React.createElement(FullyTypedInspectorControls, { group: props.group },
-        React.createElement(PanelBody, Object.assign({}, props, { children: props.condition === undefined || props.condition() ? props.children : [] })));
+        React.createElement(PanelBody, { ...props, children: props.condition === undefined || props.condition() ? props.children : [] }));
 }
+//# sourceMappingURL=InspectorPanel.js.map

package/build/controls/InspectorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorPanel.js","sourceRoot":"","sources":["../../src/controls/InspectorPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAC,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAEhD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,UAAU,cAAc,CAAC,KAA6D;IAC3F,MAAM,2BAA2B,GAAG,iBAA0C,CAAC;IAC/E,OAAO,oBAAC,2BAA2B,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK;QACrD,oBAAC,SAAS,OAAK,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAI,CAC/E,CAAC;AAChC,CAAC"}

package/build/controls/LazySuggestionsComboboxControl.js

@@ -0,0 +1,70 @@
+import { BaseControl, ComboboxControl, Spinner } from "@wordpress/components";
+import { useEffect, useState } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import debounce from "debounce";
+import React from "react";
+export function LazySuggestionsComboboxControl(props) {
+    const [isInitializing, setIsInitializing] = useState(true);
+    const [isLoading, setIsLoading] = useState(false);
+    const [suggestions, setSuggestions] = useState([]);
+    const [mySuggestionRequestQueue] = useState(() => ({
+        queue: Promise.resolve(true),
+        currentRequest: 0,
+        debouncer: debounce((input) => {
+            setIsLoading(true);
+            const myNumber = ++mySuggestionRequestQueue.currentRequest;
+            mySuggestionRequestQueue.queue = mySuggestionRequestQueue.queue.then(async () => {
+                let suggestions;
+                if (input.length < 2) {
+                    if (props.value) {
+                        const propValue = await props.getOption(props.value);
+                        if (propValue) {
+                            suggestions = [propValue];
+                        }
+                        else {
+                            suggestions = [];
+                        }
+                    }
+                    else {
+                        suggestions = [];
+                    }
+                }
+                else {
+                    suggestions = await props.getSuggestions(input);
+                }
+                if (myNumber === mySuggestionRequestQueue.currentRequest) {
+                    if (props.onFilterValueChange) {
+                        props.onFilterValueChange(input);
+                    }
+                    setSuggestions(suggestions);
+                    setIsLoading(false);
+                }
+                return true;
+            });
+        }, 500)
+    }));
+    useEffect(() => {
+        if (props.value) {
+            props.getOption(props.value).then(option => {
+                setSuggestions(option ? [option] : []);
+                setIsInitializing(false);
+            }, () => {
+                //TODO: Add a notice for the error
+            });
+        }
+        else {
+            setIsInitializing(false);
+        }
+    }, []);
+    if (isInitializing) {
+        return React.createElement(BaseControl, { ...props },
+            React.createElement(Spinner, null),
+            React.createElement("span", null, __(`Initializing ${props.label}`)));
+    }
+    return React.createElement(React.Fragment, null,
+        React.createElement(ComboboxControl, { ...props, options: suggestions, onFilterValueChange: mySuggestionRequestQueue.debouncer, allowReset: props.allowReset !== false }),
+        isLoading && React.createElement("div", null,
+            React.createElement(Spinner, null),
+            React.createElement("span", { className: "components-base-control__help" }, __("Updating Suggestions"))));
+}
+//# sourceMappingURL=LazySuggestionsComboboxControl.js.map

package/build/controls/LazySuggestionsComboboxControl.js.map

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

package/build/controls/PickOne.js

@@ -17,13 +17,12 @@ export function PickOneFromToggleGroup(props) {
             : React.createElement(ToggleGroupControlOptionIcon, { key: value, value: value, label: label.text, icon: label.icon })) });
 }
 export function PickOneFromSelect(props) {
-    return React.createElement(SelectControl, Object.assign({}, makeSharedRadioAndSelectProps(props), { value: props.attributes[props.attribute] }));
+    return React.createElement(SelectControl, { ...makeSharedRadioAndSelectProps(props), value: props.attributes[props.attribute] });
 }
 export function PickOneFromRadios(props) {
-    return React.createElement(RadioControl, Object.assign({}, makeSharedRadioAndSelectProps(props), { selected: props.attributes[props.attribute] }));
+    return React.createElement(RadioControl, { ...makeSharedRadioAndSelectProps(props), selected: props.attributes[props.attribute] });
 }
 export function PickOneFromColors(props) {
-    var _a;
     const valueToColorMap = new Map();
     const colorToValueMap = new Map();
     const colors = [];
@@ -40,8 +39,9 @@ export function PickOneFromColors(props) {
             colors.push({ color: value, name: display.text });
         }
     }
-    const currentColor = (_a = valueToColorMap.get(props.attributes[props.attribute])) !== null && _a !== void 0 ? _a : props.attributes[props.attribute];
+    const currentColor = valueToColorMap.get(props.attributes[props.attribute]) ?? props.attributes[props.attribute];
     const { baseControlProps, controlProps } = useBaseControlProps({ label: props.label });
-    return React.createElement(BaseControl, Object.assign({}, baseControlProps),
-        React.createElement(ColorPalette, Object.assign({}, controlProps, { disableCustomColors: true, onChange: color => { var _a, _b; return props.setAttributes({ [props.attribute]: (_b = (_a = colorToValueMap.get(color !== null && color !== void 0 ? color : currentColor)) !== null && _a !== void 0 ? _a : color) !== null && _b !== void 0 ? _b : currentColor }); }, colors: colors, value: currentColor, clearable: false })));
+    return React.createElement(BaseControl, { ...baseControlProps },
+        React.createElement(ColorPalette, { ...controlProps, disableCustomColors: true, onChange: color => props.setAttributes({ [props.attribute]: colorToValueMap.get(color ?? currentColor) ?? color ?? currentColor }), colors: colors, value: currentColor, clearable: false }));
 }
+//# sourceMappingURL=PickOne.js.map

package/build/controls/PickOne.js.map

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

package/build/controls/SimpleToggle.js

@@ -3,3 +3,4 @@ import React from "react";
 export function SimpleToggle(props) {
     return React.createElement(ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: checked => props.setAttributes({ [props.attribute]: checked }) });
 }
+//# sourceMappingURL=SimpleToggle.js.map

package/build/controls/SimpleToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAIpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAmB,KAA0C;IACxF,OAAO,oBAAC,aAAa,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,GAAI,CAAC;AAClK,CAAC"}

package/build/controls/SortableItemsControl.js

@@ -0,0 +1,43 @@
+import { useEffect, useRef, useState } from "@wordpress/element";
+import React from "react";
+import { Button } from "@wordpress/components";
+export function SortableItemsControl(props) {
+    const value = [...props.value];
+    const containerRef = useRef(null);
+    useEffect(() => {
+    }, [containerRef]);
+    const [dirtiness, setDirtiness] = useState(0);
+    const makeDirty = () => setDirtiness(dirtiness + 1);
+    const onChangeByIndex = (datum, index) => {
+        value[index] = datum;
+        props.onChange(value);
+        makeDirty();
+    };
+    const moveByIndex = (index, direction) => {
+        const moved = value.splice(index, 1);
+        value.splice(index + direction, 0, ...moved);
+        makeDirty();
+    };
+    const remove = (index) => {
+        value.splice(index, 1);
+        props.onChange(value);
+        makeDirty();
+    };
+    return React.createElement("div", null,
+        React.createElement("div", { ref: containerRef }, ...props.value.map((datum, index) => React.createElement(SortableItem, { index: index, children: makeSortableItemChildren(props, datum, index, onChangeByIndex, remove) }))),
+        React.createElement("div", null,
+            React.createElement(Button, { onClick: () => {
+                    value.push(props.emptyValue);
+                    makeDirty();
+                } }, "Add Row")));
+}
+function makeSortableItemChildren(props, datum, index, onChangeByIndex, remove) {
+    return props.childProducer(datum, { index, onChange: datum => onChangeByIndex(datum, index) });
+}
+function SortableItem(props) {
+    return React.createElement("div", { "data-index": props.index },
+        React.createElement("div", { className: "plaudit-sortable-items-drag-handler" }, "//TODO: Make this look pretty"),
+        React.createElement("div", null, props.children),
+        React.createElement("div", null, "//TODO: Add a removal button"));
+}
+//# sourceMappingURL=SortableItemsControl.js.map

package/build/controls/SortableItemsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItemsControl.js","sourceRoot":"","sources":["../../src/controls/SortableItemsControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAE/D,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAC,MAAM,EAAC,MAAM,uBAAuB,CAAC;AAS7C,MAAM,UAAU,oBAAoB,CAAI,KAAmC;IAC1E,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/B,MAAM,YAAY,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACvD,SAAS,CAAC,GAAG,EAAE;IAEf,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IACnB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9C,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,CAAC,KAAQ,EAAE,KAAa,EAAE,EAAE;QACnD,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QACrB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACb,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,SAAe,EAAE,EAAE;QACtD,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACrC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,SAAS,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC;QAC7C,SAAS,EAAE,CAAC;IACb,CAAC,CAAC;IACF,MAAM,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACvB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACtB,SAAS,EAAE,CAAC;IACb,CAAC,CAAA;IACD,OAAO;QACN,6BAAK,GAAG,EAAE,YAAY,OACjB,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,wBAAwB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,CACjJ;QACN;YACC,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE;oBACrB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;oBAC7B,SAAS,EAAE,CAAC;gBACb,CAAC,cAEQ,CACJ,CACD,CAAC;AACR,CAAC;AAED,SAAS,wBAAwB,CAChC,KAAmC,EAAE,KAAQ,EAAE,KAAa,EAAE,eAAkD,EAAE,MAA+B;IAEjJ,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,EAAC,CAAC,CAAC;AAC9F,CAAC;AAED,SAAS,YAAY,CAAC,KAA2C;IAChE,OAAO,2CAAiB,KAAK,CAAC,KAAK;QAClC,6BAAK,SAAS,EAAC,qCAAqC,oCAE9C;QACN,iCACE,KAAK,CAAC,QAAQ,CACV;QACN,gEAEM,CACD,CAAA;AACP,CAAC"}

package/build/controls/index.js

@@ -1,3 +1,7 @@
+export * from "./AsynchronousFormTokenField";
+export * from "./ExtendedPostPicker";
 export * from "./InspectorPanel";
+export * from "./LazySuggestionsComboboxControl";
 export * from "./SimpleToggle";
 export * from "./PickOne";
+//# sourceMappingURL=index.js.map

package/build/controls/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC"}

package/build/controls/shared.js

@@ -0,0 +1,7 @@
+import apiFetch from "@wordpress/api-fetch";
+import { addQueryArgs } from "@wordpress/url";
+export async function requestPostsFromAPI(data) {
+    return (await apiFetch({ path: addQueryArgs("/plaudit/common/v1/post-table-search", data) }))
+        .map(item => ({ id: item.id.toString(), title: item.title }));
+}
+//# sourceMappingURL=shared.js.map

package/build/controls/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/controls/shared.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,IAAmE;IAC5G,OAAO,CAAC,MAAM,QAAQ,CAAuC,EAAC,IAAI,EAAE,YAAY,CAAC,sCAAsC,EAAE,IAAI,CAAC,EAAC,CAAC,CAAC;SAC/H,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;AAC9D,CAAC"}

package/build/controls/types.js

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=types.js.map

package/build/controls/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/controls/types.ts"],"names":[],"mappings":""}

package/build/index.js

@@ -1,3 +1,4 @@
 export * from "./blocks";
 export * from "./controls";
 export * from "./lib/plaudit-icons";
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC"}

package/build/lib/plaudit-icons/column-1.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const iconColumn1 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
     React.createElement("path", { d: "M32 2H2v20h30V2zM2 0C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2H2z", fillRule: "evenodd", clipRule: "evenodd" }));
+//# sourceMappingURL=column-1.js.map

package/build/lib/plaudit-icons/column-1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-1.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,2FAA2F,EAC7F,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/column-2.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const iconColumn2 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
     React.createElement("path", { d: "M32 0c1.1 0 2 .9 2 2v20c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h30zm0 22V2H18v20h14zm-16 0H2V2h14v20z", fillRule: "evenodd", clipRule: "evenodd" }));
+//# sourceMappingURL=column-2.js.map

package/build/lib/plaudit-icons/column-2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-2.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,+GAA+G,EACjH,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/column-3.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const iconColumn3 = React.createElement("svg", { width: 34, height: 24, viewBox: "0 0 34 24" },
     React.createElement("path", { d: "M34 2c0-1.1-.9-2-2-2H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h30c1.1 0 2-.9 2-2V2zM21.5 22h-9V2h9v20zm2 0V2H32v20h-8.5zm-13 0H2V2h8.5v20z", fillRule: "evenodd", clipRule: "evenodd" }));
+//# sourceMappingURL=column-3.js.map

package/build/lib/plaudit-icons/column-3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-3.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/column-3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW;IACzE,8BACC,CAAC,EAAC,mIAAmI,EACrI,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GACpC,CACG,CAAC"}

package/build/lib/plaudit-icons/placement-center.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const placementCenter = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
     React.createElement("path", { d: "M20,11h-5V4H9v7H4v1.5h5V20h6v-7.5h5V11z" }));
+//# sourceMappingURL=placement-center.js.map

package/build/lib/plaudit-icons/placement-center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-center.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC3J,8BAAM,CAAC,EAAC,yCAAyC,GAAG,CAC/C,CAAC"}

package/build/lib/plaudit-icons/placement-end.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const placementEnd = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
     React.createElement("path", { d: "M15,4H9v11h6V4z M4,18.5V20h16v-1.5H4z" }));
+//# sourceMappingURL=placement-end.js.map

package/build/lib/plaudit-icons/placement-end.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-end.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-end.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,YAAY,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IACxJ,8BAAM,CAAC,EAAC,uCAAuC,GAAG,CAC7C,CAAC"}

package/build/lib/plaudit-icons/placement-start.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const placementStart = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
     React.createElement("path", { d: "M9,20h6V9H9V20z M4,4v1.5h16V4H4z" }));
+//# sourceMappingURL=placement-start.js.map

package/build/lib/plaudit-icons/placement-start.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-start.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-start.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC1J,8BAAM,CAAC,EAAC,kCAAkC,GAAG,CACxC,CAAC"}

package/build/lib/plaudit-icons/placement-stretch.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const placementStretch = React.createElement("svg", { version: "1.1", x: "0px", y: "0px", focusable: false, viewBox: "0 0 24 24", enableBackground: "new 0 0 24 24", xmlSpace: "preserve" },
     React.createElement("path", { d: "M8.8,6.5h6v11h-6V6.5z M4,18.5h16V20H4V18.5z M4,4h16v1.5H4V4z" }));
+//# sourceMappingURL=placement-stretch.js.map

package/build/lib/plaudit-icons/placement-stretch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement-stretch.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/placement-stretch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,6BAAK,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAC,WAAW,EAAC,gBAAgB,EAAC,eAAe,EAAC,QAAQ,EAAC,UAAU;IAC5J,8BAAM,CAAC,EAAC,8DAA8D,GAAG,CACpE,CAAC"}

package/build/lib/plaudit-icons/plaudit-icon.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const plauditIcon = React.createElement("svg", { width: 24, height: 24, viewBox: "0 0 139 157.6" },
     React.createElement("path", { fill: "#d20000", d: "M83.3 39.1L101.6 9c2-3.2.9-7.1-2.4-8.5s-6.9.4-7.9 4l-9.7 33.9c-1.1 3.6-.3 4 1.7.7zm-43.9 19L9 40.5c-3.3-1.9-7.1-.7-8.5 2.6s.5 6.8 4.2 7.8l34.1 8.9c3.7 1 4 .2.6-1.7zm16.3-19c2 3.2 2.7 2.9 1.7-.7L47.6 4.5C46.5.8 43-1 39.7.5S35.3 5.8 37.3 9l18.4 30.1zm82.8 4c-1.4-3.3-5.2-4.5-8.5-2.6L99.5 58.1c-3.3 1.9-3 2.7.7 1.7l34.1-8.9c3.7-1 5.6-4.5 4.2-7.8zM88.8 57.7c-10.6-18.3-28-18.3-38.7 0l-38.7 66.6c-10.6 18.3-1.9 33.3 19.3 33.3h77.4c21.3 0 30-15 19.3-33.3L88.8 57.7zm-19.3 1c7.1 0 12.8 5.8 12.7 12.9s-5.8 12.8-12.9 12.7c-7 0-12.7-5.8-12.8-12.8.1-7.1 5.8-12.9 13-12.8zm32 91.2h-64c-17.6 0-24.8-8.1-16-18l32-35.9c8.8-9.9 23.2-9.9 32 0l32 35.9c8.8 9.9 1.6 17.9-16 18z" }));
+//# sourceMappingURL=plaudit-icon.js.map

package/build/lib/plaudit-icons/plaudit-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plaudit-icon.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/plaudit-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,6BAAK,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,eAAe;IAC7E,8BAAM,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,mpBAAmpB,GAAG,CACzpB,CAAC"}

package/build/lib/plaudit-icons/reusable-block-marker.js

@@ -1,3 +1,4 @@
 import React from "react";
 export const reusableBlockMarker = React.createElement("svg", { viewBox: "0 0 24 24" },
     React.createElement("path", { d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z" }));
+//# sourceMappingURL=reusable-block-marker.js.map

package/build/lib/plaudit-icons/reusable-block-marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reusable-block-marker.js","sourceRoot":"","sources":["../../../src/lib/plaudit-icons/reusable-block-marker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,mBAAmB,GAAG,6BAAK,OAAO,EAAC,WAAW;IAC1D,8BAAM,CAAC,EAAC,4UAA4U,GAAG,CAClV,CAAA"}

package/build/lib/plaudit-icons.js

@@ -10,3 +10,4 @@ export * from './plaudit-icons/placement-end';
 export * from './plaudit-icons/placement-stretch';
 export * from './plaudit-icons/plaudit-icon';
 export * from './plaudit-icons/reusable-block-marker';
+//# sourceMappingURL=plaudit-icons.js.map

package/build/lib/plaudit-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plaudit-icons.js","sourceRoot":"","sources":["../../src/lib/plaudit-icons.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,mDAAmD;AACnD,gDAAgD;AAEhD,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uCAAuC,CAAC"}

package/package.json

@@ -1,35 +1,38 @@
 {
 	"name": "@plaudit/gutenberg-api-extensions",
-	"version": "2.7.0",
+	"version": "2.9.0",
 	"scripts": {
 		"prepublishOnly": "rm -rf build && mkdir build && tsc",
 		"build": "tsc",
 		"watch": "tsc -w"
 	},
-	"files": ["./build"],
+	"files": ["./build", "./src"],
 	"sideEffects": false,
 	"exports": {
-		"./lib/plaudit-icons": "./build/lib/plaudit-icons.js",
-		"./blocks": "./build/blocks/index.js",
-		"./controls": "./build/controls/index.js"
-	},
-	"typesVersions": {
-		"*": {
-			"blocks": ["build/blocks/index.d.ts"],
-			"controls": ["build/controls/index.d.ts"],
-			"lib/plaudit-icons": ["build/lib/plaudit-icons.d.ts"]
+		"./lib/plaudit-icons": {
+			"types": "./src/lib/plaudit-icons.ts",
+			"default": "./build/lib/plaudit-icons.js"
+		},
+		"./blocks": {
+			"types": "./src/blocks/index.ts",
+			"default": "./build/blocks/index.js"
+		},
+		"./controls": {
+			"types": "./src/controls/index.ts",
+			"default": "./build/controls/index.js"
 		}
 	},
 	"dependencies": {
-		"@wordpress/block-editor": "^12.19.1",
-		"@wordpress/blocks": "^12.28.1",
-		"@wordpress/components": "^26.0.1",
-		"@wordpress/compose": "^6.28.0",
-		"@wordpress/core-data": "^6.28.1",
-		"@wordpress/data": "^9.21.0",
-		"@wordpress/element": "^5.28.0",
-		"@wordpress/hooks": "^3.51.0",
-		"@wordpress/i18n": "^4.51.0",
+		"@wordpress/block-editor": "^12.20.0",
+		"@wordpress/blocks": "^12.29.0",
+		"@wordpress/components": "^27.0.0",
+		"@wordpress/compose": "^6.29.0",
+		"@wordpress/core-data": "^6.29.0",
+		"@wordpress/data": "^9.22.0",
+		"@wordpress/element": "^5.29.0",
+		"@wordpress/hooks": "^3.52.0",
+		"@wordpress/i18n": "^4.52.0",
+		"debounce": "^2.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},