@measured/puck 0.7.0 → 0.7.1-canary.104091a

package/README.md

@@ -16,6 +16,7 @@ Render the editor:
 ```jsx
 // Editor.jsx
 import { Puck } from "@measured/puck";
+import "@measured/puck/dist/index.css";
 
 // Create puck component config
 const config = {
@@ -34,7 +35,10 @@ const config = {
 };
 
 // Describe the initial data
-const initialData = {};
+const initialData = {
+  content: [],
+  root: {},
+};
 
 // Save the data to your database
 const save = (data) => {};

package/dist/index.css

@@ -419,38 +419,38 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/styles.module.css/#css-module-data */
-._Input_kf9j8_1 {
+._Input_16exs_1 {
   color: var(--puck-color-grey-3);
   padding: 16px;
   padding-bottom: 12px;
   display: block;
   font-family: var(--puck-font-stack);
 }
-._Input_kf9j8_1 ._Input_kf9j8_1 {
+._Input_16exs_1 ._Input_16exs_1 {
   padding: 0px;
 }
-._Input_kf9j8_1 * {
+._Input_16exs_1 * {
   box-sizing: border-box;
 }
-._Input_kf9j8_1 + ._Input_kf9j8_1 {
+._Input_16exs_1 + ._Input_16exs_1 {
   border-top: 1px solid var(--puck-color-grey-8);
   margin-top: 8px;
 }
-._Input_kf9j8_1 ._Input_kf9j8_1 + ._Input_kf9j8_1 {
+._Input_16exs_1 ._Input_16exs_1 + ._Input_16exs_1 {
   border-top: 0px;
   margin-top: 12px;
 }
-._Input-label_kf9j8_27 {
+._Input-label_16exs_27 {
   display: flex;
   padding-bottom: 12px;
   font-size: var(--puck-font-size-xxs);
   font-weight: 600;
 }
-._Input-labelIcon_kf9j8_34 {
+._Input-labelIcon_16exs_34 {
   color: var(--puck-color-grey-6);
   margin-right: 4px;
 }
-._Input-input_kf9j8_39 {
+._Input-input_16exs_39 {
   border-width: 1px;
   border-style: solid;
   border-color: var(--puck-color-grey-8);
@@ -459,7 +459,7 @@
   padding: 12px 16px;
   width: 100%;
 }
-._Input_kf9j8_1 select {
+._Input_16exs_1 select {
   appearance: none;
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
   background-size: 12px;
@@ -467,19 +467,19 @@
   background-repeat: no-repeat;
   background-color: white;
 }
-._Input--readOnly_kf9j8_60 ._Input-input_kf9j8_39 {
+._Input--readOnly_16exs_60 ._Input-input_16exs_39 {
   background-color: var(--puck-color-grey-10);
   border-color: var(--puck-color-grey-8);
 }
-._Input-input_kf9j8_39:hover {
+._Input-input_16exs_39:hover {
   border-color: var(--puck-color-neutral-3);
 }
-._Input-arrayItem_kf9j8_69 {
+._Input-arrayItem_16exs_69 {
   background: white;
   border: 1px solid var(--puck-color-grey-8);
   border-radius: 4px;
 }
-._Input-arrayItem_kf9j8_69 > summary {
+._Input-arrayItem_16exs_69 > summary {
   color: var(--puck-color-grey-3);
   display: flex;
   align-items: center;
@@ -489,14 +489,14 @@
   padding: 12px 16px;
   position: relative;
 }
-._Input-arrayItem_kf9j8_69 > summary:hover {
+._Input-arrayItem_16exs_69 > summary:hover {
   cursor: pointer;
   color: var(--puck-color-blue);
 }
-._Input-arrayItem_kf9j8_69 > summary::-webkit-details-marker {
+._Input-arrayItem_16exs_69 > summary::-webkit-details-marker {
   display: none;
 }
-._Input-arrayItem_kf9j8_69 > fieldset {
+._Input-arrayItem_16exs_69 > ._Input-fieldset_16exs_95 {
   background-color: var(--puck-color-grey-11);
   border: none;
   border-top: 1px solid var(--puck-color-grey-8);
@@ -504,28 +504,28 @@
   padding-bottom: 16px;
   padding-top: 16px;
 }
-._Input-arrayItem_kf9j8_69 > fieldset ._Input_kf9j8_1 + ._Input-arrayItem_kf9j8_69 > fieldset ._Input_kf9j8_1 {
+._Input-arrayItem_16exs_69 > ._Input-fieldset_16exs_95 ._Input_16exs_1 + ._Input-arrayItem_16exs_69 > ._Input-fieldset_16exs_95 ._Input_16exs_1 {
   margin-top: 16px;
 }
-._Input-arrayItem_kf9j8_69 > fieldset ._Input-label_kf9j8_27 {
+._Input-arrayItem_16exs_69 > ._Input-fieldset_16exs_95 ._Input-label_16exs_27 {
   padding-bottom: 4px;
 }
-._Input-arrayItem_kf9j8_69 ._Input-arrayItemAction_kf9j8_112 {
+._Input-arrayItem_16exs_69 ._Input-arrayItemAction_16exs_117 {
   border-radius: 4px;
   opacity: 0;
 }
-._Input-arrayItem_kf9j8_69 summary:hover ._Input-arrayItemAction_kf9j8_112 {
+._Input-arrayItem_16exs_69 summary:hover ._Input-arrayItemAction_16exs_117 {
   opacity: 1;
 }
-._Input-arrayItem_kf9j8_69 ._Input-arrayItemAction_kf9j8_112:hover {
+._Input-arrayItem_16exs_69 ._Input-arrayItemAction_16exs_117:hover {
   background: var(--puck-color-grey-9);
   color: var(--puck-color-blue);
   cursor: pointer;
 }
-._Input-arrayItem_kf9j8_69 + ._Input-arrayItem_kf9j8_69 {
+._Input-arrayItem_16exs_69 + ._Input-arrayItem_16exs_69 {
   margin-top: 12px;
 }
-._Input-addButton_kf9j8_131 {
+._Input-addButton_16exs_136 {
   background-color: white;
   border: none;
   border-radius: 4px;
@@ -537,45 +537,45 @@
   padding: 12px 16px;
   text-align: left;
 }
-._Input-addButton_kf9j8_131:hover {
+._Input-addButton_16exs_136:hover {
   background: var(--puck-color-grey-10);
 }
-._Input-array_kf9j8_69 {
+._Input-array_16exs_69 {
   overflow: hidden;
 }
-._Input-radioGroupItems_kf9j8_152 {
+._Input-radioGroupItems_16exs_157 {
   display: flex;
   border: 1px solid var(--puck-color-grey-7);
   border-radius: 4px;
   flex-wrap: wrap;
   overflow: hidden;
 }
-._Input-radio_kf9j8_152 {
+._Input-radio_16exs_157 {
   border-right: 1px solid var(--puck-color-grey-7);
   flex-grow: 1;
 }
-._Input-radio_kf9j8_152:last-of-type {
+._Input-radio_16exs_157:last-of-type {
   border-right: none;
 }
-._Input-radioInner_kf9j8_169 {
+._Input-radioInner_16exs_174 {
   color: var(--puck-color-grey-4);
   font-size: var(--puck-font-size-xxxs);
   padding: 8px 12px;
   text-align: center;
 }
-._Input-radioInner_kf9j8_169:hover {
+._Input-radioInner_16exs_174:hover {
   background-color: var(--puck-color-azure-9);
   cursor: pointer;
 }
-._Input-radio_kf9j8_152 input:checked ~ ._Input-radioInner_kf9j8_169 {
+._Input-radio_16exs_157 ._Input-radioInput_16exs_186:checked ~ ._Input-radioInner_16exs_174 {
   background-color: var(--puck-color-azure-9);
   color: var(--puck-color-grey-2);
   font-weight: 500;
 }
-._Input-radio_kf9j8_152 input {
+._Input-radio_16exs_157 ._Input-radioInput_16exs_186 {
   display: none;
 }
-._Input_kf9j8_1 textarea {
+._Input_16exs_1 textarea._Input-input_16exs_39 {
   margin-bottom: -4px;
 }
 

package/dist/index.js

@@ -525,7 +525,7 @@ var ExternalInput = ({
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/InputOrGroup/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Input": "_Input_kf9j8_1", "Input-label": "_Input-label_kf9j8_27", "Input-labelIcon": "_Input-labelIcon_kf9j8_34", "Input-input": "_Input-input_kf9j8_39", "Input--readOnly": "_Input--readOnly_kf9j8_60", "Input-arrayItem": "_Input-arrayItem_kf9j8_69", "Input-arrayItemAction": "_Input-arrayItemAction_kf9j8_112", "Input-addButton": "_Input-addButton_kf9j8_131", "Input-array": "_Input-array_kf9j8_69", "Input-radioGroupItems": "_Input-radioGroupItems_kf9j8_152", "Input-radio": "_Input-radio_kf9j8_152", "Input-radioInner": "_Input-radioInner_kf9j8_169" };
+var styles_module_default3 = { "Input": "_Input_16exs_1", "Input-label": "_Input-label_16exs_27", "Input-labelIcon": "_Input-labelIcon_16exs_34", "Input-input": "_Input-input_16exs_39", "Input--readOnly": "_Input--readOnly_16exs_60", "Input-arrayItem": "_Input-arrayItem_16exs_69", "Input-fieldset": "_Input-fieldset_16exs_95", "Input-arrayItemAction": "_Input-arrayItemAction_16exs_117", "Input-addButton": "_Input-addButton_16exs_136", "Input-array": "_Input-array_16exs_69", "Input-radioGroupItems": "_Input-radioGroupItems_16exs_157", "Input-radio": "_Input-radio_16exs_157", "Input-radioInner": "_Input-radioInner_16exs_174", "Input-radioInput": "_Input-radioInput_16exs_186" };
 
 // lib/index.ts
 init_react_import();
@@ -614,7 +614,7 @@ var InputOrGroup = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("fieldset", { children: Object.keys(field.arrayFields).map((fieldName) => {
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("fieldset", { className: getClassName5("fieldset"), children: Object.keys(field.arrayFields).map((fieldName) => {
                 const subField = field.arrayFields[fieldName];
                 return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                   InputOrGroup,
@@ -728,6 +728,7 @@ var InputOrGroup = ({
               "input",
               {
                 type: "radio",
+                className: getClassName5("radioInput"),
                 value: option.value,
                 name,
                 onChange: (e) => {
@@ -1301,6 +1302,11 @@ function Puck({
                         id: "puck-drop-zone",
                         children: [
                           data.content.map((item, i) => {
+                            var _a2;
+                            const Render2 = config.components[item.type] ? config.components[item.type].render : () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { padding: 48, textAlign: "center" }, children: [
+                              "No configuration for ",
+                              item.type
+                            ] });
                             return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                               DraggableComponent,
                               {
@@ -1330,17 +1336,11 @@ function Puck({
                                   setData(newData);
                                   e.stopPropagation();
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { zoom: 0.75 }, children: config.components[item.type] ? config.components[item.type].render(__spreadProps(__spreadValues(__spreadValues({}, config.components[item.type].defaultProps), item.props), {
-                                  editMode: true
-                                })) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-                                  "div",
-                                  {
-                                    style: { padding: 48, textAlign: "center" },
-                                    children: [
-                                      "No configuration for ",
-                                      item.type
-                                    ]
-                                  }
+                                children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { zoom: 0.75 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                                  Render2,
+                                  __spreadProps(__spreadValues(__spreadValues({}, (_a2 = config.components[item.type]) == null ? void 0 : _a2.defaultProps), item.props), {
+                                    editMode: true
+                                  })
                                 ) })
                               },
                               item.props.id

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.7.0",
+  "version": "0.7.1-canary.104091a",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",