@plaudit/gutenberg-api-extensions 2.79.0 → 2.80.0

package/dist/controls/FullSizeToggleControl.js

@@ -0,0 +1,110 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupControlOptionWithOptionalIcon = void 0;
+exports.FullSizeToggleControl = FullSizeToggleControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const i18n_1 = require("@wordpress/i18n");
+const icons = __importStar(require("@wordpress/icons"));
+const plauditIcons = __importStar(require("../lib/plaudit-icons"));
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+function FullSizeToggleControl({ componentConfig, label, help, onChange, switchCfg, value }) {
+    const [switchLabels, style] = (0, element_1.useMemo)(() => {
+        let switchLabels;
+        if (typeof switchCfg === 'string') {
+            switchCfg = { type: switchCfg };
+        }
+        switch (switchCfg.type) {
+            case "showHide":
+                switchLabels = { onLabel: "Show", offLabel: "Hide" };
+                break;
+            case "yesNo":
+                switchLabels = { onLabel: "Yes", offLabel: "No" };
+                break;
+            default:
+                if (switchCfg.type !== undefined) {
+                    console.error("Invalid switch type:", switchCfg.type);
+                }
+                switchLabels = { onLabel: "On", offLabel: "Off" };
+                break;
+        }
+        if (switchCfg.onLabel) {
+            switchLabels.onLabel = switchCfg.onLabel;
+        }
+        if (switchCfg.offLabel) {
+            switchLabels.offLabel = switchCfg.offLabel;
+        }
+        return [{ onLabel: i18nSwitchLabel(switchLabels.onLabel), offLabel: i18nSwitchLabel(switchLabels.offLabel) }, { width: switchCfg.narrow ? "min-content" : undefined }];
+    }, [switchCfg]);
+    const safeOnChange = (0, element_1.useCallback)((v) => onChange(v === "true"), [onChange]);
+    return (0, jsx_runtime_1.jsxs)(components_1.__experimentalToggleGroupControl, { ...componentConfig, value: value ? "true" : "false", label: label, help: help, isBlock: true, onChange: safeOnChange, style: style, children: [(0, jsx_runtime_1.jsx)(exports.ToggleGroupControlOptionWithOptionalIcon, { value: "true", label: switchLabels.onLabel }, "true"), (0, jsx_runtime_1.jsx)(exports.ToggleGroupControlOptionWithOptionalIcon, { value: "false", label: switchLabels.offLabel }, "false")] });
+}
+exports.ToggleGroupControlOptionWithOptionalIcon = (0, element_1.memo)(function ({ value, label }) {
+    if (typeof label === 'string') {
+        return (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControlOption, { value: value, label: label });
+    }
+    else {
+        const icon = resolveIcon(label.icon);
+        if (icon) {
+            return (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControlOptionIcon, { value: value, label: label.text, icon: icon, "aria-label": label.tooltip });
+        }
+        else {
+            return (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControlOption, { value: value, label: label.text, "aria-label": label.tooltip, showTooltip: !!label.tooltip });
+        }
+    }
+});
+function i18nSwitchLabel(label) {
+    return typeof label === 'string' ? (0, i18n_1.__)(label) : { ...label, text: (0, i18n_1.__)(label.text) };
+}
+function resolveIcon(icon) {
+    if (typeof icon !== 'string') {
+        return icon;
+    }
+    if (icon.startsWith("plaudit:")) {
+        return plauditIcons[icon.substring(8)];
+    }
+    else if (icon.startsWith("<svg")) {
+        return (0, html_react_parser_1.default)(icon);
+    }
+    else {
+        return icons[icon];
+    }
+}
+//# sourceMappingURL=FullSizeToggleControl.js.map

package/dist/controls/FullSizeToggleControl.js.map

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

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

