@measured/puck-plugin-heading-analyzer 0.15.0-canary.e2cd445 → 0.15.1-canary.0daf478

package/dist/index.css

@@ -1,3 +1,17 @@
+/* css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css/#css-module-data */
+._HeadingAnalyzer_116v6_1 {
+  display: block;
+}
+._HeadingAnalyzer-cssWarning_116v6_5 {
+  display: none !important;
+}
+._HeadingAnalyzerItem_116v6_9 {
+  display: inline;
+}
+._HeadingAnalyzerItem--missing_116v6_13 {
+  color: var(--puck-color-red-04);
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
 ._SidebarSection_125qe_1 {
   display: flex;

package/dist/index.d.ts

@@ -133,7 +133,7 @@ type CustomField<Props extends any = {}> = BaseField & {
     type: "custom";
     render: (props: {
         field: CustomField<Props>;
-        name?: string;
+        name: string;
         id: string;
         value: Props;
         onChange: (value: Props) => void;

package/dist/index.js

@@ -42996,7 +42996,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate2(props, propName, componentName, location, propFullName) {
           if (!(props[propName] instanceof expectedClass)) {
             var expectedClassName = expectedClass.name || ANONYMOUS;
-            var actualClassName = getClassName5(props[propName]);
+            var actualClassName = getClassName6(props[propName]);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
           }
           return null;
@@ -43248,7 +43248,7 @@ var require_factoryWithTypeCheckers = __commonJS({
             return type;
         }
       }
-      function getClassName5(propValue) {
+      function getClassName6(propValue) {
         if (!propValue.constructor || !propValue.constructor.name) {
           return ANONYMOUS;
         }
@@ -73739,7 +73739,7 @@ var require_dist = __commonJS({
     };
     var get_class_name_factory_default2 = getClassNameFactory2;
     init_react_import2();
-    var styles_module_default5 = { "Input": "_Input_1qi5b_1", "Input-label": "_Input-label_1qi5b_26", "Input-labelIcon": "_Input-labelIcon_1qi5b_34", "Input-disabledIcon": "_Input-disabledIcon_1qi5b_41", "Input-input": "_Input-input_1qi5b_46", "Input--readOnly": "_Input--readOnly_1qi5b_90", "Input-radioGroupItems": "_Input-radioGroupItems_1qi5b_101", "Input-radio": "_Input-radio_1qi5b_101", "Input-radioInner": "_Input-radioInner_1qi5b_118", "Input-radioInput": "_Input-radioInput_1qi5b_163" };
+    var styles_module_default5 = { "Input": "_Input_3pq3z_1", "Input-label": "_Input-label_3pq3z_26", "Input-labelIcon": "_Input-labelIcon_3pq3z_35", "Input-disabledIcon": "_Input-disabledIcon_3pq3z_42", "Input-input": "_Input-input_3pq3z_47", "Input--readOnly": "_Input--readOnly_3pq3z_91", "Input-radioGroupItems": "_Input-radioGroupItems_3pq3z_102", "Input-radio": "_Input-radio_3pq3z_102", "Input-radioInner": "_Input-radioInner_3pq3z_119", "Input-radioInput": "_Input-radioInput_3pq3z_164" };
     var import_react112 = require("react");
     init_react_import2();
     init_react_import2();
@@ -73976,7 +73976,7 @@ var require_dist = __commonJS({
     init_react_import2();
     var styles_module_default32 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
     var import_jsx_runtime9 = require("react/jsx-runtime");
-    var getClassName5 = get_class_name_factory_default2("Loader", styles_module_default32);
+    var getClassName6 = get_class_name_factory_default2("Loader", styles_module_default32);
     var Loader2 = (_a3) => {
       var _b = _a3, {
         color,
@@ -73988,7 +73988,7 @@ var require_dist = __commonJS({
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "span",
         __spreadValues2({
-          className: getClassName5(),
+          className: getClassName6(),
           style: {
             width: size,
             height: size,
@@ -74284,7 +74284,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     };
     var import_jsx_runtime82 = require("react/jsx-runtime");
     var getClassName42 = get_class_name_factory_default2("ArrayField", styles_module_default22);
-    var getClassNameItem2 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default22);
+    var getClassNameItem3 = get_class_name_factory_default2("ArrayFieldItem", styles_module_default22);
     var ArrayField = ({
       field,
       onChange,
@@ -74417,7 +74417,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                           {
                             id: _arrayId,
                             index: i2,
-                            className: (_, snapshot2) => getClassNameItem2({
+                            className: (_, snapshot2) => getClassNameItem3({
                               isExpanded: arrayState.openId === _arrayId,
                               isDragging: snapshot2 == null ? void 0 : snapshot2.isDragging,
                               readOnly
@@ -74442,11 +74442,11 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                       );
                                     }
                                   },
-                                  className: getClassNameItem2("summary"),
+                                  className: getClassNameItem3("summary"),
                                   children: [
                                     field.getItemSummary ? field.getItemSummary(data, i2) : `Item #${_originalIndex}`,
-                                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: getClassNameItem2("rhs"), children: [
-                                      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("action"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+                                    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: getClassNameItem3("rhs"), children: [
+                                      !readOnly && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("action"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                                         IconButton,
                                         {
                                           type: "button",
@@ -74477,7 +74477,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem2("body"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("fieldset", { className: getClassNameItem2("fieldset"), children: Object.keys(field.arrayFields).map(
+                              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: getClassNameItem3("body"), children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("fieldset", { className: getClassNameItem3("fieldset"), children: Object.keys(field.arrayFields).map(
                                 (fieldName) => {
                                   const subField = field.arrayFields[fieldName];
                                   const subFieldName = `${name}[${i2}].${fieldName}`;
@@ -74595,7 +74595,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     var styles_module_default6 = { "Modal": "_Modal_ikbaj_1", "Modal--isOpen": "_Modal--isOpen_ikbaj_15", "Modal-inner": "_Modal-inner_ikbaj_19" };
     var import_react_dom3 = __toESM2(require_react_dom2());
     var import_jsx_runtime10 = require("react/jsx-runtime");
-    var getClassName6 = get_class_name_factory_default2("Modal", styles_module_default6);
+    var getClassName62 = get_class_name_factory_default2("Modal", styles_module_default6);
     var Modal = ({
       children,
       onClose,
@@ -74609,10 +74609,10 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
         return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {});
       }
       return (0, import_react_dom3.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName6({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName62({ isOpen }), onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "div",
           {
-            className: getClassName6("inner"),
+            className: getClassName62("inner"),
             onClick: (e2) => e2.stopPropagation(),
             children
           }
@@ -75732,6 +75732,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                           "No configuration for ",
                           item.type
                         ] });
+                        const componentConfig = config.components[item.type];
+                        const label = (_b = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _b : item.type.toString();
                         return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                           "div",
                           {
@@ -75747,7 +75749,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                                   children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
                                     DraggableComponent,
                                     {
-                                      label: (_b = config.components[item.type]["label"]) != null ? _b : item.type.toString(),
+                                      label,
                                       id: `draggable-${componentId}`,
                                       index: i2,
                                       isSelected,
@@ -76637,7 +76639,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     var styles_module_default14 = { "Puck": "_Puck_1g88c_19", "Puck-portal": "_Puck-portal_1g88c_24", "PuckLayout": "_PuckLayout_1g88c_31", "PuckLayout-inner": "_PuckLayout-inner_1g88c_39", "PuckLayout--mounted": "_PuckLayout--mounted_1g88c_51", "PuckLayout--leftSideBarVisible": "_PuckLayout--leftSideBarVisible_1g88c_55", "PuckLayout--rightSideBarVisible": "_PuckLayout--rightSideBarVisible_1g88c_61", "PuckLayout-mounted": "_PuckLayout-mounted_1g88c_75", "PuckLayout-header": "_PuckLayout-header_1g88c_116", "PuckLayout-headerInner": "_PuckLayout-headerInner_1g88c_125", "PuckLayout-headerToggle": "_PuckLayout-headerToggle_1g88c_135", "PuckLayout-rightSideBarToggle": "_PuckLayout-rightSideBarToggle_1g88c_142", "PuckLayout-leftSideBarToggle": "_PuckLayout-leftSideBarToggle_1g88c_143", "PuckLayout-headerTitle": "_PuckLayout-headerTitle_1g88c_147", "PuckLayout-headerPath": "_PuckLayout-headerPath_1g88c_151", "PuckLayout-headerTools": "_PuckLayout-headerTools_1g88c_158", "PuckLayout-menuButton": "_PuckLayout-menuButton_1g88c_164", "PuckLayout--menuOpen": "_PuckLayout--menuOpen_1g88c_169", "PuckLayout-leftSideBar": "_PuckLayout-leftSideBar_1g88c_143", "PuckLayout-rightSideBar": "_PuckLayout-rightSideBar_1g88c_142" };
     init_react_import2();
     init_react_import2();
-    var styles_module_default15 = { "PuckFields": "_PuckFields_gmb17_1", "PuckFields--isLoading": "_PuckFields--isLoading_gmb17_5", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_gmb17_9", "PuckFields-loadingOverlayInner": "_PuckFields-loadingOverlayInner_gmb17_24" };
+    var styles_module_default15 = { "PuckFields": "_PuckFields_jp3lw_1", "PuckFields--isLoading": "_PuckFields--isLoading_jp3lw_6", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_jp3lw_10", "PuckFields-loadingOverlayInner": "_PuckFields-loadingOverlayInner_jp3lw_25" };
     var import_react20 = require("react");
     var import_jsx_runtime26 = require("react/jsx-runtime");
     var getClassName20 = get_class_name_factory_default2("PuckFields", styles_module_default15);
@@ -77298,6 +77300,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
             const selectedItem = itemSelector && data ? getItem2(itemSelector, data) : null;
             const isHovering = hoveringComponent === item.props.id;
             const childIsSelected = isChildOfZone(item, selectedItem, ctx);
+            const componentConfig = config.components[item.type];
+            const label2 = (_a3 = componentConfig == null ? void 0 : componentConfig["label"]) != null ? _a3 : item.type.toString();
             return /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)(
               "li",
               {
@@ -77350,7 +77354,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime322.jsxs)("div", { className: getClassNameLayer("title"), children: [
                           /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime322.jsx)(LayoutGrid, { size: "16" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("name"), children: (_a3 = config.components[item.type]["label"]) != null ? _a3 : item.type })
+                          /* @__PURE__ */ (0, import_jsx_runtime322.jsx)("div", { className: getClassNameLayer("name"), children: label2 })
                         ] })
                       ]
                     }
@@ -77643,7 +77647,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
     init_react_import2();
     var import_react28 = require("react");
     init_react_import2();
-    var styles_module_default19 = { "ViewportControls": "_ViewportControls_3zdvn_1", "ViewportControls-divider": "_ViewportControls-divider_3zdvn_15", "ViewportControls-zoomSelect": "_ViewportControls-zoomSelect_3zdvn_21", "ViewportButton--isActive": "_ViewportButton--isActive_3zdvn_33", "ViewportButton-inner": "_ViewportButton-inner_3zdvn_33" };
+    var styles_module_default19 = { "ViewportControls": "_ViewportControls_g1wgg_1", "ViewportControls-divider": "_ViewportControls-divider_g1wgg_15", "ViewportControls-zoomSelect": "_ViewportControls-zoomSelect_g1wgg_21", "ViewportButton--isActive": "_ViewportButton--isActive_g1wgg_34", "ViewportButton-inner": "_ViewportButton-inner_g1wgg_34" };
     var import_jsx_runtime34 = require("react/jsx-runtime");
     var icons = {
       Smartphone: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Smartphone, { size: 16 }),
@@ -78127,6 +78131,8 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
       (0, import_react30.useEffect)(() => {
         setMounted(true);
       }, []);
+      const selectedComponentConfig = selectedItem && config.components[selectedItem.type];
+      const selectedComponentLabel = selectedItem ? (_a3 = selectedComponentConfig == null ? void 0 : selectedComponentConfig["label"]) != null ? _a3 : selectedItem.type.toString() : "";
       return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: `Puck ${getClassName26()}`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           AppProvider,
@@ -78335,7 +78341,7 @@ See https://github.com/measuredco/puck/issues/411 for more information. This mes
                               noPadding: true,
                               noBorderTop: true,
                               showBreadcrumbs: true,
-                              title: selectedItem ? (_a3 = config.components[selectedItem.type]["label"]) != null ? _a3 : selectedItem.type : "Page",
+                              title: selectedItem ? selectedComponentLabel : "Page",
                               children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Fields, {})
                             }
                           ) })
@@ -78555,6 +78561,12 @@ init_react_import();
 // src/HeadingAnalyzer.tsx
 init_react_import();
 var import_react12 = require("react");
+
+// css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css#css-module
+init_react_import();
+var HeadingAnalyzer_module_default = { "HeadingAnalyzer": "_HeadingAnalyzer_116v6_1", "HeadingAnalyzer-cssWarning": "_HeadingAnalyzer-cssWarning_116v6_5", "HeadingAnalyzerItem": "_HeadingAnalyzerItem_116v6_9", "HeadingAnalyzerItem--missing": "_HeadingAnalyzerItem--missing_116v6_13" };
+
+// src/HeadingAnalyzer.tsx
 var import_puck = __toESM(require_dist());
 
 // ../core/components/SidebarSection/index.tsx
@@ -79002,6 +79014,8 @@ var getFrame2 = () => {
 // src/HeadingAnalyzer.tsx
 var import_react_from_json = __toESM(require("react-from-json"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var getClassName5 = get_class_name_factory_default("HeadingAnalyzer", HeadingAnalyzer_module_default);
+var getClassNameItem2 = get_class_name_factory_default("HeadingAnalyzerItem", HeadingAnalyzer_module_default);
 var dataAttr = "data-puck-heading-analyzer-id";
 var getOutline = ({
   addDataAttr = false,
@@ -79072,7 +79086,24 @@ var HeadingAnalyzer = () => {
       setHierarchy(buildHierarchy(frame));
     }
   }, [appState.data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: getClassName5(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      "small",
+      {
+        className: getClassName5("cssWarning"),
+        style: {
+          color: "var(--puck-color-red-04)",
+          display: "block",
+          marginBottom: 16
+        },
+        children: [
+          "Heading analyzer styles not loaded. Please review the",
+          " ",
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("a", { href: "https://github.com/measuredco/puck/blob/main/packages/plugin-heading-analyzer/README.md", children: "README" }),
+          "."
+        ]
+      }
+    ),
     hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "No headings." }),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OutlineList, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       import_react_from_json.default,
@@ -79083,6 +79114,7 @@ var HeadingAnalyzer = () => {
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(OutlineList.Clickable, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "small",
               {
+                className: getClassNameItem2({ missing: props.missing }),
                 onClick: typeof props.analyzeId == "undefined" ? void 0 : (e2) => {
                   e2.stopPropagation();
                   const frame = getFrame2();
@@ -79100,13 +79132,13 @@ var HeadingAnalyzer = () => {
                     }, 2e3);
                   }
                 },
-                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { color: "var(--puck-color-red-04)" }, children: [
+                children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
                     "H",
                     props.rank
                   ] }),
                   ": Missing"
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { children: [
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("b", { children: [
                     "H",
                     props.rank

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.15.0-canary.e2cd445",
+  "version": "0.15.1-canary.0daf478",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.15.0-canary.e2cd445",
+    "@measured/puck": "^0.15.1-canary.0daf478",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",