@puckeditor/core 0.22.2 → 0.22.3

package/dist/{chunk-CGHMSBNM.mjs → chunk-WH6PO5ND.mjs}

@@ -11039,6 +11039,7 @@ var PluginTab = ({
   return /* @__PURE__ */ jsx55("div", { className: getPluginTabClassName({ visible, mobileOnly }), children: /* @__PURE__ */ jsx55("div", { className: getPluginTabClassName("body"), children }) });
 };
 var Layout = ({ children }) => {
+  var _a, _b;
   const {
     iframe: _iframe,
     dnd,
@@ -11122,11 +11123,10 @@ var Layout = ({ children }) => {
   }
   const setUi = useAppStore((s) => s.setUi);
   const currentPlugin = useAppStore((s) => {
-    var _a;
-    return (_a = s.state.ui.plugin) == null ? void 0 : _a.current;
+    var _a2;
+    return (_a2 = s.state.ui.plugin) == null ? void 0 : _a2.current;
   });
   const appStoreApi = useAppStoreApi();
-  const [mobilePanelHeightMode, setMobilePanelHeightMode] = useState23("toggle");
   const hasLegacySideBarPlugin = useMemo24(
     () => !!(plugins == null ? void 0 : plugins.find((p) => p.name === "legacy-side-bar")),
     [plugins]
@@ -11143,17 +11143,15 @@ var Layout = ({ children }) => {
       combinedPlugins.push(fieldsPlugin());
     }
     combinedPlugins == null ? void 0 : combinedPlugins.forEach((plugin) => {
-      var _a, _b;
+      var _a2, _b2, _c;
       if (plugin.name && plugin.render) {
         if (details[plugin.name]) {
           delete details[plugin.name];
         }
         details[plugin.name] = {
-          label: (_a = plugin.label) != null ? _a : plugin.name,
-          icon: (_b = plugin.icon) != null ? _b : /* @__PURE__ */ jsx55(ToyBrick, {}),
+          label: (_a2 = plugin.label) != null ? _a2 : plugin.name,
+          icon: (_b2 = plugin.icon) != null ? _b2 : /* @__PURE__ */ jsx55(ToyBrick, {}),
           onClick: () => {
-            var _a2;
-            setMobilePanelHeightMode((_a2 = plugin.mobilePanelHeight) != null ? _a2 : "toggle");
             if (plugin.name === currentPlugin) {
               if (leftSideBarVisible) {
                 setUi({ leftSideBarVisible: false });
@@ -11171,6 +11169,7 @@ var Layout = ({ children }) => {
           },
           isActive: leftSideBarVisible && currentPlugin === plugin.name,
           render: plugin.render,
+          mobilePanelHeight: (_c = plugin.mobilePanelHeight) != null ? _c : "toggle",
           mobileOnly: hasLegacySideBarPlugin || plugin.mobileOnly,
           desktopOnly: plugin.name === "legacy-side-bar" || plugin.desktopOnly
         };
@@ -11178,6 +11177,8 @@ var Layout = ({ children }) => {
     });
     return details;
   }, [plugins, currentPlugin, appStoreApi, leftSideBarVisible]);
+  const activePlugin = currentPlugin != null ? currentPlugin : Object.keys(pluginItems)[0];
+  const mobilePanelHeightMode = (_b = (_a = pluginItems[activePlugin]) == null ? void 0 : _a.mobilePanelHeight) != null ? _b : "toggle";
   useEffect28(() => {
     if (!currentPlugin) {
       const names = Object.keys(pluginItems);
@@ -11187,8 +11188,8 @@ var Layout = ({ children }) => {
   const hasDesktopFieldsPlugin = pluginItems["fields"] && pluginItems["fields"].mobileOnly === false;
   const mobilePanelExpanded = useAppStore(
     (s) => {
-      var _a;
-      return (_a = s.state.ui.mobilePanelExpanded) != null ? _a : false;
+      var _a2;
+      return (_a2 = s.state.ui.mobilePanelExpanded) != null ? _a2 : false;
     }
   );
   return /* @__PURE__ */ jsxs23(

package/dist/index.js

@@ -16973,6 +16973,7 @@ var PluginTab = ({
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: getPluginTabClassName({ visible, mobileOnly }), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: getPluginTabClassName("body"), children }) });
 };
 var Layout = ({ children }) => {
+  var _a, _b;
   const {
     iframe: _iframe,
     dnd,
@@ -17056,11 +17057,10 @@ var Layout = ({ children }) => {
   }
   const setUi = useAppStore((s) => s.setUi);
   const currentPlugin = useAppStore((s) => {
-    var _a;
-    return (_a = s.state.ui.plugin) == null ? void 0 : _a.current;
+    var _a2;
+    return (_a2 = s.state.ui.plugin) == null ? void 0 : _a2.current;
   });
   const appStoreApi = useAppStoreApi();
-  const [mobilePanelHeightMode, setMobilePanelHeightMode] = (0, import_react94.useState)("toggle");
   const hasLegacySideBarPlugin = (0, import_react94.useMemo)(
     () => !!(plugins == null ? void 0 : plugins.find((p) => p.name === "legacy-side-bar")),
     [plugins]
@@ -17077,17 +17077,15 @@ var Layout = ({ children }) => {
       combinedPlugins.push(fieldsPlugin());
     }
     combinedPlugins == null ? void 0 : combinedPlugins.forEach((plugin) => {
-      var _a, _b;
+      var _a2, _b2, _c;
       if (plugin.name && plugin.render) {
         if (details[plugin.name]) {
           delete details[plugin.name];
         }
         details[plugin.name] = {
-          label: (_a = plugin.label) != null ? _a : plugin.name,
-          icon: (_b = plugin.icon) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToyBrick, {}),
+          label: (_a2 = plugin.label) != null ? _a2 : plugin.name,
+          icon: (_b2 = plugin.icon) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToyBrick, {}),
           onClick: () => {
-            var _a2;
-            setMobilePanelHeightMode((_a2 = plugin.mobilePanelHeight) != null ? _a2 : "toggle");
             if (plugin.name === currentPlugin) {
               if (leftSideBarVisible) {
                 setUi({ leftSideBarVisible: false });
@@ -17105,6 +17103,7 @@ var Layout = ({ children }) => {
           },
           isActive: leftSideBarVisible && currentPlugin === plugin.name,
           render: plugin.render,
+          mobilePanelHeight: (_c = plugin.mobilePanelHeight) != null ? _c : "toggle",
           mobileOnly: hasLegacySideBarPlugin || plugin.mobileOnly,
           desktopOnly: plugin.name === "legacy-side-bar" || plugin.desktopOnly
         };
@@ -17112,6 +17111,8 @@ var Layout = ({ children }) => {
     });
     return details;
   }, [plugins, currentPlugin, appStoreApi, leftSideBarVisible]);
+  const activePlugin = currentPlugin != null ? currentPlugin : Object.keys(pluginItems)[0];
+  const mobilePanelHeightMode = (_b = (_a = pluginItems[activePlugin]) == null ? void 0 : _a.mobilePanelHeight) != null ? _b : "toggle";
   (0, import_react94.useEffect)(() => {
     if (!currentPlugin) {
       const names = Object.keys(pluginItems);
@@ -17121,8 +17122,8 @@ var Layout = ({ children }) => {
   const hasDesktopFieldsPlugin = pluginItems["fields"] && pluginItems["fields"].mobileOnly === false;
   const mobilePanelExpanded = useAppStore(
     (s) => {
-      var _a;
-      return (_a = s.state.ui.mobilePanelExpanded) != null ? _a : false;
+      var _a2;
+      return (_a2 = s.state.ui.mobilePanelExpanded) != null ? _a2 : false;
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-CGHMSBNM.mjs";
+} from "./chunk-WH6PO5ND.mjs";
 import "./chunk-PRZEIT36.mjs";
 import {
   migrate,

package/dist/no-external.js

@@ -16973,6 +16973,7 @@ var PluginTab = ({
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: getPluginTabClassName({ visible, mobileOnly }), children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: getPluginTabClassName("body"), children }) });
 };
 var Layout = ({ children }) => {
+  var _a, _b;
   const {
     iframe: _iframe,
     dnd,
@@ -17056,11 +17057,10 @@ var Layout = ({ children }) => {
   }
   const setUi = useAppStore((s) => s.setUi);
   const currentPlugin = useAppStore((s) => {
-    var _a;
-    return (_a = s.state.ui.plugin) == null ? void 0 : _a.current;
+    var _a2;
+    return (_a2 = s.state.ui.plugin) == null ? void 0 : _a2.current;
   });
   const appStoreApi = useAppStoreApi();
-  const [mobilePanelHeightMode, setMobilePanelHeightMode] = (0, import_react94.useState)("toggle");
   const hasLegacySideBarPlugin = (0, import_react94.useMemo)(
     () => !!(plugins == null ? void 0 : plugins.find((p) => p.name === "legacy-side-bar")),
     [plugins]
@@ -17077,17 +17077,15 @@ var Layout = ({ children }) => {
       combinedPlugins.push(fieldsPlugin());
     }
     combinedPlugins == null ? void 0 : combinedPlugins.forEach((plugin) => {
-      var _a, _b;
+      var _a2, _b2, _c;
       if (plugin.name && plugin.render) {
         if (details[plugin.name]) {
           delete details[plugin.name];
         }
         details[plugin.name] = {
-          label: (_a = plugin.label) != null ? _a : plugin.name,
-          icon: (_b = plugin.icon) != null ? _b : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToyBrick, {}),
+          label: (_a2 = plugin.label) != null ? _a2 : plugin.name,
+          icon: (_b2 = plugin.icon) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ToyBrick, {}),
           onClick: () => {
-            var _a2;
-            setMobilePanelHeightMode((_a2 = plugin.mobilePanelHeight) != null ? _a2 : "toggle");
             if (plugin.name === currentPlugin) {
               if (leftSideBarVisible) {
                 setUi({ leftSideBarVisible: false });
@@ -17105,6 +17103,7 @@ var Layout = ({ children }) => {
           },
           isActive: leftSideBarVisible && currentPlugin === plugin.name,
           render: plugin.render,
+          mobilePanelHeight: (_c = plugin.mobilePanelHeight) != null ? _c : "toggle",
           mobileOnly: hasLegacySideBarPlugin || plugin.mobileOnly,
           desktopOnly: plugin.name === "legacy-side-bar" || plugin.desktopOnly
         };
@@ -17112,6 +17111,8 @@ var Layout = ({ children }) => {
     });
     return details;
   }, [plugins, currentPlugin, appStoreApi, leftSideBarVisible]);
+  const activePlugin = currentPlugin != null ? currentPlugin : Object.keys(pluginItems)[0];
+  const mobilePanelHeightMode = (_b = (_a = pluginItems[activePlugin]) == null ? void 0 : _a.mobilePanelHeight) != null ? _b : "toggle";
   (0, import_react94.useEffect)(() => {
     if (!currentPlugin) {
       const names = Object.keys(pluginItems);
@@ -17121,8 +17122,8 @@ var Layout = ({ children }) => {
   const hasDesktopFieldsPlugin = pluginItems["fields"] && pluginItems["fields"].mobileOnly === false;
   const mobilePanelExpanded = useAppStore(
     (s) => {
-      var _a;
-      return (_a = s.state.ui.mobilePanelExpanded) != null ? _a : false;
+      var _a2;
+      return (_a2 = s.state.ui.mobilePanelExpanded) != null ? _a2 : false;
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(

package/dist/no-external.mjs

@@ -17,7 +17,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-CGHMSBNM.mjs";
+} from "./chunk-WH6PO5ND.mjs";
 import "./chunk-PRZEIT36.mjs";
 import {
   migrate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/core",
-  "version": "0.22.2",
+  "version": "0.22.3",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",