@@ -1,6 +1,6 @@
 import { type Attachment, type Context } from "@wordpress/core-data";
 import type { ProvidedSlot } from "../blocks";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 export type ImageData = {
     media?: {
         id?: number;

package/dist/controls/ImageControl.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MINIMAL_STORAGE_FIELDS = exports.RETAINED_FIELDS = void 0;
+exports.ImageControl = ImageControl;
+exports.filterImageValueForSaving = filterImageValueForSaving;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const block_editor_1 = require("@wordpress/block-editor");
+const components_1 = require("@wordpress/components");
+const core_data_1 = require("@wordpress/core-data");
+const data_1 = require("@wordpress/data");
+const element_1 = require("@wordpress/element");
+const i18n_1 = require("@wordpress/i18n");
+function ImageControl(props) {
+    const { label, help, value, Label, Messages } = props;
+    const media = (0, data_1.useSelect)(select => value?.media?.id ? select(core_data_1.store).getMedia(value.media.id) : undefined, [value]);
+    const { baseControlProps, controlProps } = (0, components_1.useBaseControlProps)({ label: Label ? (0, jsx_runtime_1.jsx)(Label, {}) : label, help });
+    return (0, jsx_runtime_1.jsxs)(components_1.BaseControl, { ...baseControlProps, children: [(0, jsx_runtime_1.jsx)("div", { ...controlProps, className: "editor-post-featured-image", children: media
+                    ? (0, jsx_runtime_1.jsx)(ImageControlWithUploadedImage, { ...props, media: media })
+                    : (0, jsx_runtime_1.jsx)(ImageControlWithoutUploadedImage, { ...props, media: media }) }), Messages && (0, jsx_runtime_1.jsx)(Messages, {})] });
+}
+exports.RETAINED_FIELDS = ["id", "filename", "url", "date", "mime", "height", "width", "orientation"];
+exports.MINIMAL_STORAGE_FIELDS = ['id', 'url'];
+function filterImageValueForSaving(attachment, storage) {
+    if (storage === 'slim') {
+        return Object.fromEntries(Object.entries(attachment).filter((entry) => exports.MINIMAL_STORAGE_FIELDS.includes(entry[0])));
+    }
+    return Object.fromEntries(Object.entries(attachment).filter((entry) => exports.RETAINED_FIELDS.includes(entry[0])));
+}
+const ALLOWED_TYPES = ['image'];
+function ImageControlWithUploadedImage(props) {
+    const { includeFocalPointPicker, media, storage, onChange, value } = props;
+    const onFPPChange = (0, element_1.useCallback)((pos) => onChange(mergeInUpdatedValuePart(value, 'pos', { x: pos.x * 100, y: pos.y * 100 }, storage)), [onChange, value]);
+    const onSelect = (0, element_1.useCallback)((media) => onChange(mergeInUpdatedValuePart(value, 'media', media, storage)), [onChange, value]);
+    const renderOpenButton = (0, element_1.useCallback)(({ open }) => (0, jsx_runtime_1.jsx)(components_1.Button, { onClick: open, variant: "secondary", children: (0, i18n_1.__)('Replace image', 'plaudit') }), []);
+    const clear = (0, element_1.useCallback)(() => onChange(undefined), [onChange]);
+    const fppValue = (0, element_1.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 = (0, jsx_runtime_1.jsx)(components_1.FocalPointPicker, { onChange: onFPPChange, url: value?.media?.url ?? '', value: fppValue });
+    }
+    else {
+        fppOrMedia = (0, jsx_runtime_1.jsx)(components_1.ResponsiveWrapper, { naturalWidth: parsePossiblyUndefinedFloat(media.media_details["width"]), naturalHeight: parsePossiblyUndefinedFloat(media.media_details["height"]), children: (0, jsx_runtime_1.jsx)("img", { src: value?.media?.url ?? '', alt: "The currently-selected image." }) });
+    }
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [value?.media?.url && fppOrMedia, (0, jsx_runtime_1.jsxs)(block_editor_1.MediaUploadCheck, { children: [(0, jsx_runtime_1.jsx)(block_editor_1.MediaUpload, { title: (0, i18n_1.__)('Replace image', 'plaudit'), value: value?.media?.id ?? 0, onSelect: onSelect, allowedTypes: ALLOWED_TYPES, render: renderOpenButton }), (0, jsx_runtime_1.jsx)(components_1.Button, { onClick: clear, isDestructive: true, children: (0, i18n_1.__)('Remove image', 'plaudit') })] })] });
+}
+function ImageControlWithoutUploadedImage(props) {
+    const { media, onChange, storage, value } = props;
+    const onSelect = (0, element_1.useCallback)((media) => onChange(mergeInUpdatedValuePart(value, 'media', media, storage)), [onChange, value]);
+    const renderOpenButton = (0, element_1.useCallback)(({ open }) => ((0, jsx_runtime_1.jsxs)(components_1.Button, { className: !value?.media?.id ? 'editor-post-featured-image__toggle' : 'editor-post-featured-image__preview', onClick: open, children: [!value?.media?.id && (0, i18n_1.__)('Choose an image', 'plaudit'), media &&
+                (0, jsx_runtime_1.jsx)(components_1.ResponsiveWrapper, { naturalWidth: parsePossiblyUndefinedFloat(media.media_details["width"]), naturalHeight: parsePossiblyUndefinedFloat(media.media_details["height"]), children: (0, jsx_runtime_1.jsx)("img", { src: media.source_url, alt: "The currently-selected image." }) })] })), [media, value?.media?.id]);
+    return (0, jsx_runtime_1.jsx)(block_editor_1.MediaUploadCheck, { children: (0, jsx_runtime_1.jsx)(block_editor_1.MediaUpload, { onSelect: onSelect, value: value?.media?.id ?? 0, allowedTypes: ALLOWED_TYPES, render: renderOpenButton }) });
+}
+function parsePossiblyUndefinedFloat(string) {
+    return typeof string === 'number' ? string : (string !== undefined ? parseFloat(string) : undefined);
+}
+function mergeInUpdatedValuePart(value, partName, part, storage) {
+    if (part === undefined) {
+        return undefined;
+    }
+    if (partName === 'media') {
+        const prt = part;
+        if (prt.id === 0) {
+            return undefined;
+        }
+        else if (value === undefined) {
+            return { media: filterImageValueForSaving(prt, storage ?? 'default'), pos: { x: 50, y: 50 } };
+        }
+        return { media: filterImageValueForSaving(prt, storage ?? 'default'), pos: { x: value.pos?.x ?? 50, y: value.pos?.y ?? 50 } };
+    }
+    else if (value === undefined || !value.media?.id) {
+        return undefined;
+    }
+    else {
+        const prt = part;
+        return { media: value.media, pos: { x: prt.x ?? value.pos?.x ?? 50, y: prt.y ?? value.pos?.y ?? 50 } };
+    }
+}
+//# sourceMappingURL=ImageControl.js.map

