@measured/puck 0.14.2-canary.e6e01c6 → 0.14.2

package/README.md

@@ -108,7 +108,7 @@ Available recipes include:
 
 Puck is developed and maintained by **Measured**, a small group of industry veterans with decades of experience helping companies solve hard UI problems. We offer consultancy and development services for scale-ups, SMEs and enterprises.
 
-If you need support integrating Puck or creating a beautiful component library, please reach out via [our website](https://measured.co).
+If you need support integrating Puck or creating a beautiful component library, please reach out via the [Measured](https://measured.co) website.
 
 ## License
 

package/dist/index.d.ts

@@ -229,7 +229,7 @@ type IframeConfig = {
     enabled?: boolean;
 };
 
-declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, }: {
+declare function Puck<UserConfig extends Config = Config>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, viewports, iframe, dnd, }: {
     children?: ReactNode;
     config: UserConfig;
     data: Data;
@@ -251,6 +251,9 @@ declare function Puck<UserConfig extends Config = Config>({ children, config, da
     headerPath?: string;
     viewports?: Viewports;
     iframe?: IframeConfig;
+    dnd?: {
+        disableAutoScroll?: boolean;
+    };
 }): react_jsx_runtime.JSX.Element;
 declare namespace Puck {
     var Components: () => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -29311,6 +29311,7 @@ var defaultViewports = [
 ];
 
 // components/Puck/context.tsx
+var import_ua_parser_js = require("ua-parser-js");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var defaultAppState = {
   data: { content: [], root: { props: { title: "" } } },
@@ -29350,7 +29351,8 @@ var defaultContext = {
   setZoomConfig: () => null,
   status: "LOADING",
   setStatus: () => null,
-  iframe: {}
+  iframe: {},
+  safariFallbackMode: false
 };
 var appContext = (0, import_react3.createContext)(defaultContext);
 var AppProvider = ({
@@ -29362,10 +29364,34 @@ var AppProvider = ({
   (0, import_react3.useEffect)(() => {
     setStatus("MOUNTED");
   }, []);
+  const [safariFallbackMode, setSafariFallbackMode] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    var _a, _b, _c;
+    const ua = new import_ua_parser_js.UAParser(navigator.userAgent);
+    const { browser } = ua.getResult();
+    if (browser.name === "Safari" && (((_a = browser.version) == null ? void 0 : _a.indexOf("17.2.")) || ((_b = browser.version) == null ? void 0 : _b.indexOf("17.3.")) || ((_c = browser.version) == null ? void 0 : _c.indexOf("17.4.")))) {
+      if (process.env.NODE_ENV !== "production" && value.iframe.enabled) {
+        console.warn(
+          `Detected Safari ${browser.version}, which contains a bug that prevents Puck DropZones from detecting a mouseover event within an iframe. This affects Safari versions 17.2, 17.3 and 17.4.
+
+Running in compatibility mode, which may have some DropZone side-effects. Alternatively, consider disabling iframes: https://puckeditor.com/docs/integrating-puck/viewports#opting-out-of-iframes.
+
+See https://github.com/measuredco/puck/issues/411 for more information. This message will not show in production.`
+        );
+      }
+      setSafariFallbackMode(true);
+    }
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     appContext.Provider,
     {
-      value: __spreadProps(__spreadValues({}, value), { zoomConfig, setZoomConfig, status, setStatus }),
+      value: __spreadProps(__spreadValues({}, value), {
+        zoomConfig,
+        setZoomConfig,
+        status,
+        setStatus,
+        safariFallbackMode
+      }),
       children
     }
   );
@@ -30193,7 +30219,11 @@ function DropZoneEdit({ zone, allow, disallow, style }) {
   let isEnabled = userWillDrag;
   if (userIsDragging) {
     if (draggingNewComponent) {
-      isEnabled = hoveringOverArea;
+      if (appContext2.safariFallbackMode) {
+        isEnabled = true;
+      } else {
+        isEnabled = hoveringOverArea;
+      }
     } else {
       isEnabled = draggingOverArea && hoveringOverZone;
     }
@@ -32031,7 +32061,7 @@ var RadioField = ({
                   onChange(e.currentTarget.value);
                 },
                 disabled: readOnly,
-                defaultChecked: value === option.value
+                checked: value === option.value
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: getClassName14("radioInner"), children: option.label || option.value })
@@ -32073,7 +32103,7 @@ var SelectField = ({
           disabled: readOnly,
           onChange: (e) => {
             if (e.currentTarget.value === "true" || e.currentTarget.value === "false") {
-              onChange(Boolean(e.currentTarget.value));
+              onChange(JSON.parse(e.currentTarget.value));
               return;
             }
             onChange(e.currentTarget.value);
@@ -33416,7 +33446,8 @@ function Puck({
   viewports = defaultViewports,
   iframe = {
     enabled: true
-  }
+  },
+  dnd
 }) {
   var _a;
   const historyStore = useHistoryStore();
@@ -33616,6 +33647,7 @@ function Puck({
       children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         DragDropContext,
         {
+          autoScrollerOptions: { disabled: dnd == null ? void 0 : dnd.disableAutoScroll },
           onDragUpdate: (update) => {
             setDraggedItem(__spreadValues(__spreadValues({}, draggedItem), update));
             onDragStartOrUpdate(update);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.14.2-canary.e6e01c6",
+  "version": "0.14.2",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -46,6 +46,7 @@
     "@types/jest": "^29.5.4",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
+    "@types/ua-parser-js": "^0.7.39",
     "css-box-model": "^1.2.1",
     "eslint": "^7.32.0",
     "eslint-config-custom": "*",
@@ -59,11 +60,12 @@
     "typescript": "^4.5.2"
   },
   "dependencies": {
-    "@measured/auto-frame-component": "0.1.1",
-    "@measured/dnd": "16.6.0-canary.f472135",
+    "@measured/auto-frame-component": "0.1.7",
+    "@measured/dnd": "16.6.0-canary.4cba1d1",
     "deep-diff": "^1.0.2",
     "react-hotkeys-hook": "^4.4.1",
     "react-spinners": "^0.13.8",
+    "ua-parser-js": "^1.0.37",
     "use-debounce": "^9.0.4",
     "uuid": "^9.0.1"
   },