@plaudit/gutenberg-api-extensions 2.40.2 → 2.42.0

package/build/controls/LazySuggestionsComboboxControl.js

@@ -1,99 +1,35 @@
 import { BaseControl, ComboboxControl, Spinner } from "@wordpress/components";
-import { debounce } from "@wordpress/compose";
-import { useEffect, useState } from "@wordpress/element";
+import { useCallback, useMemo, useState } from "@wordpress/element";
 import { __ } from "@wordpress/i18n";
+import { useSuggestions } from "./hooks/useSuggestions";
 import React from "react";
 export function LazySuggestionsComboboxControl(props) {
-    const [isInitializing, setIsInitializing] = useState(true);
-    const [isLoading, setIsLoading] = useState(false);
-    const [hasLoadingError, setSetHasLoadingError] = useState(false);
+    const { help, allowReset, className, ...passthroughProps } = props;
+    const { hasLoadingError, isInitializing, isLoading, suggestions, input, setInput } = useSuggestions(props.value, props);
     const [hasFocus, setHasFocus] = useState(false);
-    const [mostRecentInput, setMostRecentInput] = useState("");
-    const [suggestions, setSuggestions] = useState([]);
-    const { help, allowReset, ...passthroughProps } = props;
-    const [mySuggestionRequestQueue] = useState(() => ({
-        queue: Promise.resolve(true),
-        currentRequest: 0,
-        debouncer: debounce(input => {
-            if (typeof input !== 'string') {
-                return;
-            }
-            setIsLoading(true);
-            const myNumber = ++mySuggestionRequestQueue.currentRequest;
-            mySuggestionRequestQueue.queue = mySuggestionRequestQueue.queue.then(async () => {
-                setSetHasLoadingError(false);
-                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;
-            }).catch(err => {
-                setSetHasLoadingError(true);
-                console.error("An error occurred while loading options:", err);
-                return false;
-            });
-        }, 500)
-    }));
-    useEffect(() => {
-        if (props.value) {
-            props.getOption(props.value).then(option => {
-                setSuggestions(option ? [option] : []);
-                setIsInitializing(false);
-                setSetHasLoadingError(false);
-            }, err => {
-                setSetHasLoadingError(true);
-                console.error("An error occurred while loading options:", err);
-            });
+    const options = useMemo(() => hasFocus && input.length < 2 || (isLoading && !suggestions.length) ? [{ label: input, value: "", disabled: true }] : suggestions, [hasFocus, input, isLoading, suggestions]);
+    const onFocus = useCallback((e) => setHasFocus(e.currentTarget.contains(e.target)), [setHasFocus]);
+    const onBlur = useCallback((e) => setHasFocus(e.currentTarget.contains(e.relatedTarget)), [setHasFocus]);
+    const onFilterValueChange = useCallback((value) => {
+        if (props.onFilterValueChange) {
+            props.onFilterValueChange(value);
         }
-        else {
-            setIsInitializing(false);
-        }
-    }, []);
+        setInput(value);
+    }, [props.onFilterValueChange, setInput]);
+    const __experimentalRenderItem = useMemo(() => {
+        return hasFocus && input.length < 2 ? () => __("Start typing to see suggestions")
+            : (isLoading && !suggestions.length ? () => __("Loading suggestions") : undefined);
+    }, [hasFocus, input, isLoading, suggestions]);
     if (isInitializing) {
         return React.createElement(BaseControl, { ...props },
             React.createElement(Spinner, null),
             React.createElement("span", null, __(`Initializing ${props.label}`)));
     }
-    return React.createElement("div", { onFocus: e => setHasFocus(e.currentTarget.contains(e.target)), onBlur: e => {
-            const updatedHasFocus = e.currentTarget.contains(e.relatedTarget);
-            setHasFocus(updatedHasFocus);
-            if (!updatedHasFocus) {
-                setMostRecentInput("");
-            }
-        } },
-        React.createElement(ComboboxControl, { ...passthroughProps, help: React.createElement(React.Fragment, null,
-                mostRecentInput.length < 2 && hasFocus && React.createElement(React.Fragment, null,
-                    __("Start typing to see suggestions"),
-                    React.createElement("br", null)),
-                help), options: suggestions, onFilterValueChange: value => {
-                mySuggestionRequestQueue.debouncer(value);
-                setMostRecentInput(value);
-            }, allowReset: allowReset !== false }),
+    const needsGreyOut = input.length < 2 || (isLoading && !suggestions.length);
+    return React.createElement("div", { onFocus: onFocus, onBlur: onBlur },
+        isLoading && React.createElement(Spinner, { style: { marginTop: "30px", position: "absolute", right: "40px" }, "aria-label": "Updating Suggestions" }),
+        React.createElement(ComboboxControl, { ...passthroughProps, className: className ? `${className}${needsGreyOut ? " insufficient-input-length" : ""}` : (needsGreyOut ? "insufficient-input-length" : undefined), help: help, options: options, onFilterValueChange: onFilterValueChange, __experimentalRenderItem: __experimentalRenderItem, allowReset: allowReset !== false }),
         hasLoadingError && React.createElement("div", null,
-            React.createElement("span", { className: "components-base-control__help" }, __("An error occurred while updating suggestions"))),
-        isLoading && React.createElement("div", null,
-            React.createElement(Spinner, null),
-            React.createElement("span", { className: "components-base-control__help" }, __("Updating Suggestions"))));
+            React.createElement("span", { className: "components-base-control__help" }, __("An error occurred while updating suggestions"))));
 }
 //# sourceMappingURL=LazySuggestionsComboboxControl.js.map