package/dist/controls/ImageControl.js.map

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

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

@@ -1,7 +1,8 @@
 import { InspectorControls } from "@wordpress/block-editor";
-import type { PanelBodyProps } from "@wordpress/components/build-types/panel/types";
-import type { TabPanelProps } from "@wordpress/components/build-types/tab-panel/types";
-import { type ReactNode } from "react";
+import { PanelBody, TabPanel } from "@wordpress/components";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+type TabPanelProps = ComponentPropsWithoutRef<typeof TabPanel>;
+type PanelBodyProps = ComponentPropsWithoutRef<typeof PanelBody>;
 type Tab = TabPanelProps['tabs'][number] & {
     items: ReactNode;
 };

package/dist/controls/InspectorPanel.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InspectorPanel = InspectorPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const block_editor_1 = require("@wordpress/block-editor");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const react_1 = require("react");
+function InspectorPanel(props) {
+    if (props["tabbed"]) {
+        const { tabbed, tabs, group, condition, ...tabPanelProps } = props;
+        return (0, jsx_runtime_1.jsx)(block_editor_1.InspectorControls, { group: group, children: (0, jsx_runtime_1.jsx)(components_1.TabPanel, { ...tabPanelProps, tabs: condition === undefined || condition() ? tabs : [], children: tab => (0, jsx_runtime_1.jsx)(components_1.Panel, { children: tab.items }) }) });
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(InspectorPanelPanel, { ...props });
+    }
+}
+function InspectorPanelPanel(props) {
+    const { tabbed, raw, group, condition, children, onToggle, initialOpen, ...panelBodyProps } = props;
+    const [wasOpened, setWasOpened] = (0, element_1.useState)(initialOpen);
+    const memoOnToggle = (0, react_1.useCallback)((value) => {
+        onToggle?.(value);
+        setWasOpened(value);
+    }, [onToggle, setWasOpened]);
+    return (0, jsx_runtime_1.jsx)(block_editor_1.InspectorControls, { group: group, children: raw
+            ? (condition === undefined || condition() ? children : [])
+            : (0, jsx_runtime_1.jsx)(components_1.PanelBody, { ...panelBodyProps, children: condition === undefined || condition() ? children : [], onToggle: memoOnToggle, initialOpen: wasOpened }) });
+}
+//# sourceMappingURL=InspectorPanel.js.map

