@reacteditor/core 0.0.15 → 0.0.17

package/dist/no-external.mjs

@@ -25,8 +25,8 @@ import {
   usePropsContext,
   useRouteParams,
   useStableValue
-} from "./chunk-RAMNEU3M.mjs";
-import "./chunk-647NZJYM.mjs";
+} from "./chunk-AXB6UJ2P.mjs";
+import "./chunk-2A2HBRLV.mjs";
 import {
   Action,
   ActionBar,
@@ -35,22 +35,22 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-TFAZFGYZ.mjs";
-import "./chunk-C2KWANIN.mjs";
+} from "./chunk-OAOKQORI.mjs";
+import "./chunk-CUGSM3PC.mjs";
 import {
   getRouteProps,
   migrate,
   resolveAllData,
   resolveRouteFromString,
   transformProps
-} from "./chunk-3CGBQNX4.mjs";
+} from "./chunk-AD67LVXW.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-NKHR722W.mjs";
-import "./chunk-GIGXMGTZ.mjs";
-import "./chunk-T43H325W.mjs";
+import "./chunk-ESU6AYGB.mjs";
+import "./chunk-C5G7WUBQ.mjs";
+import "./chunk-NUBRSWFJ.mjs";
 import "./chunk-M4JDRFYB.mjs";
-import "./chunk-NPC7A3V3.mjs";
-import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-FTVOCMGV.mjs";
+import "./chunk-DQU3HIP4.mjs";
 import {
   walkTree
 } from "./chunk-JIXMPJZA.mjs";

package/dist/rsc.js

@@ -160,19 +160,29 @@ var init_get_class_name_factory = __esm({
     "use strict";
     init_react_import();
     import_classnames = __toESM(require_classnames());
-    getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
+    getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}, modifiers) => {
       if (typeof options === "string") {
         const descendant = options;
-        const style = styles[`${rootClass}-${descendant}`];
+        const baseKey = `${rootClass}-${descendant}`;
+        const style = styles[baseKey];
+        if (modifiers) {
+          const prefixedModifiers = {};
+          for (let modifier in modifiers) {
+            prefixedModifiers[styles[`${baseKey}--${modifier}`]] = modifiers[modifier];
+          }
+          return config.baseClass + (0, import_classnames.default)(__spreadValues({
+            [style]: !!style
+          }, prefixedModifiers));
+        }
         if (style) {
-          return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
+          return config.baseClass + style;
         }
         return "";
       } else if (typeof options === "object") {
-        const modifiers = options;
+        const modifiers2 = options;
         const prefixedModifiers = {};
-        for (let modifier in modifiers) {
-          prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
+        for (let modifier in modifiers2) {
+          prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers2[modifier];
         }
         const c = styles[rootClass];
         return config.baseClass + (0, import_classnames.default)(__spreadValues({
@@ -1145,6 +1155,16 @@ init_react_import();
 
 // store/default-app-state.ts
 init_react_import();
+
+// components/ViewportControls/default-viewports.ts
+init_react_import();
+var defaultViewports = [
+  { width: 360, height: "auto", icon: "Smartphone", label: "Small" },
+  { width: 768, height: "auto", icon: "Tablet", label: "Medium" },
+  { width: "100%", height: "auto", icon: "Monitor", label: "Desktop" }
+];
+
+// store/default-app-state.ts
 var defaultAppState = {
   data: { content: [], root: {}, zones: {} },
   ui: {
@@ -1157,9 +1177,10 @@ var defaultAppState = {
     isDragging: false,
     previewMode: "edit",
     viewports: {
-      // Default to the tablet viewport (the middle option) so the canvas
-      // opens at a comfortable preview width on most screens.
-      current: { width: 768, height: "auto" },
+      current: {
+        width: defaultViewports[0].width,
+        height: defaultViewports[0].height || "auto"
+      },
       options: [],
       controlsVisible: true
     },

package/dist/rsc.mjs

@@ -7,10 +7,10 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-3CGBQNX4.mjs";
+} from "./chunk-AD67LVXW.mjs";
 import "./chunk-6QJ2HF4O.mjs";
-import "./chunk-NPC7A3V3.mjs";
-import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-FTVOCMGV.mjs";
+import "./chunk-DQU3HIP4.mjs";
 import {
   rootAreaId,
   rootDroppableId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reacteditor/core",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "The open-source visual editor for React",
   "author": "Rami Bitar <rami@frontend.co>",
   "repository": "reacteditor/editor",
@@ -145,7 +145,6 @@
     "happy-dom": "^20.0.10",
     "object-hash": "^3.0.0",
     "react-hotkeys-hook": "^4.6.1",
-    "react-zoom-pan-pinch": "^4.0.3",
     "use-debounce": "^9.0.4",
     "uuid": "^9.0.1",
     "zustand": "^5.0.3"