package/build/controls/LazySuggestionsComboboxControl.js.map

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

package/build/controls/MultiSelectControl.d.ts

@@ -1,5 +1,5 @@
+import type { PickableOptions } from "./types";
 import React from "react";
-import { PickableOptions } from "./types";
 type MultiSelectProps = {
     onChange: (value: string[]) => void;
     options: PickableOptions<string>;

package/build/controls/MultiSelectControl.js

@@ -1,27 +1,33 @@
-import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
 import { useMemo } from "@wordpress/element";
-import React from "react";
+import { AsynchronousFormTokenField, ValidationState } from "./AsynchronousFormTokenField";
 import { getLabel, normalizePickableOptionsToPairs } from "./shared";
+import React, { useCallback } from "react";
 export function MultiSelectControl(props) {
-    const { value = [], options, ...fieldProps } = props;
-    const normalizedOptions = normalizePickableOptionsToPairs(options);
-    const validOptions = normalizedOptions.reduce((acc, val) => {
-        acc[val[0]] = `${getLabel(val)} (#${val[0]})`;
-        return acc;
-    }, {});
-    const validatedTokens = useMemo(() => new Map(), []);
-    return React.createElement(AsynchronousFormTokenField, { ...fieldProps, value: value, makeTokenFromSuggestion: 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 };
-            }
-        }, suggestionQuery: async (input) => normalizedOptions
+    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]})`), validationQuery: async (values) => values
+            .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 })), validValues: validatedTokens, validator: token => /\(#([^)]+)\)$/.exec(token)?.[1] !== undefined });
+            .map(value => ({ value, title: validOptions[value], status: ValidationState.Valid }));
+    }, [validOptions]);
+    return React.createElement(AsynchronousFormTokenField, { ...fieldProps, value: value, makeTokenFromSuggestion: makeTokenValueFromSuggestion, suggestionQuery: suggestionQuery, validationQuery: validationQuery, validator: validator });
+}
+function validator(token) {
+    return /\(#([^)]+)\)$/.exec(token)?.[1] !== undefined;
 }
 //# sourceMappingURL=MultiSelectControl.js.map

package/build/controls/MultiSelectControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectControl.js","sourceRoot":"","sources":["../../src/controls/MultiSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,0BAA0B,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AACzF,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAE,+BAA+B,EAAC,MAAM,UAAU,CAAC;AAenE,MAAM,UAAU,kBAAkB,CAAC,KAAkC;IACpE,MAAM,EAAC,KAAK,GAAG,EAAE,EAAE,OAAO,EAAE,GAAG,UAAU,EAAC,GAAG,KAAK,CAAC;IACnD,MAAM,iBAAiB,GAAG,+BAA+B,CAAC,OAAO,CAAC,CAAC;IACnE,MAAM,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QAC1D,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC9C,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAA6B,CAAC,CAAC;IAElC,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,EAA2B,EAAE,EAAE,CAAC,CAAC;IAC9E,OAAO,oBAAC,0BAA0B,OAC7B,UAAU,EACd,KAAK,EAAE,KAAK,EACZ,uBAAuB,EAAE,KAAK,CAAC,EAAE;YAChC,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,OAAO,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,KAAK,EAAC,CAAC;YAClF,CAAC;iBAAM,CAAC;gBACP,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;gBAC/C,OAAO,KAAK,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,UAAU,EAAC,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC;YAC1I,CAAC;QACF,CAAC,EACD,eAAe,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE,CAAC,iBAAiB;aAC/C,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC/E,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAEtD,eAAe,EAAE,KAAK,EAAC,MAAM,EAAC,EAAE,CAAC,MAAM;aACrC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;aAClD,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,eAAe,CAAC,KAAK,EAAC,CAAC,CAAC,EAEpF,WAAW,EAAE,eAAe,EAC5B,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,SAAS,GACjE,CAAC;AACJ,CAAC"}
+{"version":3,"file":"MultiSelectControl.js","sourceRoot":"","sources":["../../src/controls/MultiSelectControl.tsx"],"names":[],"mappings":"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"}

package/build/controls/PromisableComponent.d.ts

@@ -0,0 +1,10 @@
+import React, { type ReactNode } from "react";
+export type AwaitedProps<T extends object> = {
+    [K in keyof T]: Awaited<T[K]>;
+};
+export type PromisableComponentProps<T extends Awaited<object>> = {
+    promisedProps: T | Promise<T>;
+    initializing?: () => ReactNode;
+    renderer(props: AwaitedProps<T>): ReactNode;
+};
+export declare function PromisableComponent<T extends Awaited<object>>(props: PromisableComponentProps<T>): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;

package/build/controls/PromisableComponent.js

@@ -0,0 +1,23 @@
+import { Spinner } from '@wordpress/components';
+import { useEffect, useState } from "@wordpress/element";
+import React from "react";
+export function PromisableComponent(props) {
+    const { initializing, renderer: Renderer, promisedProps } = props;
+    const [initializedProps, setInitializedProps] = useState(undefined);
+    useEffect(() => {
+        Promise.all(Object.entries(promisedProps).filter(([_, value]) => value instanceof Promise)
+            .map(async ([key, value]) => [key, await value])).then(entries => {
+            setInitializedProps(Object.fromEntries(entries));
+        });
+    }, [...Object.values(props.promisedProps).filter(p => p instanceof Promise)]);
+    if (initializedProps === undefined) {
+        if (initializing) {
+            return initializing();
+        }
+        else {
+            return React.createElement(Spinner, null);
+        }
+    }
+    return React.createElement(Renderer, { ...promisedProps, ...initializedProps });
+}
+//# sourceMappingURL=PromisableComponent.js.map

package/build/controls/PromisableComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromisableComponent.js","sourceRoot":"","sources":["../../src/controls/PromisableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,MAAM,UAAU,mBAAmB,CAA4B,KAAkC;IAChG,MAAM,EAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IAC/F,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAC,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,YAAY,OAAO,CAAC;aACvF,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAgD,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC/G,mBAAmB,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,CAAC;IAE9E,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACpC,IAAI,YAAY,EAAE,CAAC;YAClB,OAAO,YAAY,EAAE,CAAC;QACvB,CAAC;aAAM,CAAC;YACP,OAAO,oBAAC,OAAO,OAAG,CAAC;QACpB,CAAC;IACF,CAAC;IACD,OAAO,oBAAC,QAAQ,OAAK,aAAa,KAAM,gBAAgB,GAAI,CAAC;AAC9D,CAAC"}

package/build/controls/ProperLinkControl.d.ts

@@ -10,13 +10,15 @@ export type ProperLinkControlSetting = LinkControlT.Setting & ({
 export type ProperLinkControlProps = Omit<LinkControlProps, 'settings'> & {
     label: string;
     help?: string;
-    settings?: ProperLinkControlSetting[];
+    settings?: ProperLinkControlSetting[] | false;
 };
 export declare function ProperLinkControl(props: ProperLinkControlProps): React.JSX.Element;
 export declare namespace ProperLinkControl {
     var DEFAULT_LINK_SETTINGS: LinkControlT.Setting[];
+    var DUMMY_LINK_SETTINGS: LinkControlT.Setting[];
 }
 export interface ProperLinkControl {
     (props: ProperLinkControlProps): ReactNode;
     readonly DEFAULT_LINK_SETTINGS: ReadonlyArray<ProperLinkControlSetting>;
+    readonly DUMMY_LINK_SETTINGS: ReadonlyArray<LinkControlT.Setting>;
 }

package/build/controls/ProperLinkControl.js

@@ -1,6 +1,6 @@
 import { __experimentalLinkControl as LinkControl } from "@wordpress/block-editor";
 import { BaseControl, Button, TextControl, ToggleControl } from "@wordpress/components";
-import { useEffect, useRef, useState } from "@wordpress/element";
+import { useCallback, useEffect, useRef, useState } from "@wordpress/element";
 import { chevronDown, chevronUp } from "@wordpress/icons";
 import React from "react";
 export function ProperLinkControl(props) {
@@ -41,12 +41,16 @@ export function ProperLinkControl(props) {
             window.requestAnimationFrame(() => advancedSettingsElement.style.maxHeight = "0px");
         }
     }, [areAdvancedSettingsVisible, advancedSettingsRef]);
+    const safeOnRemove = useCallback(() => onRemove !== undefined ? onRemove() : onChange(undefined), [onRemove, onChange]);
+    const renderableSettings = settings === false ? [] : settings;
+    const renderControlBottom = useCallback(() => (value?.url && renderableSettings?.length && React.createElement(React.Fragment, null,
+        React.createElement(Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? chevronUp : chevronDown, iconPosition: "right", text: "Advanced" }),
+        React.createElement("div", { ref: advancedSettingsRef, style: { display: "none", transition: "max-height 200ms ease-in-out", overflow: "hidden" } }, ...renderableSettings.map(setting => React.createElement(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))))) || "", [value, settings, areAdvancedSettingsVisible, onChange]);
     return React.createElement(BaseControl, { id: "", label: props.label, help: props.help },
-        React.createElement(LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: onRemove ?? (() => onChange(undefined)), settings: [], renderControlBottom: () => (value?.url && settings?.length && React.createElement(React.Fragment, null,
-                React.createElement(Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? chevronUp : chevronDown, iconPosition: "right", text: "Advanced" }),
-                React.createElement("div", { ref: advancedSettingsRef, style: { display: "none", transition: "max-height 200ms ease-in-out", overflow: "hidden" } }, ...settings.map(setting => React.createElement(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))))) || "" }));
+        React.createElement(LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: safeOnRemove, settings: ProperLinkControl.DUMMY_LINK_SETTINGS, renderControlBottom: renderControlBottom }));
 }
 ProperLinkControl.DEFAULT_LINK_SETTINGS = LinkControl.DEFAULT_LINK_SETTINGS;
+ProperLinkControl.DUMMY_LINK_SETTINGS = [];
 function ProperLinkControlSetting({ value, onChange, setting }) {
     return React.createElement("div", { style: { marginTop: "8px" } }, setting.type === 'text'
         ? React.createElement(TextControl, { style: { marginTop: "8px" }, value: value?.[setting.id] ?? setting.default ?? '', label: setting.title, onChange: v => onChange({ ...value, [setting.id]: v }) })

package/build/controls/ProperLinkControl.js.map

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

package/build/controls/SimpleToggle.js

@@ -1,6 +1,8 @@
 import { ToggleControl } from "@wordpress/components";
+import { useCallback } from "@wordpress/element";
 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 }) });
+    const onChange = useCallback((checked) => props.setAttributes({ [props.attribute]: checked }), [props.setAttributes, props.attribute]);
+    return React.createElement(ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: onChange });
 }
 //# sourceMappingURL=SimpleToggle.js.map

package/build/controls/SimpleToggle.js.map

@@ -1 +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"}
+{"version":3,"file":"SimpleToggle.js","sourceRoot":"","sources":["../../src/controls/SimpleToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAI/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAmB,KAA0C;IACxF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,OAAgB,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;IAC9I,OAAO,oBAAC,aAAa,IAAC,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAC9G,CAAC"}

package/build/controls/SortableItemsControl.js

@@ -1,67 +1,19 @@
 import { BaseControl, Button, Icon, useBaseControlProps } from "@wordpress/components";
-import { useEffect, useRef, useState } from "@wordpress/element";
-import React from "react";
+import { useMemo } from "@wordpress/element";
+import { useDragHandler } from "./hooks/useDragHandler";
+import React, { useCallback } from "react";
 export function SortableItemsControl({ value = [], onChange, onRemove, onReorder, onAdd, children: makeChild, emptyValue, min, max, ...wrapperProps }) {
-    const containerRef = useRef(null);
-    const [dragging, setDragging] = useState(null);
-    const [dropZone, setDropZone] = useState(null);
-    const [mouse, setMouse] = useState([0, 0]);
-    useEffect(() => {
-        if (dragging !== null) {
-            const handler = (event) => setMouse([event.x, event.y]);
-            document.addEventListener('mousemove', handler);
-            return () => document.removeEventListener('mousemove', handler);
-        }
-        return () => { };
-    }, [dragging]);
-    useEffect(() => {
-        if (dragging !== null && containerRef.current) {
-            const result = Array.from(containerRef.current.querySelectorAll(".drop-zone"))
-                .map(e => [parseInt(e.getAttribute("data-position")), Math.abs(e.getBoundingClientRect().y - mouse[1]), e])
-                .reduce((a, b) => {
-                if (a[2].classList.contains("dragging")) {
-                    return b;
-                }
-                else if (b[2].classList.contains("dragging")) {
-                    return a;
-                }
-                else if (b[1] < a[1]) {
-                    return b;
-                }
-                return a;
-            })[0];
-            setDropZone(result);
-        }
-    }, [dragging, mouse]);
-    useEffect(() => {
-        if (dragging === null) {
-            return () => { };
-        }
-        const handler = (e) => {
-            e.preventDefault();
-            onDragEnd(dragging);
-        };
-        document.addEventListener('mouseup', handler);
-        return () => document.removeEventListener('mouseup', handler);
-    }, [dragging, dropZone]);
-    const onChangeByIndex = (datum, index) => {
+    const onChangeByIndex = useCallback((datum, index) => {
         const newValue = [...value];
         newValue[index] = datum;
         onChange(newValue);
-    };
-    const removeByIndex = (index) => {
+    }, [onChange, value]);
+    const removeByIndex = useCallback((index) => {
         const newValue = value.filter((_, i) => i !== index);
         onRemove?.(index);
         onChange(newValue);
-    };
-    const onDragEnd = (oldIndex) => {
-        if (dropZone !== null) {
-            transferByIndex(oldIndex, dropZone);
-        }
-        setDragging(null);
-        setDropZone(null);
-    };
-    const transferByIndex = (oldIndex, newIndex) => {
+    }, [onRemove, onChange, value]);
+    const transferByIndex = useCallback((oldIndex, newIndex) => {
         if (newIndex !== oldIndex) {
             const splicedValue = [...value];
             if (newIndex > oldIndex) {
@@ -76,30 +28,39 @@ export function SortableItemsControl({ value = [], onChange, onRemove, onReorder
             splicedValue.splice(changesStart, splicedValue.length, ...splicedValue.slice(changesStart).map(v => clone(v)));
             onChange(splicedValue);
         }
-    };
+    }, [onReorder, onChange, value]);
+    const addClickHandler = useCallback(() => {
+        const newValue = [...value, emptyValue];
+        onAdd?.(value?.length ?? 0);
+        onChange(newValue);
+    }, [value, emptyValue, onAdd, onChange]);
+    const { containerRef, dragging, dropZone, mouse, setMouse, setDragging } = useDragHandler(transferByIndex);
     const removeDisabled = min !== undefined && value.length <= min;
     const { baseControlProps, controlProps } = useBaseControlProps(wrapperProps);
     return React.createElement(BaseControl, { ...baseControlProps },
         React.createElement("div", { ...controlProps, className: "plaudit-sortable-items-container", ref: containerRef },
-            ...value.map((datum, index) => React.createElement(React.Fragment, null,
-                React.createElement(SortableItemsDropZone, { position: index, dragging: dragging, dropZone: dropZone }),
-                React.createElement("div", { className: `plaudit-sortable-items-row${dragging === index ? " floating" : ""}`, "data-index": index, style: dragging === index ? { top: `${mouse[1]}px`, left: `${mouse[0]}px` } : {} },
-                    React.createElement("div", { className: "plaudit-sortable-items-drag-handle", onMouseDown: e => {
-                            e.preventDefault();
-                            setDragging(index);
-                            setMouse([e.nativeEvent.x, e.nativeEvent.y]);
-                        } },
-                        React.createElement(Icon, { icon: "move" })),
-                    React.createElement("div", null, makeChild(datum, datum => onChangeByIndex(datum, index), index)),
-                    React.createElement("div", { className: "plaudit-sortable-items-controls" },
-                        React.createElement(Button, { icon: "remove", disabled: removeDisabled, onClick: () => removeByIndex(index), "aria-label": "Remove" }))))),
+            ...value.map((datum, index) => React.createElement(SortableItemsListNode, { datum: datum, dragging: dragging, dropZone: dropZone, index: index, makeChild: makeChild, mouse: mouse, onChangeByIndex: onChangeByIndex, removeByIndex: removeByIndex, removeDisabled: removeDisabled, setDragging: setDragging, setMouse: setMouse })),
             React.createElement(SortableItemsDropZone, { position: value.length, dragging: dragging, dropZone: dropZone })),
         React.createElement("div", { className: "plaudit-sortable-items-buttons" },
-            React.createElement(Button, { icon: "insert", disabled: max !== undefined && value.length >= max, onClick: () => {
-                    const newValue = [...value, emptyValue];
-                    onAdd?.(value?.length ?? 0);
-                    onChange(newValue);
-                } }, "Add Row")));
+            React.createElement(Button, { icon: "insert", disabled: max !== undefined && value.length >= max, onClick: addClickHandler }, "Add Row")));
+}
+function SortableItemsListNode({ datum, dragging, dropZone, index, makeChild, mouse, onChangeByIndex, removeByIndex, removeDisabled, setDragging, setMouse }) {
+    const dragHandleMouseDownHandler = useCallback((e) => {
+        e.preventDefault();
+        setDragging(index);
+        setMouse([e.nativeEvent.x, e.nativeEvent.y]);
+    }, [index]);
+    const removeClickHandler = useCallback(() => removeByIndex(index), [index, removeByIndex]);
+    const safeOnChangeListener = useCallback((newDatum) => onChangeByIndex(newDatum, index), [index]);
+    const style = useMemo(() => dragging === index ? { top: `${mouse[1]}px`, left: `${mouse[0]}px` } : undefined, [dragging, index, mouse]);
+    return React.createElement(React.Fragment, null,
+        React.createElement(SortableItemsDropZone, { position: index, dragging: dragging, dropZone: dropZone }),
+        React.createElement("div", { className: `plaudit-sortable-items-row${dragging === index ? " floating" : ""}`, "data-index": index, style: style },
+            React.createElement("div", { className: "plaudit-sortable-items-drag-handle", onMouseDown: dragHandleMouseDownHandler },
+                React.createElement(Icon, { icon: "move" })),
+            React.createElement("div", null, makeChild(datum, safeOnChangeListener, index)),
+            React.createElement("div", { className: "plaudit-sortable-items-controls" },
+                React.createElement(Button, { icon: "remove", disabled: removeDisabled, onClick: removeClickHandler, "aria-label": "Remove" }))));
 }
 function SortableItemsDropZone(props) {
     return React.createElement("div", { "data-position": props.position, className: `drop-zone${props.dragging === null || props.position !== props.dropZone ? " plaudit-sortable-items-hidden" : ""}${props.position - 1 === props.dragging ? " dragging" : ""}` });

package/build/controls/SortableItemsControl.js.map

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare function useDragHandler(transferByIndex: (oldIndex: number, newIndex: number) => void): {
+    containerRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    dragging: number | null;
+    dropZone: number | null;
+    mouse: [number, number];
+    setMouse: import("react").Dispatch<[number, number]>;
+    setDragging: import("react").Dispatch<import("react").SetStateAction<number | null>>;
+};

package/build/controls/hooks/useDragHandler.js

@@ -0,0 +1,55 @@
+import { useEffect, useRef, useState } from "@wordpress/element";
+import { useReducer } from "react";
+export function useDragHandler(transferByIndex) {
+    const containerRef = useRef(null);
+    const [dragging, setDragging] = useState(null);
+    const [dropZone, setDropZone] = useState(null);
+    const [mouse, setMouse] = useReducer((pairUpdateMinimizer), [0, 0]);
+    useEffect(() => {
+        if (dragging !== null) {
+            const handler = (event) => setMouse([event.x, event.y]);
+            document.addEventListener('mousemove', handler);
+            return () => document.removeEventListener('mousemove', handler);
+        }
+        return () => { };
+    }, [dragging]);
+    useEffect(() => {
+        if (dragging !== null && containerRef.current) {
+            const result = Array.from(containerRef.current.querySelectorAll(".drop-zone"))
+                .map(e => [parseInt(e.getAttribute("data-position")), Math.abs(e.getBoundingClientRect().y - mouse[1]), e])
+                .reduce((a, b) => {
+                if (a[2].classList.contains("dragging")) {
+                    return b;
+                }
+                else if (b[2].classList.contains("dragging")) {
+                    return a;
+                }
+                else if (b[1] < a[1]) {
+                    return b;
+                }
+                return a;
+            })[0];
+            setDropZone(result);
+        }
+    }, [dragging, mouse]);
+    useEffect(() => {
+        if (dragging === null) {
+            return () => { };
+        }
+        const handler = (e) => {
+            e.preventDefault();
+            if (dropZone !== null) {
+                transferByIndex(dragging, dropZone);
+            }
+            setDragging(null);
+            setDropZone(null);
+        };
+        document.addEventListener('mouseup', handler);
+        return () => document.removeEventListener('mouseup', handler);
+    }, [dragging, dropZone]);
+    return { containerRef, dragging, dropZone, mouse, setMouse, setDragging };
+}
+function pairUpdateMinimizer(current, next) {
+    return current[0] !== next[0] || current[1] !== next[1] ? next : current;
+}
+//# sourceMappingURL=useDragHandler.js.map