package/dist/controls/InspectorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InspectorPanel.js","sourceRoot":"","sources":["../../src/controls/InspectorPanel.tsx"],"names":[],"mappings":";;AAaA,wCAWC;;AAxBD,0DAA0D;AAC1D,sDAAiE;AACjE,gDAA4C;AAE5C,iCAAiF;AASjF,SAAgB,cAAc,CAAC,KAA0B;IACxD,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACrB,MAAM,EAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,aAAa,EAAC,GAAG,KAAK,CAAC;QACjE,OAAO,uBAAC,gCAAiB,IAAC,KAAK,EAAE,KAAK,YACrC,uBAAC,qBAAQ,OAAK,aAAa,EAAE,IAAI,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,YACnF,GAAG,CAAC,EAAE,CAAC,uBAAC,kBAAK,cAAG,GAAW,CAAC,KAAK,GAAS,GACjC,GACQ,CAAC;IACtB,CAAC;SAAM,CAAC;QACP,OAAO,uBAAC,mBAAmB,OAAK,KAAK,GAAI,CAAC;IAC3C,CAAC;AACF,CAAC;AACD,SAAS,mBAAmB,CAAC,KAAqC;IACjE,MAAM,EAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,cAAc,EAAC,GAAG,KAAK,CAAC;IAClG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,kBAAQ,EAAC,WAAW,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,KAAc,EAAE,EAAE;QACnD,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;QAClB,YAAY,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC;IAC7B,OAAO,uBAAC,gCAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG;YACpD,CAAC,CAAC,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC,CAAC,uBAAC,sBAAS,OAAK,cAAc,EAAE,QAAQ,EAAE,SAAS,KAAK,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,WAAW,EAAE,SAAS,GAAI,GAClJ,CAAC;AACN,CAAC"}

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

