@measured/puck 0.14.2-canary.9008b70 → 0.14.2-canary.9a7066f

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.css

@@ -135,6 +135,9 @@
 }
 
 /* styles.css */
+.Puck {
+  min-height: 100%;
+}
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css/#css-module-data */
 ._Button_1t64k_1 {
@@ -421,44 +424,44 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */
-._DropZone_1fmd4_1 {
+._DropZone_djoti_1 {
   margin-left: auto;
   margin-right: auto;
   position: relative;
-  height: 100%;
+  min-height: 100%;
   outline-offset: -2px;
   width: 100%;
 }
-._DropZone-content_1fmd4_10 {
+._DropZone-content_djoti_10 {
   min-height: 128px;
   height: 100%;
 }
-._DropZone--userIsDragging_1fmd4_15 ._DropZone-content_1fmd4_10 {
+._DropZone--userIsDragging_djoti_15 ._DropZone-content_djoti_10 {
   pointer-events: all;
 }
-._DropZone--userIsDragging_1fmd4_15:not(._DropZone--draggingOverArea_1fmd4_19):not(._DropZone--draggingNewComponent_1fmd4_20) > ._DropZone-content_1fmd4_10 {
+._DropZone--userIsDragging_djoti_15:not(._DropZone--draggingOverArea_djoti_19):not(._DropZone--draggingNewComponent_djoti_20) > ._DropZone-content_djoti_10 {
   pointer-events: none;
 }
-._DropZone--isAreaSelected_1fmd4_26,
-._DropZone--draggingOverArea_1fmd4_19:not(:has(._DropZone--hoveringOverArea_1fmd4_27)),
-._DropZone--hoveringOverArea_1fmd4_27:not(._DropZone--isDisabled_1fmd4_28):not(._DropZone--isRootZone_1fmd4_29):not(._DropZone--hasChildren_1fmd4_30) {
+._DropZone--isAreaSelected_djoti_26,
+._DropZone--draggingOverArea_djoti_19:not(:has(._DropZone--hoveringOverArea_djoti_27)),
+._DropZone--hoveringOverArea_djoti_27:not(._DropZone--isDisabled_djoti_28):not(._DropZone--isRootZone_djoti_29):not(._DropZone--hasChildren_djoti_30) {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }
-._DropZone_1fmd4_1:not(._DropZone--hasChildren_1fmd4_30) {
+._DropZone_djoti_1:not(._DropZone--hasChildren_djoti_30) {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }
-._DropZone--isDestination_1fmd4_40 {
+._DropZone--isDestination_djoti_40 {
   outline: 2px dashed var(--puck-color-azure-04) !important;
 }
-._DropZone--isDestination_1fmd4_40:not(._DropZone--isRootZone_1fmd4_29) {
+._DropZone--isDestination_djoti_40:not(._DropZone--isRootZone_djoti_29) {
   background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important;
 }
-._DropZone-item_1fmd4_52 {
+._DropZone-item_djoti_52 {
   position: relative;
 }
-._DropZone-hitbox_1fmd4_56 {
+._DropZone-hitbox_djoti_56 {
   position: absolute;
   bottom: -12px;
   height: 24px;
@@ -1531,12 +1534,12 @@ textarea._Input-input_1qi5b_46 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
-._PuckPreview_1mia0_1 {
+._PuckPreview_rxwlr_1 {
   height: 100%;
 }
-._PuckPreview-frame_1mia0_5 {
+._PuckPreview-frame_rxwlr_5 {
   border: none;
-  height: 100%;
+  min-height: 100%;
   width: 100%;
 }
 

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
     }
   );
@@ -30000,7 +30026,7 @@ var DraggableComponent = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css#css-module
 init_react_import();
-var styles_module_default4 = { "DropZone": "_DropZone_1fmd4_1", "DropZone-content": "_DropZone-content_1fmd4_10", "DropZone--userIsDragging": "_DropZone--userIsDragging_1fmd4_15", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_1fmd4_19", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_1fmd4_20", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1fmd4_26", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1fmd4_27", "DropZone--isDisabled": "_DropZone--isDisabled_1fmd4_28", "DropZone--isRootZone": "_DropZone--isRootZone_1fmd4_29", "DropZone--hasChildren": "_DropZone--hasChildren_1fmd4_30", "DropZone--isDestination": "_DropZone--isDestination_1fmd4_40", "DropZone-item": "_DropZone-item_1fmd4_52", "DropZone-hitbox": "_DropZone-hitbox_1fmd4_56" };
+var styles_module_default4 = { "DropZone": "_DropZone_djoti_1", "DropZone-content": "_DropZone-content_djoti_10", "DropZone--userIsDragging": "_DropZone--userIsDragging_djoti_15", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_djoti_19", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_djoti_20", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_djoti_26", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_djoti_27", "DropZone--isDisabled": "_DropZone--isDisabled_djoti_28", "DropZone--isRootZone": "_DropZone--isRootZone_djoti_29", "DropZone--hasChildren": "_DropZone--hasChildren_djoti_30", "DropZone--isDestination": "_DropZone--isDestination_djoti_40", "DropZone-item": "_DropZone-item_djoti_52", "DropZone-hitbox": "_DropZone-hitbox_djoti_56" };
 
 // components/DropZone/context.tsx
 init_react_import();
@@ -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);
@@ -32602,7 +32632,7 @@ var import_auto_frame_component = __toESM(require("@measured/auto-frame-componen
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css#css-module
 init_react_import();
-var styles_module_default16 = { "PuckPreview": "_PuckPreview_1mia0_1", "PuckPreview-frame": "_PuckPreview-frame_1mia0_5" };
+var styles_module_default16 = { "PuckPreview": "_PuckPreview_rxwlr_1", "PuckPreview-frame": "_PuckPreview-frame_rxwlr_5" };
 
 // components/Puck/components/Preview/index.tsx
 var import_jsx_runtime29 = require("react/jsx-runtime");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.14.2-canary.9008b70",
+  "version": "0.14.2-canary.9a7066f",
   "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.5",
+    "@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"
   },