@orion-studios/payload-studio 0.6.0-beta.134 → 0.6.0-beta.136

package/dist/admin/index.mjs

@@ -7,14 +7,14 @@ import {
   socialMediaConnectionsField,
   themePreferenceField,
   withTooltips
-} from "../chunk-KHK6RTGC.mjs";
+} from "../chunk-JC3UV74N.mjs";
+import "../chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "../chunk-ZTXJG4K5.mjs";
-import "../chunk-W2UOCJDX.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,

package/dist/builder-v2/client.js

@@ -1314,7 +1314,7 @@ var decorateBuilderSettingHelp = (root = document) => {
       trigger.className = "orion-builder-v2-help-trigger";
       trigger.dataset.builderHelpText = help;
       trigger.role = "button";
-      trigger.tabIndex = 0;
+      trigger.tabIndex = -1;
       trigger.textContent = "?";
       element.appendChild(trigger);
     }
@@ -1356,6 +1356,7 @@ var decorateBuilderColorEyeDroppers = (root = document) => {
     button.dataset.orionColorEyedropper = "true";
     button.setAttribute("aria-label", "Pick color from screen");
     button.setAttribute("title", "Pick color from screen");
+    button.tabIndex = -1;
     button.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 4.3a2.4 2.4 0 0 1 3.4 0l1.6 1.6a2.4 2.4 0 0 1 0 3.4l-1.2 1.2 1 1a1 1 0 1 1-1.4 1.4l-1-1-8.9 8.9H4v-4.2l8.9-8.9-1-1a1 1 0 0 1 1.4-1.4l1 1 1.4-1.4Zm-.4 4.8-8.3 8.3V19h1.6l8.3-8.3-1.6-1.6Z" fill="currentColor"/></svg>';
     swatch.insertAdjacentElement("afterend", button);
   });
@@ -1373,6 +1374,7 @@ var decorateBuilderNumericSteppers = (root = document) => {
       return;
     }
     field.classList.add("has-orion-builder-stepper");