@@ -1,6 +1,10 @@
-import type { ComboboxControlOption, ComboboxControlProps } from "@wordpress/components/build-types/combobox-control/types";
+import { ComboboxControl } from "@wordpress/components";
+import type { ComponentProps } from "react";
+type ComboboxControlProps = ComponentProps<typeof ComboboxControl>;
+type ComboboxControlOption = ComboboxControlProps['options'][number];
 export type LazySuggestionsComboboxControlProps = Omit<ComboboxControlProps, 'options'> & {
     getOption(value?: string): Promise<ComboboxControlOption | undefined>;
     getSuggestions(filterValue: string): Promise<ComboboxControlOption[]>;
 };
 export declare function LazySuggestionsComboboxControl(props: LazySuggestionsComboboxControlProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/controls/LazySuggestionsComboboxControl.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazySuggestionsComboboxControl = LazySuggestionsComboboxControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const i18n_1 = require("@wordpress/i18n");
+const useSuggestions_1 = require("./hooks/useSuggestions");
+function LazySuggestionsComboboxControl(props) {
+    const { help, allowReset, className, ...passthroughProps } = props;
+    const { hasLoadingError, isInitializing, isLoading, suggestions, input, setInput } = (0, useSuggestions_1.useSuggestions)(props.value, props);
+    const [hasFocus, setHasFocus] = (0, element_1.useState)(false);
+    const options = (0, element_1.useMemo)(() => hasFocus && input.length < 2 || (isLoading && !suggestions.length) ? [{ label: input, value: "", disabled: true }] : suggestions, [hasFocus, input, isLoading, suggestions]);
+    const onFocus = (0, element_1.useCallback)((e) => setHasFocus(e.currentTarget.contains(e.target)), [setHasFocus]);
+    const onBlur = (0, element_1.useCallback)((e) => setHasFocus(e.currentTarget.contains(e.relatedTarget)), [setHasFocus]);
+    const onFilterValueChange = (0, element_1.useCallback)((value) => {
+        if (props.onFilterValueChange) {
+            props.onFilterValueChange(value);
+        }
+        setInput(value);
+    }, [props.onFilterValueChange, setInput]);
+    const __experimentalRenderItem = (0, element_1.useMemo)(() => {
+        return hasFocus && input.length < 2 ? () => (0, i18n_1.__)("Start typing to see suggestions")
+            : (isLoading && !suggestions.length ? () => (0, i18n_1.__)("Loading suggestions") : undefined);
+    }, [hasFocus, input, isLoading, suggestions]);
+    if (isInitializing) {
+        return (0, jsx_runtime_1.jsxs)(components_1.BaseControl, { ...props, children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), (0, jsx_runtime_1.jsx)("span", { children: (0, i18n_1.__)(`Initializing ${props.label}`) })] });
+    }
+    const needsGreyOut = input.length < 2 || (isLoading && !suggestions.length);
+    return (0, jsx_runtime_1.jsxs)("div", { onFocus: onFocus, onBlur: onBlur, children: [isLoading && (0, jsx_runtime_1.jsx)(components_1.Spinner, { style: { marginTop: "30px", position: "absolute", right: "40px" }, "aria-label": "Updating Suggestions" }), (0, jsx_runtime_1.jsx)(components_1.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 && (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("span", { className: "components-base-control__help", children: (0, i18n_1.__)("An error occurred while updating suggestions") }) })] });
+}
+//# sourceMappingURL=LazySuggestionsComboboxControl.js.map

package/dist/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 → dist}/controls/MultiSelectControl.d.ts

