@measured/puck-plugin-heading-analyzer 0.15.1-canary.9151255 → 0.15.1-canary.fb9aa4e

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.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
           }
@@ -78555,6 +78555,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 +79008,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 +79080,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 +79108,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 +79126,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.1-canary.9151255",
+  "version": "0.15.1-canary.fb9aa4e",
   "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.1-canary.9151255",
+    "@measured/puck": "^0.15.1-canary.fb9aa4e",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",