+    field.querySelector("select")?.setAttribute("tabindex", "-1");
     const stepper = document.createElement("span");
     stepper.className = "orion-builder-v2-stepper";
     const updateValue = (direction) => {
@@ -1390,6 +1392,7 @@ var decorateBuilderNumericSteppers = (root = document) => {
       button.type = "button";
       button.className = `orion-builder-v2-stepper-button ${step.className}`;
       button.setAttribute("aria-label", `${step.label} ${property.replace(/-/g, " ")}`);
+      button.tabIndex = -1;
       button.textContent = step.text;
       button.addEventListener("click", (event) => {
         event.preventDefault();
@@ -2142,6 +2145,7 @@ function GrapesPageEditor({
   const stylePanelEditActiveRef = (0, import_react.useRef)(false);
   const historyRestoreActiveRef = (0, import_react.useRef)(false);
   const stylePanelHistoryBeforeRef = (0, import_react.useRef)(null);
+  const historyReadyRef = (0, import_react.useRef)(false);
   const lastComponentSnapshotRef = (0, import_react.useRef)(/* @__PURE__ */ new WeakMap());
   const customUndoStackRef = (0, import_react.useRef)([]);
   const customRedoStackRef = (0, import_react.useRef)([]);
@@ -3102,8 +3106,18 @@ function GrapesPageEditor({
           registerOrionBuilderV2Blocks(editor);
         }
         registerProjectDynamicComponents(editor, adapter);
+        historyReadyRef.current = false;
         editor.loadProjectData(projectData);
         void loadPayloadMediaAssets(editor);
+        window.setTimeout(() => {
+          customUndoStackRef.current = [];
+          customRedoStackRef.current = [];
+          lastComponentSnapshotRef.current = /* @__PURE__ */ new WeakMap();
+          clearNativeUndoHistory();
+          editor.clearDirtyCount?.();
+          updateHistoryState(editor);
+          historyReadyRef.current = true;
+        }, 0);
         editor.on("update", () => {
           const hasDirtyChanges = editor.getDirtyCount() > 0;
           refreshSelectedState(selectedComponentRef.current);
@@ -3122,6 +3136,9 @@ function GrapesPageEditor({
           }, autosaveIntervalMs);
         });
         editor.on("orion:component-history", (entry) => {
+          if (!historyReadyRef.current || historyRestoreActiveRef.current) {
+            return;
+          }
           if (!entry || typeof entry !== "object" || !("component" in entry) || !("before" in entry) || !("after" in entry)) {
             return;
           }
@@ -3143,7 +3160,7 @@ function GrapesPageEditor({
           );
         });
         editor.on("component:add", (component) => {
-          if (historyRestoreActiveRef.current) {
+          if (!historyReadyRef.current || historyRestoreActiveRef.current) {
             return;
           }
           const typed = component;
@@ -3151,7 +3168,7 @@ function GrapesPageEditor({
             return;
           }
           window.setTimeout(() => {
-            if (historyRestoreActiveRef.current) {
+            if (!historyReadyRef.current || historyRestoreActiveRef.current) {
               return;
             }
             pushCustomHistoryEntry(null, snapshotComponent(typed));

package/dist/builder-v2/client.mjs

@@ -1190,7 +1190,7 @@ var decorateBuilderSettingHelp = (root = document) => {
       trigger.className = "orion-builder-v2-help-trigger";
       trigger.dataset.builderHelpText = help;
       trigger.role = "button";
-      trigger.tabIndex = 0;
+      trigger.tabIndex = -1;
       trigger.textContent = "?";
       element.appendChild(trigger);
     }
@@ -1232,6 +1232,7 @@ var decorateBuilderColorEyeDroppers = (root = document) => {
     button.dataset.orionColorEyedropper = "true";
     button.setAttribute("aria-label", "Pick color from screen");
     button.setAttribute("title", "Pick color from screen");
+    button.tabIndex = -1;
     button.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14.7 4.3a2.4 2.4 0 0 1 3.4 0l1.6 1.6a2.4 2.4 0 0 1 0 3.4l-1.2 1.2 1 1a1 1 0 1 1-1.4 1.4l-1-1-8.9 8.9H4v-4.2l8.9-8.9-1-1a1 1 0 0 1 1.4-1.4l1 1 1.4-1.4Zm-.4 4.8-8.3 8.3V19h1.6l8.3-8.3-1.6-1.6Z" fill="currentColor"/></svg>';
     swatch.insertAdjacentElement("afterend", button);
   });
@@ -1249,6 +1250,7 @@ var decorateBuilderNumericSteppers = (root = document) => {
       return;
     }
     field.classList.add("has-orion-builder-stepper");
+    field.querySelector("select")?.setAttribute("tabindex", "-1");
     const stepper = document.createElement("span");
     stepper.className = "orion-builder-v2-stepper";
     const updateValue = (direction) => {
@@ -1266,6 +1268,7 @@ var decorateBuilderNumericSteppers = (root = document) => {
       button.type = "button";
       button.className = `orion-builder-v2-stepper-button ${step.className}`;
       button.setAttribute("aria-label", `${step.label} ${property.replace(/-/g, " ")}`);
+      button.tabIndex = -1;
       button.textContent = step.text;
       button.addEventListener("click", (event) => {
         event.preventDefault();
@@ -2018,6 +2021,7 @@ function GrapesPageEditor({
   const stylePanelEditActiveRef = useRef(false);
   const historyRestoreActiveRef = useRef(false);
   const stylePanelHistoryBeforeRef = useRef(null);
+  const historyReadyRef = useRef(false);
   const lastComponentSnapshotRef = useRef(/* @__PURE__ */ new WeakMap());
   const customUndoStackRef = useRef([]);
   const customRedoStackRef = useRef([]);
@@ -2978,8 +2982,18 @@ function GrapesPageEditor({
           registerOrionBuilderV2Blocks(editor);
         }
         registerProjectDynamicComponents(editor, adapter);
+        historyReadyRef.current = false;
         editor.loadProjectData(projectData);
         void loadPayloadMediaAssets(editor);
+        window.setTimeout(() => {
+          customUndoStackRef.current = [];
+          customRedoStackRef.current = [];
+          lastComponentSnapshotRef.current = /* @__PURE__ */ new WeakMap();
+          clearNativeUndoHistory();
+          editor.clearDirtyCount?.();
+          updateHistoryState(editor);
+          historyReadyRef.current = true;
+        }, 0);
         editor.on("update", () => {
           const hasDirtyChanges = editor.getDirtyCount() > 0;
           refreshSelectedState(selectedComponentRef.current);
@@ -2998,6 +3012,9 @@ function GrapesPageEditor({
           }, autosaveIntervalMs);
         });
         editor.on("orion:component-history", (entry) => {
+          if (!historyReadyRef.current || historyRestoreActiveRef.current) {
+            return;
+          }
           if (!entry || typeof entry !== "object" || !("component" in entry) || !("before" in entry) || !("after" in entry)) {
             return;
           }
@@ -3019,7 +3036,7 @@ function GrapesPageEditor({
           );
         });
         editor.on("component:add", (component) => {
-          if (historyRestoreActiveRef.current) {
+          if (!historyReadyRef.current || historyRestoreActiveRef.current) {
             return;
           }
           const typed = component;
@@ -3027,7 +3044,7 @@ function GrapesPageEditor({
             return;
           }
           window.setTimeout(() => {
-            if (historyRestoreActiveRef.current) {
+            if (!historyReadyRef.current || historyRestoreActiveRef.current) {
               return;
             }
             pushCustomHistoryEntry(null, snapshotComponent(typed));

package/dist/index.mjs

@@ -1,22 +1,22 @@
 import {
   admin_exports
-} from "./chunk-KHK6RTGC.mjs";
+} from "./chunk-JC3UV74N.mjs";
 import {
-  nextjs_exports
-} from "./chunk-ZADL33R6.mjs";
-import "./chunk-ZTXJG4K5.mjs";
+  admin_app_exports
+} from "./chunk-RKTIFEUY.mjs";
+import "./chunk-W2UOCJDX.mjs";
 import {
   blocks_exports
 } from "./chunk-JQAHXYAM.mjs";
 import {
-  admin_app_exports
-} from "./chunk-RKTIFEUY.mjs";
-import "./chunk-W2UOCJDX.mjs";
+  nextjs_exports
+} from "./chunk-ZADL33R6.mjs";
+import "./chunk-ZTXJG4K5.mjs";
 import {
   studio_pages_exports
-} from "./chunk-276KAPGM.mjs";
-import "./chunk-7ZMXZRBP.mjs";
+} from "./chunk-NGLIA2OE.mjs";
 import "./chunk-OQSEJXC4.mjs";
+import "./chunk-7ZMXZRBP.mjs";
 import {
   studio_exports
 } from "./chunk-ADIIWIYL.mjs";

package/dist/studio-pages/index.mjs

@@ -7,14 +7,14 @@ import {
   pageStudioModuleManifest,
   resolveBuilderThemeTokens,
   toEditorInitialDoc
-} from "../chunk-276KAPGM.mjs";
+} from "../chunk-NGLIA2OE.mjs";
+import "../chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
   layoutToStudioDocument,
   studioDocumentToLayout
 } from "../chunk-7ZMXZRBP.mjs";
-import "../chunk-OQSEJXC4.mjs";
 import "../chunk-ADIIWIYL.mjs";
 import "../chunk-6BWS3CLP.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.134",
+  "version": "0.6.0-beta.136",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",

package/dist/{chunk-KHK6RTGC.mjs → chunk-JC3UV74N.mjs}

@@ -1,12 +1,12 @@
+import {
+  adminNavIcons
+} from "./chunk-W2UOCJDX.mjs";
 import {
   SOCIAL_MEDIA_DEFAULT_ICON_BY_PLATFORM,
   SOCIAL_MEDIA_ICON_OPTIONS,
   SOCIAL_MEDIA_PLATFORMS,
   SOCIAL_MEDIA_PLATFORM_LABELS
 } from "./chunk-ZTXJG4K5.mjs";
-import {
-  adminNavIcons
-} from "./chunk-W2UOCJDX.mjs";
 import {
   __export,
   __require

package/dist/{chunk-276KAPGM.mjs → chunk-NGLIA2OE.mjs}

@@ -1,3 +1,6 @@
+import {
+  sectionStyleDefaults
+} from "./chunk-OQSEJXC4.mjs";
 import {
   createDefaultStudioDocument,
   defaultBuilderThemeTokens,
@@ -5,9 +8,6 @@ import {
   migrateBlockToSettingsV2,
   studioDocumentToLayout
 } from "./chunk-7ZMXZRBP.mjs";
-import {
-  sectionStyleDefaults
-} from "./chunk-OQSEJXC4.mjs";
 import {
   assertStudioDocumentV1,
   compileStudioDocument,