@@ -1,6 +1,6 @@
 import type { SNPControlSlots } from "../blocks";
 import type { PickableOptions } from "./types";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type MultiSelectProps = {
     onChange: (value: string[]) => void;
     options: PickableOptions<string | number>;

package/dist/controls/MultiSelectControl.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiSelectControl = MultiSelectControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const element_1 = require("@wordpress/element");
+const ExtendedFormTokenField_1 = require("./ExtendedFormTokenField");
+const shared_1 = require("./shared");
+function MultiSelectControl(props) {
+    const { value, options, ...fieldProps } = props;
+    const normalizedOptions = (0, element_1.useMemo)(() => (0, shared_1.normalizePickableOptionsToPairs)(options), [options]);
+    const validOptions = (0, element_1.useMemo)(() => Object.fromEntries(normalizedOptions.map(opt => [opt[0], (0, shared_1.getLabel)(opt)])), [normalizedOptions]);
+    return (0, jsx_runtime_1.jsx)(ExtendedFormTokenField_1.ExtendedFormTokenField, { ...fieldProps, value: value, multiple: true, stringToTokenConverter: (0, element_1.useCallback)(token => {
+            if (validOptions[token]) {
+                return { value: token, title: validOptions[token], status: ExtendedFormTokenField_1.ValidationState.Valid };
+            }
+            else {
+                const result = /(.+) \(#([^)]+)\)$/.exec(token);
+                return result && result[1] && result[2] ? { value: result[2], title: result[1], status: ExtendedFormTokenField_1.ValidationState.Validating } : { value: token, status: ExtendedFormTokenField_1.ValidationState.Invalid };
+            }
+        }, [validOptions]), suggestionQuery: (0, element_1.useCallback)(input => {
+            return normalizedOptions
+                .filter(option => option[0]?.toString().includes(input) || (0, shared_1.getLabel)(option).includes(input))
+                .map(option => ({ value: option[0]?.toString(), status: ExtendedFormTokenField_1.ValidationState.Valid, title: (0, shared_1.getLabel)(option) }));
+        }, [normalizedOptions]), validationQuery: (0, element_1.useCallback)(values => {
+            return values
+                .filter(value => validOptions[value] !== undefined)
+                .map(value => ({ value, title: validOptions[value], status: ExtendedFormTokenField_1.ValidationState.Valid }));
+        }, [validOptions]), validator: validator });
+}
+function validator(token) {
+    return /\(#([^)]+)\)$/.exec(token)?.[1] !== undefined;
+}
+//# sourceMappingURL=MultiSelectControl.js.map

package/dist/controls/MultiSelectControl.js.map

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

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

@@ -1,5 +1,5 @@
 import type { PickableOptions, SimpleBlockControlProps } from "./types";
-import { type ReactElement } from "react";
+import type { ReactElement } from "react";
 export type PickOneFromToggleGroupProps<T extends string> = SimpleBlockControlProps<T, string | number> & {
     options: PickableOptions<string, {
         icon: ReactElement;

package/dist/controls/PickOne.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PickOneFromToggleGroup = PickOneFromToggleGroup;
+exports.PickOneFromSelect = PickOneFromSelect;
+exports.PickOneFromRadios = PickOneFromRadios;
+exports.PickOneFromColors = PickOneFromColors;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const shared_1 = require("./shared");
+function makeSharedRadioAndSelectProps(props) {
+    return {
+        label: props.label,
+        help: props.help,
+        onChange(value) {
+            props.setAttributes({ [props.attribute]: value });
+        },
+        options: (0, shared_1.normalizePickableOptionsToPairs)(props.options).map(([value, label]) => ({
+            value, label: typeof label === 'string' ? label : label.text
+        }))
+    };
+}
+function PickOneFromToggleGroup(props) {
+    return (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControl, { label: props.label, help: props.help, value: props.attributes[props.attribute], onChange: value => props.setAttributes({ [props.attribute]: value }), children: (0, shared_1.normalizePickableOptionsToPairs)(props.options).map(([value, label]) => typeof label === 'string'
+            ? (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControlOption, { value: value, label: label }, value)
+            : (0, jsx_runtime_1.jsx)(components_1.__experimentalToggleGroupControlOptionIcon, { value: value, label: label.text, icon: label.icon }, value)) });
+}
+function PickOneFromSelect(props) {
+    return (0, jsx_runtime_1.jsx)(components_1.SelectControl, { ...makeSharedRadioAndSelectProps(props), value: props.attributes[props.attribute] });
+}
+function PickOneFromRadios(props) {
+    return (0, jsx_runtime_1.jsx)(components_1.RadioControl, { ...makeSharedRadioAndSelectProps(props), selected: props.attributes[props.attribute] });
+}
+function PickOneFromColors(props) {
+    const valueToColorMap = new Map();
+    const colorToValueMap = new Map();
+    const colors = [];
+    for (const [value, display] of (0, shared_1.normalizePickableOptionsToPairs)(props.options)) {
+        if (typeof display === 'string') {
+            colors.push({ color: value, name: display });
+        }
+        else if (display.color) {
+            valueToColorMap.set(value, display.color);
+            colorToValueMap.set(display.color, value);
+            colors.push({ color: display.color, name: display.text });
+        }
+        else {
+            colors.push({ color: value, name: display.text });
+        }
+    }
+    const currentColor = valueToColorMap.get(props.attributes[props.attribute]) ?? props.attributes[props.attribute];
+    const { baseControlProps, controlProps } = (0, components_1.useBaseControlProps)({ label: props.label, help: props.help });
+    return (0, jsx_runtime_1.jsx)(components_1.BaseControl, { ...baseControlProps, children: (0, jsx_runtime_1.jsx)(components_1.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/dist/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 → dist}/controls/PromisableComponent.d.ts

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

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

@@ -1,20 +1,23 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Spinner } from '@wordpress/components';
-import { useRef } from "@wordpress/element";
-import { use, wrapPromise } from "../lib/suspense";
-import { Suspense } from "react";
-export function PromisableComponent(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromisableComponent = PromisableComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const suspense_1 = require("../lib/suspense");
+const react_1 = require("react");
+function PromisableComponent(props) {
     const wrappedPromise = useWrappedArgsParameter(props.promisedProps, props.forceSuspend);
     if (!(wrappedPromise instanceof Promise)) {
         return props.renderer(wrappedPromise);
     }
-    return _jsx(Suspense, { fallback: typeof props.initializing === 'function' ? props.initializing() : _jsxs(_Fragment, { children: [_jsx(Spinner, {}), " ", props.initializing] }), children: _jsx(PromisableComponentDelegator, { promise: wrappedPromise, children: props.renderer }) });
+    return (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: typeof props.initializing === 'function' ? props.initializing() : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), " ", props.initializing] }), children: (0, jsx_runtime_1.jsx)(PromisableComponentDelegator, { promise: wrappedPromise, children: props.renderer }) });
 }
 function PromisableComponentDelegator({ promise, children }) {
-    return children(use(promise));
+    return children((0, suspense_1.use)(promise));
 }
 function useWrappedArgsParameter(args, forcePromise) {
-    const ref = useRef(null);
+    const ref = (0, element_1.useRef)(null);
     if (ref.current === null || args !== ref.current.args || forcePromise !== ref.current.forcePromise) {
         return (ref.current = { args, forcePromise, value: actuallyWrapTheArgsParameter(args, forcePromise) }).value;
     }
@@ -34,9 +37,9 @@ function useWrappedArgsParameter(args, forcePromise) {
 }
 function actuallyWrapTheArgsParameter(args, forcePromise) {
     if (!Object.values(args).some(v => v instanceof Promise)) {
-        return forcePromise ? wrapPromise(Promise.resolve(args)) : args;
+        return forcePromise ? (0, suspense_1.wrapPromise)(Promise.resolve(args)) : args;
     }
-    return wrapPromise(Promise
+    return (0, suspense_1.wrapPromise)(Promise
         .all(Object.entries(args).map(async ([key, value]) => [key, await value]))
         .then(entries => Object.fromEntries(entries)));
 }

package/dist/controls/PromisableComponent.js.map

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

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

@@ -1,5 +1,5 @@
 import { LinkControl } from "@wordpress/block-editor";
-import { type ReactNode } from "react";
+import type { ReactNode } from "react";
 export type ProperLinkControlSetting = LinkControl.Setting & ({
     type?: 'toggle' | undefined;
     default?: boolean | undefined;

package/dist/controls/ProperLinkControl.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProperLinkControl = ProperLinkControl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const block_editor_1 = require("@wordpress/block-editor");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const icons_1 = require("@wordpress/icons");
+function ProperLinkControl(props) {
+    const { value, onChange, onRemove, label, help, settings = ProperLinkControl.DEFAULT_LINK_SETTINGS, ...linkControlProps } = props;
+    const [areAdvancedSettingsVisible, setAreAdvancedSettingsVisible] = (0, element_1.useState)(false);
+    const advancedSettingsRef = (0, element_1.useRef)(null);
+    (0, element_1.useEffect)(() => {
+        const advancedSettingsElement = advancedSettingsRef.current;
+        if (!advancedSettingsElement) {
+            return () => { };
+        }
+        const transitionListener = (evt) => {
+            if (evt.propertyName === 'max-height' && evt.target === advancedSettingsElement) {
+                if (advancedSettingsElement.style.maxHeight === '0px') {
+                    advancedSettingsElement.style.display = 'none';
+                }
+                else {
+                    advancedSettingsElement.style.maxHeight = '';
+                }
+            }
+        };
+        advancedSettingsElement.addEventListener('transitionend', transitionListener);
+        return () => advancedSettingsElement.addEventListener('transitionend', transitionListener);
+    }, [advancedSettingsRef]);
+    (0, element_1.useEffect)(() => {
+        const advancedSettingsElement = advancedSettingsRef.current;
+        if (!advancedSettingsElement) {
+            return;
+        }
+        if (areAdvancedSettingsVisible) {
+            advancedSettingsElement.style.display = '';
+            advancedSettingsElement.style.maxHeight = advancedSettingsElement.scrollHeight + "px";
+        }
+        else {
+            advancedSettingsElement.style.maxHeight = advancedSettingsElement.scrollHeight + "px";
+            // We have to use window.requestAnimationFrame in order to force the maxHeight to be treated as "recalculated".
+            // Unless something else on the page goes horribly wrong, there shouldn't be any actual painting done as part of updating the max height.
+            window.requestAnimationFrame(() => advancedSettingsElement.style.maxHeight = "0px");
+        }
+    }, [areAdvancedSettingsVisible, advancedSettingsRef]);
+    const safeOnRemove = (0, element_1.useCallback)(() => onRemove !== undefined ? onRemove() : onChange?.(undefined), [onRemove, onChange]);
+    const renderableSettings = settings === false ? [] : settings;
+    const renderControlBottom = (0, element_1.useCallback)(() => (value?.url && renderableSettings?.length && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Button, { variant: "tertiary", onClick: () => setAreAdvancedSettingsVisible(!areAdvancedSettingsVisible), icon: areAdvancedSettingsVisible ? icons_1.chevronUp : icons_1.chevronDown, iconPosition: "right", text: "Advanced" }), (0, jsx_runtime_1.jsxs)("div", { ref: advancedSettingsRef, style: { display: "none", transition: "max-height 200ms ease-in-out", overflow: "hidden" }, children: [...renderableSettings.map(setting => (0, jsx_runtime_1.jsx)(ProperLinkControlSetting, { setting: setting, onChange: onChange, value: value }))] })] })) || "", [value, settings, areAdvancedSettingsVisible, onChange]);
+    return (0, jsx_runtime_1.jsx)(components_1.BaseControl, { id: "", label: props.label, help: props.help, children: (0, jsx_runtime_1.jsx)(block_editor_1.LinkControl, { ...linkControlProps, value: value, onChange: onChange, onRemove: safeOnRemove, settings: ProperLinkControl.DUMMY_LINK_SETTINGS, renderControlBottom: renderControlBottom }) });
+}
+ProperLinkControl.DEFAULT_LINK_SETTINGS = block_editor_1.LinkControl.DEFAULT_LINK_SETTINGS;
+ProperLinkControl.DUMMY_LINK_SETTINGS = [];
+function ProperLinkControlSetting({ value, onChange, setting }) {
+    return (0, jsx_runtime_1.jsx)("div", { style: { marginTop: "8px" }, children: setting.type === 'text'
+            ? (0, jsx_runtime_1.jsx)(components_1.TextControl, { style: { marginTop: "8px" }, value: value?.[setting.id] ?? setting.default ?? '', label: setting.title, onChange: v => onChange?.({ ...value, [setting.id]: v }) })
+            : (0, jsx_runtime_1.jsx)(components_1.ToggleControl, { style: { marginTop: "8px" }, checked: value?.[setting.id] ?? setting.default ?? false, label: setting.title, onChange: v => onChange?.({ ...value, [setting.id]: v }) }) });
+}
+//# sourceMappingURL=ProperLinkControl.js.map

package/dist/controls/ProperLinkControl.js.map

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

package/dist/controls/SimpleToggle.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleToggle = SimpleToggle;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+function SimpleToggle(props) {
+    const onChange = (0, element_1.useCallback)((checked) => props.setAttributes({ [props.attribute]: checked }), [props.setAttributes, props.attribute]);
+    return (0, jsx_runtime_1.jsx)(components_1.ToggleControl, { checked: props.attributes[props.attribute], label: props.label, onChange: onChange });
+}
+//# sourceMappingURL=SimpleToggle.js.map