@plaudit/gutenberg-api-extensions 2.79.0 → 2.80.0

package/{build → dist}/blocks/hooks/useSuspendableOptions.js

@@ -1,41 +1,48 @@
-import { useSelect } from "@wordpress/data";
-import { useMemo } from "@wordpress/element";
-import { applyFilters } from "@wordpress/hooks";
-import { useNodeContext } from "../layout/NodeContext";
-import { isPromise, use } from "../../lib/suspense/promise-handlers";
-import { blockEditorStore } from "../utilities";
-export function isSuspendableOptions(thing) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSuspendableOptions = isSuspendableOptions;
+exports.useSuspendableOptions = useSuspendableOptions;
+const data_1 = require("@wordpress/data");
+const element_1 = require("@wordpress/element");
+const hooks_1 = require("@wordpress/hooks");
+const NodeContext_1 = require("../layout/NodeContext");
+const promise_handlers_1 = require("../../lib/suspense/promise-handlers");
+const utilities_1 = require("../utilities");
+function isSuspendableOptions(thing) {
     return typeof thing === 'string' || thing instanceof URL;
 }
-export function useSuspendableOptions(config) {
-    const rawOptions = isPromise(config.options) ? use(config.options) : config.options;
+function useSuspendableOptions(config) {
+    const rawOptions = (0, promise_handlers_1.isPromise)(config.options) ? (0, promise_handlers_1.use)(config.options) : config.options;
     if (isSuspendableOptions(rawOptions)) {
         const selectorInfo = toSuspendableOptionsURI(rawOptions);
-        const nodeContext = useNodeContext("get contextual options");
+        const nodeContext = (0, NodeContext_1.useNodeContext)("get contextual options");
         const blockClientId = nodeContext.dataController.blockClientId;
-        const usesBlockAttributes = applyFilters('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.usesBlockAttributes', selectorInfo.searchParams.has("attributes"), selectorInfo, blockClientId);
+        const usesBlockAttributes = (0, hooks_1.applyFilters)('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.usesBlockAttributes', selectorInfo.searchParams.has("attributes"), selectorInfo, blockClientId);
         // This if/else statement is present because actually passing attributes through to the selectors represents a SEVERE relative performance hit.
         // At a minimum, it causes at leat one additional full execution pass, and, due to how data can be cached, that pass is almost guaranteed to turn into at least one full render.
         let mapSelect;
         if (usesBlockAttributes) {
             mapSelect = wrappedSelect => {
-                const selected = wrappedSelect(blockEditorStore);
+                const selected = wrappedSelect(utilities_1.blockEditorStore);
                 return [selected.getBlockAttributes(blockClientId), selected.getBlockName(blockClientId)];
             };
         }
         else {
-            mapSelect = wrappedSelect => [null, wrappedSelect(blockEditorStore).getBlockName(blockClientId)];
+            mapSelect = wrappedSelect => [null, wrappedSelect(utilities_1.blockEditorStore).getBlockName(blockClientId)];
         }
-        const [attributes, blockName] = useSelect(mapSelect, [blockClientId]);
-        const potentiallyPromisedOptions = applyFilters('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.resolve', undefined, selectorInfo, { attributes, blockName });
+        const [attributes, blockName] = (0, data_1.useSelect)(mapSelect, [blockClientId]);
+        const potentiallyPromisedOptions = (0, hooks_1.applyFilters)('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.resolve', undefined, selectorInfo, { attributes, blockName });
         if (potentiallyPromisedOptions === undefined) {
             throw new Error(`Encountered an unsupported suspendable option request: ${rawOptions}`);
         }
         // selectorInfo is guaranteed to be valid by virtue of the checks performed while getting the handler
         const options = potentiallyPromisedOptions && typeof potentiallyPromisedOptions === 'object' && 'then' in potentiallyPromisedOptions
-            ? use(potentiallyPromisedOptions) : potentiallyPromisedOptions;
-        return useMemo(() => {
-            return applyFilters('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.postProcess', options, selectorInfo, { attributes, blockName });
+            ? (0, promise_handlers_1.use)(potentiallyPromisedOptions) : potentiallyPromisedOptions;
+        return (0, element_1.useMemo)(() => {
+            return (0, hooks_1.applyFilters)('plaudit.gutenbergApiExtensions.simpleNativeProperties.suspendableOptions.postProcess', options, selectorInfo, { attributes, blockName });
         }, [options, selectorInfo, attributes, blockName]);
     }
     else {
@@ -46,7 +53,7 @@ function toSuspendableOptionsURI(rawOptions) {
     if (rawOptions instanceof URL) {
         return rawOptions;
     }
-    return useMemo(() => {
+    return (0, element_1.useMemo)(() => {
         try {
             const res = new URL(rawOptions);
             if (res.protocol === "select:") {
@@ -104,8 +111,8 @@ function toSuspendableOptionsURI(rawOptions) {
         return new URL(correctedRawOptions);
     }, [rawOptions]);
 }
-import initSelectProtocol from "./built-in-suspendable-option-protocols/select";
-import initSettingsProtocol from "./built-in-suspendable-option-protocols/settings";
-initSelectProtocol();
-initSettingsProtocol();
+const select_1 = __importDefault(require("./built-in-suspendable-option-protocols/select"));
+const settings_1 = __importDefault(require("./built-in-suspendable-option-protocols/settings"));
+(0, select_1.default)();
+(0, settings_1.default)();
 //# sourceMappingURL=useSuspendableOptions.js.map

package/dist/blocks/hooks/useSuspendableOptions.js.map

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

package/dist/blocks/index.js

@@ -0,0 +1,35 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerCustomBlockBindingsSource = exports.installCustomBlockBindingsSupport = void 0;
+exports.installGutenbergBlockExtensions = installGutenbergBlockExtensions;
+__exportStar(require("./layered-styles-api"), exports);
+__exportStar(require("./simple-block"), exports);
+__exportStar(require("./shared-exportable-types"), exports);
+__exportStar(require("./simple-native-property-api"), exports);
+__exportStar(require("./snp-data-store"), exports);
+__exportStar(require("./utilities"), exports);
+var basic_custom_block_bindings_support_1 = require("./basic-custom-block-bindings-support");
+Object.defineProperty(exports, "installCustomBlockBindingsSupport", { enumerable: true, get: function () { return basic_custom_block_bindings_support_1.installCustomBlockBindingsSupport; } });
+Object.defineProperty(exports, "registerCustomBlockBindingsSource", { enumerable: true, get: function () { return basic_custom_block_bindings_support_1.registerCustomBlockBindingsSource; } });
+const index_1 = require("../index");
+/**
+ * @deprecated use installGutenbergExtensions() instead
+ */
+function installGutenbergBlockExtensions() {
+    (0, index_1.installGutenbergExtensions)();
+}
+//# sourceMappingURL=index.js.map

package/dist/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/blocks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA,0EAEC;AAnBD,uDAAqC;AACrC,iDAA+B;AAC/B,4DAA0C;AAC1C,+DAA6C;AAC7C,mDAAiC;AACjC,8CAA4B;AAI5B,6FAA0I;AAAnH,wJAAA,iCAAiC,OAAA;AAAE,wJAAA,iCAAiC,OAAA;AAG3F,oCAAoD;AAEpD;;GAEG;AACH,SAAgB,+BAA+B;IAC9C,IAAA,kCAA0B,GAAE,CAAC;AAC9B,CAAC"}

package/{build → dist}/blocks/layered-styles-api.d.ts

@@ -1,4 +1,4 @@
-import type { ColorPaletteCSNPConfig, CommonPropertyConfig, ToggleGroupPropertyCSNPConfig, TogglePropertyCSNPConfig } from "./common-native-property-constructors";
+import type { ColorPaletteCSNPConfig, CommonPropertyConfig, ToggleGroupPropertyCSNPConfig, TogglePropertyCSNPConfig } from "./csnp-api";
 import type { PickableOptions } from "../controls";
 import type { BlockName } from "../lib/useful-types";
 import { SimpleNativeProperty } from "./simple-native-property-api";
@@ -9,7 +9,7 @@ type BaseLayeredBlockStyleLayer = {
     condition?: SimpleNativeProperty['condition'];
     alwaysStore?: boolean | undefined;
     styleProperty?: string;
-} & Pick<CommonPropertyConfig<any, any, any>, 'help'>;
+} & Pick<CommonPropertyConfig<any, any, any, any>, 'help'>;
 type LayeredBlockStyleColorLayer = BaseLayeredBlockStyleLayer & {
     picker: 'color' | 'colorPalette';
     clearable?: boolean | undefined;

package/{build → dist}/blocks/layered-styles-api.js

@@ -1,7 +1,11 @@
-import { installGutenbergExtensions } from "../index";
-import { registerSimpleNativeProperties } from "./simple-native-property-api";
-export function registerLayeredBlockStyles(config) {
-    registerSimpleNativeProperties({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerLayeredBlockStyles = registerLayeredBlockStyles;
+exports.installLayeredBlockStylesSupport = installLayeredBlockStylesSupport;
+const index_1 = require("../index");
+const simple_native_property_api_1 = require("./simple-native-property-api");
+function registerLayeredBlockStyles(config) {
+    (0, simple_native_property_api_1.registerSimpleNativeProperties)({
         block: config.block,
         properties: {
             group: 'layered-styles',
@@ -93,7 +97,7 @@ export function registerLayeredBlockStyles(config) {
 /**
  * @deprecated use installGutenbergExtensions() instead.
  */
-export function installLayeredBlockStylesSupport() {
-    installGutenbergExtensions();
+function installLayeredBlockStylesSupport() {
+    (0, index_1.installGutenbergExtensions)();
 }
 //# sourceMappingURL=layered-styles-api.js.map

package/dist/blocks/layered-styles-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layered-styles-api.js","sourceRoot":"","sources":["../../src/blocks/layered-styles-api.ts"],"names":[],"mappings":"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"}

package/{build → dist}/blocks/layered-styles-impl.js

@@ -1,12 +1,16 @@
-import { select } from "@wordpress/data";
-import { makeHasPropClassName } from "./simple-native-property-impl";
-import { SNPDataStore } from "./snp-data-store";
-export class LayeredStylesDataStore extends SNPDataStore {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayeredStylesDataStore = void 0;
+exports.extractStyleLayerValueFromAttributes = extractStyleLayerValueFromAttributes;
+const data_1 = require("@wordpress/data");
+const simple_native_property_impl_1 = require("./simple-native-property-impl");
+const snp_data_store_1 = require("./snp-data-store");
+class LayeredStylesDataStore extends snp_data_store_1.SNPDataStore {
     getAttribute(name) {
         if (name.startsWith("__plaudit/")) {
             return this.blockEditProps.attributes[name];
         }
-        const layer = select('plaudit/gutenberg-api-extensions').blockStylesLayer(this.blockEditProps.name, name);
+        const layer = (0, data_1.select)('plaudit/gutenberg-api-extensions').blockStylesLayer(this.blockEditProps.name, name);
         if (layer === undefined) {
             return undefined;
         }
@@ -17,7 +21,7 @@ export class LayeredStylesDataStore extends SNPDataStore {
             this.blockEditProps.setAttributes({ [name]: rawValue });
             return;
         }
-        const layers = select('plaudit/gutenberg-api-extensions').blockStylesLayers(this.blockEditProps.name);
+        const layers = (0, data_1.select)('plaudit/gutenberg-api-extensions').blockStylesLayers(this.blockEditProps.name);
         if (layers === undefined) {
             return;
         }
@@ -32,7 +36,7 @@ export class LayeredStylesDataStore extends SNPDataStore {
             if (value.length) {
                 this.blockEditProps.setAttributes({
                     className: "styleProperty" in layer && layer.styleProperty
-                        ? `${currentLayerClassPrefix}${value} ${makeHasPropClassName(layer.name)}`
+                        ? `${currentLayerClassPrefix}${value} ${(0, simple_native_property_impl_1.makeHasPropClassName)(layer.name)}`
                         : `${currentLayerClassPrefix}${value}`
                 });
             }
@@ -66,7 +70,7 @@ export class LayeredStylesDataStore extends SNPDataStore {
         if (value) {
             layerClasses.push(`style-${name}-${value}`);
             if ('styleProperty' in currentLayer && currentLayer.styleProperty) {
-                const hasPropClassName = makeHasPropClassName(currentLayer.name);
+                const hasPropClassName = (0, simple_native_property_impl_1.makeHasPropClassName)(currentLayer.name);
                 if (!nonLayerClasses.includes(hasPropClassName)) {
                     nonLayerClasses.push(hasPropClassName);
                 }
@@ -75,7 +79,8 @@ export class LayeredStylesDataStore extends SNPDataStore {
         return [...nonLayerClasses, ...layerClasses.sort()].join(' ');
     }
 }
-export function extractStyleLayerValueFromAttributes(attributes, layerName) {
+exports.LayeredStylesDataStore = LayeredStylesDataStore;
+function extractStyleLayerValueFromAttributes(attributes, layerName) {
     const className = attributes['className'];
     if (typeof className !== 'string') {
         return undefined;

package/dist/blocks/layered-styles-impl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layered-styles-impl.js","sourceRoot":"","sources":["../../src/blocks/layered-styles-impl.ts"],"names":[],"mappings":"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"}

package/{build → dist}/blocks/layout/LaidOutProperty.d.ts

@@ -1,7 +1,6 @@
 import type { HydratedSimpleNativeProperty } from "../simple-native-property-api";
-import React from "react";
 export type LaidOutPropertyProps = {
     property: HydratedSimpleNativeProperty;
     inToolsPanel?: boolean;
 };
-export declare const LaidOutProperty: React.NamedExoticComponent<LaidOutPropertyProps>;
+export declare const LaidOutProperty: import("react").NamedExoticComponent<LaidOutPropertyProps>;

package/dist/blocks/layout/LaidOutProperty.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LaidOutProperty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@wordpress/components");
+const element_1 = require("@wordpress/element");
+const NodeContext_1 = require("./NodeContext");
+const ToolsPanelContext_1 = require("./ToolsPanelContext");
+const react_1 = require("react");
+exports.LaidOutProperty = (0, element_1.memo)(function ({ property, inToolsPanel }) {
+    const nodeContext = (0, NodeContext_1.useNodeContext)("render a node");
+    if (nodeContext.rendered) {
+        return (0, jsx_runtime_1.jsx)(ActualPropertyRenderer, { property: property, nodeContext: nodeContext, inToolsPanel: inToolsPanel });
+    }
+    return null;
+});
+const divStyle = { flex: "1" };
+function ActualPropertyRenderer({ property, nodeContext, inToolsPanel }) {
+    const [{ Slot: Label, Fill: LabelFill }, { Slot: Messages, Fill: MessagesFill }] = (0, element_1.useMemo)(() => [
+        (0, components_1.createSlotFill)(Symbol("laid-out-property-label")),
+        (0, components_1.createSlotFill)(Symbol("laid-out-property-messages"))
+    ], []);
+    const onBlur = (0, element_1.useCallback)(() => nodeContext.validateNode(), [nodeContext]);
+    const classNames = ["plaudit-snp-laid-out-property"];
+    if (property.required) {
+        classNames.push("required");
+    }
+    if (nodeContext.validationError) {
+        classNames.push("has-validation-error");
+    }
+    const transformedValue = (0, element_1.useMemo)(() => property.transformer ? property.transformer.to(nodeContext.value) : nodeContext.value, [nodeContext.value, property.transformer]);
+    const onChangeWithTransform = (0, element_1.useCallback)((value) => {
+        nodeContext.setValue(property.transformer ? property.transformer.from(value) : value);
+    }, [nodeContext.setValue, property.transformer]);
+    const commonParts = (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(LabelFill, { children: [property.label, property.required && (0, jsx_runtime_1.jsx)("span", { className: "requiredMarker", children: "*" })] }), (0, jsx_runtime_1.jsx)(MessagesFill, { children: nodeContext.validationError && (0, jsx_runtime_1.jsx)("div", { className: "validation-error-message", children: nodeContext.validationError.split(/\r?\n/gi).map(line => (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [line, (0, jsx_runtime_1.jsx)("br", {})] })) }) })] });
+    if (inToolsPanel) {
+        const toolsPanelContext = (0, ToolsPanelContext_1.useToolsPanelContext)("render a tools-panel property");
+        return (0, jsx_runtime_1.jsxs)(components_1.__experimentalToolsPanelItem, { label: property.label ?? property.name, hasValue: (0, element_1.useCallback)(() => transformedValue !== undefined, [transformedValue]), onSelect: (0, element_1.useCallback)(() => nodeContext.setValue(toolsPanelContext.getDefaultValue(property.name)), [nodeContext.setValue, toolsPanelContext, property.name]), onDeselect: (0, element_1.useCallback)(() => nodeContext.setValue(undefined), [nodeContext.setValue]), resetAllFilter: (0, element_1.useCallback)((a) => a ? Object.fromEntries(Object.entries(a).filter(([name]) => name !== property.name)) : a, [property.name]), children: [commonParts, renderPropInner(property, onBlur, classNames, transformedValue, onChangeWithTransform, { Label, Messages })] });
+    }
+    else {
+        return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [commonParts, renderPropInner(property, onBlur, classNames, transformedValue, onChangeWithTransform, { Label, Messages })] });
+    }
+}
+function renderPropInner(property, onBlur, classNames, transformedValue, onChangeWithTransform, slots) {
+    return (0, jsx_runtime_1.jsx)("div", { style: divStyle, className: classNames.join(" "), onBlur: onBlur, "data-plaudit-snp-control-type": property.controlType, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: typeof property.initializing === 'function' ? property.initializing() : (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spinner, {}), " ", property.initializing] }), children: (0, jsx_runtime_1.jsx)(property.control, { value: transformedValue, onChange: onChangeWithTransform, slots: slots }) }) });
+}
+//# sourceMappingURL=LaidOutProperty.js.map

package/dist/blocks/layout/LaidOutProperty.js.map

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

package/dist/blocks/layout/LaidOutPropertyRow.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LaidOutPropertyRow = LaidOutPropertyRow;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LaidOutProperty_1 = require("./LaidOutProperty");
+const NodeContext_1 = require("./NodeContext");
+function LaidOutPropertyRow({ property, dataController, inToolsPanel }) {
+    if (Array.isArray(property)) {
+        return (0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", flexWrap: "wrap", columnGap: "8px" }, children: [...property.map(prop => (0, jsx_runtime_1.jsx)(NodeContext_1.NodeContextWrapper, { nodeName: prop.name, dataController: dataController, children: (0, jsx_runtime_1.jsx)(LaidOutProperty_1.LaidOutProperty, { property: prop, inToolsPanel: inToolsPanel }) }, prop.name))] });
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(NodeContext_1.NodeContextWrapper, { nodeName: property.name, dataController: dataController, children: (0, jsx_runtime_1.jsx)(LaidOutProperty_1.LaidOutProperty, { property: property, inToolsPanel: inToolsPanel }) });
+    }
+}
+//# sourceMappingURL=LaidOutPropertyRow.js.map

package/dist/blocks/layout/LaidOutPropertyRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LaidOutPropertyRow.js","sourceRoot":"","sources":["../../../src/blocks/layout/LaidOutPropertyRow.tsx"],"names":[],"mappings":";;AAOA,gDAcC;;AArBD,uDAAkD;AAClD,+CAAiD;AAMjD,SAAgB,kBAAkB,CACjC,EAAC,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAyG;IAEhJ,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7B,OAAO,iCAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAC,gBACnE,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,uBAAC,gCAAkB,IAAiB,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,YAC/G,uBAAC,iCAAe,IAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,GAAI,IADd,IAAI,CAAC,IAAI,CAEtC,CAAC,IACjB,CAAC;IACR,CAAC;SAAM,CAAC;QACP,OAAO,uBAAC,gCAAkB,IAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,YACjF,uBAAC,iCAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,GAAI,GAC/C,CAAC;IACvB,CAAC;AACF,CAAC"}

package/{build → dist}/blocks/layout/NodeContext.d.ts

@@ -1,5 +1,5 @@
 import type { DataController, NodePath } from "../simple-native-property-api";
-import React, { type ReactNode } from "react";
+import type { ReactNode } from "react";
 type NodeContextValueActions = {
     setValue(value: any): void;
     addNode(name: string | number, value?: any): void;
@@ -20,7 +20,7 @@ export type NodeContextValue = {
     validationError?: string;
     value: any;
 } & NodeContextValueActions;
-export declare const NodeContext: React.Context<NodeContextValue | undefined>;
+export declare const NodeContext: import("react").Context<NodeContextValue | undefined>;
 export declare function useNodeContext(action: string): NodeContextValue;
 export declare function DescendantNodeContext({ nodeName, children }: {
     nodeName: string | number;

package/dist/blocks/layout/NodeContext.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeContext = void 0;
+exports.useNodeContext = useNodeContext;
+exports.DescendantNodeContext = DescendantNodeContext;
+exports.RootNodeContext = RootNodeContext;
+exports.NodeContextWrapper = NodeContextWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const element_1 = require("@wordpress/element");
+exports.NodeContext = (0, element_1.createContext)(undefined);
+function makeNodeContextValue(path, dataController) {
+    const value = dataController.getValue(path);
+    const node = dataController.getNode(path);
+    // We memoize actions separately to reduce later re-render calls
+    const actions = (0, element_1.useMemo)(() => ({
+        setValue: value => dataController.setValue(path, value),
+        addNode: (name, value) => dataController.addNode([...path, name], value),
+        removeNode: name => dataController.removeNode([...path, name]),
+        moveNode: indices => dataController.moveNode(path, indices),
+        validateNode: () => dataController.dispatch({ type: "validateNode", path })
+    }), [path, dataController]);
+    // We can skip testing path and dataController because we're checking actions
+    return (0, element_1.useMemo)(() => ({ path, dataController, rendered: node.rendered ?? true, validationError: node.validationError, value, ...actions }), [actions, node, value]);
+}
+function useNodeContext(action) {
+    const currentContext = (0, element_1.useContext)(exports.NodeContext);
+    if (currentContext === undefined) {
+        throw new Error(`Cannot ${action} outside of an existing NodeContext`);
+    }
+    return currentContext;
+}
+function DescendantNodeContext({ nodeName, children }) {
+    const currentContext = useNodeContext("create a descendant NodeContext");
+    const descendantPath = (0, element_1.useMemo)(() => currentContext.path.toSpliced(currentContext.path.length, 0, nodeName), [nodeName, currentContext.path]);
+    return (0, jsx_runtime_1.jsx)(exports.NodeContext.Provider, { value: makeNodeContextValue(descendantPath, currentContext.dataController), children: children });
+}
+function RootNodeContext({ nodeName, dataController, children }) {
+    const path = (0, element_1.useMemo)(() => [nodeName], [nodeName]);
+    return (0, jsx_runtime_1.jsx)(exports.NodeContext.Provider, { value: makeNodeContextValue(path, dataController), children: children });
+}
+function NodeContextWrapper(props) {
+    return props.dataController !== undefined ? RootNodeContext(props) : DescendantNodeContext(props);
+}
+//# sourceMappingURL=NodeContext.js.map

package/dist/blocks/layout/NodeContext.js.map

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

package/dist/blocks/layout/PanelRoot.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelRoot = PanelRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const block_editor_1 = require("@wordpress/block-editor");
+const components_1 = require("@wordpress/components");
+const icons_1 = require("@wordpress/icons");
+const conditions_1 = require("../conditions");
+const LaidOutPropertyRow_1 = require("./LaidOutPropertyRow");
+const simple_native_property_internal_shared_1 = require("../simple-native-property-internal-shared");
+const SNPTreeContext_1 = require("../SNPTreeContext");
+function PanelRoot({ panel }) {
+    const { condition, properties, raw, ...panelBodyProps } = panel;
+    const dataController = (0, SNPTreeContext_1.useSNPTreeContext)("construct a PanelRoot");
+    if (!dataController.hasRenderedNode(properties)
+        || !(0, conditions_1.testCondition)(condition, dataController.makePropertyValueResolver([]))) {
+        return null;
+    }
+    const bonusProps = dataController.hasValidationErrors(properties)
+        ? { icon: icons_1.cautionFilled, buttonProps: { className: "has-validation-error components-panel__body-toggle" } } //We have to include the default button class for some insane reason
+        : {};
+    const panelGroup = panel.group === 'layered-styles' ? 'styles' : panel.group;
+    const children = properties.map(property => {
+        const key = Array.isArray(property) ? property.map(prop => prop.name).join('-') : property.name;
+        return (0, jsx_runtime_1.jsx)(LaidOutPropertyRow_1.LaidOutPropertyRow, { property: property, dataController: dataController }, key);
+    });
+    return (0, jsx_runtime_1.jsx)(block_editor_1.InspectorControls, { group: panelGroup, children: (raw ?? !(0, simple_native_property_internal_shared_1.isRootLevelPanelGroup)(panelGroup)) ? children : (0, jsx_runtime_1.jsx)(components_1.PanelBody, { ...panelBodyProps, ...bonusProps, children: children }) });
+}
+//# sourceMappingURL=PanelRoot.js.map

package/dist/blocks/layout/PanelRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRoot.js","sourceRoot":"","sources":["../../../src/blocks/layout/PanelRoot.tsx"],"names":[],"mappings":";;AAYA,8BAoBC;;AAhCD,0DAA0D;AAC1D,sDAAgD;AAChD,4CAA+C;AAE/C,8CAA4C;AAC5C,6DAAwD;AACxD,sGAA2G;AAC3G,sDAAoD;AAKpD,SAAgB,SAAS,CAAC,EAAC,KAAK,EAAiB;IAChD,MAAM,EAAC,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,cAAc,EAAC,GAAG,KAAK,CAAC;IAE9D,MAAM,cAAc,GAAG,IAAA,kCAAiB,EAAC,uBAAuB,CAAC,CAAC;IAElE,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC;WAC3C,CAAC,IAAA,0BAAa,EAAC,SAAS,EAAE,cAAc,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;QAC7E,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,UAAU,GAAwD,cAAc,CAAC,mBAAmB,CAAC,UAAU,CAAC;QACrH,CAAC,CAAC,EAAC,IAAI,EAAE,qBAAa,EAAE,WAAW,EAAE,EAAC,SAAS,EAAE,oDAAoD,EAAC,EAAC,CAAC,oEAAoE;QAC5K,CAAC,CAAC,EAAE,CAAC;IAEN,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,KAAK,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC7E,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAC1C,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAChG,OAAO,uBAAC,uCAAkB,IAAW,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,IAAvD,GAAG,CAAuD,CAAC;IAC5F,CAAC,CAAC,CAAC;IACH,OAAO,uBAAC,gCAAiB,IAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,IAAA,8DAAqB,EAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,sBAAS,OAAK,cAAc,KAAM,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAAI,CAAC;AAC3L,CAAC"}

package/{build → dist}/blocks/layout/TabsRoot.js

@@ -1,19 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { InspectorControls } from "@wordpress/block-editor";
-import { PanelBody, TabPanel } from "@wordpress/components";
-import { testCondition } from "../conditions";
-import { LaidOutPropertyRow } from "./LaidOutPropertyRow";
-import { useSNPTreeContext } from "../SNPTreeContext";
-export function TabsRoot({ tabs, tabGroupName }) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TabsRoot = TabsRoot;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const block_editor_1 = require("@wordpress/block-editor");
+const components_1 = require("@wordpress/components");
+const conditions_1 = require("../conditions");
+const LaidOutPropertyRow_1 = require("./LaidOutPropertyRow");
+const SNPTreeContext_1 = require("../SNPTreeContext");
+function TabsRoot({ tabs, tabGroupName }) {
     //TODO: It should be possible to use immer to make this entire thing memoized
-    const dataController = useSNPTreeContext("construct a TabsRoot component");
+    const dataController = (0, SNPTreeContext_1.useSNPTreeContext)("construct a TabsRoot component");
     const instantiatedTabs = instantiateTabsForRenderCycle(tabs, dataController);
     if (instantiatedTabs.every(tab => tab.disabled)) {
         return null;
     }
-    return _jsx(InspectorControls, { group: tabGroupName, children: _jsx(TabPanel, { tabs: instantiatedTabs, children: tab => tab.panels
+    return (0, jsx_runtime_1.jsx)(block_editor_1.InspectorControls, { group: tabGroupName, children: (0, jsx_runtime_1.jsx)(components_1.TabPanel, { tabs: instantiatedTabs, children: tab => tab.panels
                 .filter(([rendered]) => rendered)
-                .map(([_, panel, key]) => _jsx(RenderedTabPanel, { dataController: dataController, panel: panel }, key)) }) });
+                .map(([_, panel, key]) => (0, jsx_runtime_1.jsx)(RenderedTabPanel, { dataController: dataController, panel: panel }, key)) }) });
 }
 //TODO: Figure out how to memoize this (will probably need some sort of panel/tab-based cache in the dataController)
 function instantiateTabsForRenderCycle(hydratedTabs, dataController) {
@@ -24,7 +27,7 @@ function instantiateTabsForRenderCycle(hydratedTabs, dataController) {
         let index = 0;
         let hasValidationErrors = false;
         for (const panel of hydratedTab.items) {
-            const rendered = dataController.hasRenderedNode(panel.properties) && (panel.condition === undefined || testCondition(panel.condition, propertyValueResolver));
+            const rendered = dataController.hasRenderedNode(panel.properties) && (panel.condition === undefined || (0, conditions_1.testCondition)(panel.condition, propertyValueResolver));
             if (rendered) {
                 if (!hasValidationErrors && dataController.hasValidationErrors(panel.properties)) {
                     hasValidationErrors = true;
@@ -39,7 +42,7 @@ function instantiateTabsForRenderCycle(hydratedTabs, dataController) {
 function RenderedTabPanel({ dataController, panel }) {
     // We have already tested the rendered-ness of the Panel earlier, so there's no need to redo it
     const { condition, properties, raw, ...panelBodyProps } = panel;
-    const children = properties.map(property => _jsx(LaidOutPropertyRow, { property: property, dataController: dataController }));
-    return raw ? children : _jsx(PanelBody, { ...panelBodyProps, opened: panelBodyProps.title ? undefined : true, children: children });
+    const children = properties.map(property => (0, jsx_runtime_1.jsx)(LaidOutPropertyRow_1.LaidOutPropertyRow, { property: property, dataController: dataController }));
+    return raw ? children : (0, jsx_runtime_1.jsx)(components_1.PanelBody, { ...panelBodyProps, opened: panelBodyProps.title ? undefined : true, children: children });
 }
 //# sourceMappingURL=TabsRoot.js.map

package/dist/blocks/layout/TabsRoot.js.map

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

package/dist/blocks/layout/ToolsPanelContext.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolsPanelContext = void 0;
+exports.makeToolsPanelContextValue = makeToolsPanelContextValue;
+exports.useToolsPanelContext = useToolsPanelContext;
+const element_1 = require("@wordpress/element");
+exports.ToolsPanelContext = (0, element_1.createContext)(undefined);
+let nextPanelId = 0;
+function makeToolsPanelContextValue(actualDefaultValues) {
+    const panelId = (0, element_1.useMemo)(() => (nextPanelId++).toString(), []);
+    return (0, element_1.useMemo)(() => ({
+        panelId,
+        getDefaultValue: (name) => actualDefaultValues[name]
+    }), [panelId, actualDefaultValues]);
+}
+function useToolsPanelContext(action) {
+    const currentContext = (0, element_1.useContext)(exports.ToolsPanelContext);
+    if (currentContext === undefined) {
+        throw new Error(`Cannot ${action} outside of an existing ToolsPanelContext`);
+    }
+    return currentContext;
+}
+//# sourceMappingURL=ToolsPanelContext.js.map

package/dist/blocks/layout/ToolsPanelContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolsPanelContext.js","sourceRoot":"","sources":["../../../src/blocks/layout/ToolsPanelContext.tsx"],"names":[],"mappings":";;;AAOA,gEAMC;AAED,oDAMC;AArBD,gDAAsE;AAIzD,QAAA,iBAAiB,GAAG,IAAA,uBAAa,EAAmC,SAAS,CAAC,CAAC;AAE5F,IAAI,WAAW,GAAG,CAAC,CAAC;AACpB,SAAgB,0BAA0B,CAAC,mBAA+C;IACzF,MAAM,OAAO,GAAG,IAAA,iBAAO,EAAC,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,OAAO,IAAA,iBAAO,EAAC,GAAG,EAAE,CAAC,CAAC;QACrB,OAAO;QACP,eAAe,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC;KAC5D,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,SAAgB,oBAAoB,CAAC,MAAc;IAClD,MAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,yBAAiB,CAAC,CAAC;IACrD,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAClC,MAAM,IAAI,KAAK,CAAC,UAAU,MAAM,2CAA2C,CAAC,CAAC;IAC9E,CAAC;IACD,OAAO,cAAc,CAAC;AACvB,CAAC"}

package/dist/blocks/shared-exportable-types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=shared-exportable-types.js.map

package/dist/blocks/shared-internal-types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=shared-internal-types.js.map

package/{build → dist}/blocks/simple-block.d.ts

@@ -1,7 +1,7 @@
 import { type Block, type BlockConfiguration, type BlockSaveProps } from "@wordpress/blocks";
 import { InnerBlocks } from "@wordpress/block-editor";
 import type { UseBlockProps } from "@wordpress/block-editor/components/use-block-props";
-import React, { type ComponentType, type ReactNode } from "react";
+import type { ComponentType, ReactNode } from "react";
 export type SimpleBlockTypeConfig<TAttributes extends Record<string, any>> = {
     icon?: BlockConfiguration<TAttributes>['icon'] | undefined;
     defaults?: Required<TAttributes>;