@measured/puck-plugin-heading-analyzer 0.1.5 → 0.2.0

package/dist/index.css

@@ -1,25 +1,32 @@
 /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
-._SidebarSection_jsf8x_1:last-of-type ._SidebarSection-content_jsf8x_1 {
-  border-bottom: none;
-  height: 100%;
+._SidebarSection_yd8db_1 {
+  display: flex;
+  flex-direction: column;
+}
+._SidebarSection_yd8db_1:last-of-type {
+  flex-grow: 1;
 }
-._SidebarSection-title_jsf8x_6 {
+._SidebarSection-title_yd8db_10 {
   background: white;
   padding: 16px;
   border-bottom: 1px solid var(--puck-color-grey-8);
 }
-._SidebarSection-title_jsf8x_6:hover {
+._SidebarSection-title_yd8db_10:hover {
   opacity: 0.6;
   cursor: pointer;
 }
-._SidebarSection-content_jsf8x_1 {
+._SidebarSection-content_yd8db_21 {
   border-bottom: 1px solid var(--puck-color-grey-8);
   padding: 16px;
 }
-._SidebarSection_jsf8x_1 > summary {
+._SidebarSection_yd8db_1:last-of-type ._SidebarSection-content_yd8db_21 {
+  border-bottom: none;
+  flex-grow: 1;
+}
+._SidebarSection_yd8db_1 > summary {
   list-style: none;
 }
-._SidebarSection_jsf8x_1 > summary::-webkit-details-marker {
+._SidebarSection_yd8db_1 > summary::-webkit-details-marker {
   display: none;
 }
 

package/dist/index.js

@@ -19,6 +19,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -44,9 +47,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../tsup-config/react-import.js
+var import_react;
+var init_react_import = __esm({
+  "../tsup-config/react-import.js"() {
+    "use strict";
+    import_react = __toESM(require("react"));
+  }
+});
+
 // ../../node_modules/classnames/index.js
 var require_classnames = __commonJS({
   "../../node_modules/classnames/index.js"(exports, module2) {
+    init_react_import();
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
@@ -101,14 +114,21 @@ __export(plugin_heading_analyzer_exports, {
   default: () => HeadingAnalyzer_default
 });
 module.exports = __toCommonJS(plugin_heading_analyzer_exports);
+init_react_import();
 
 // src/HeadingAnalyzer.tsx
-var import_react = require("react");
+init_react_import();
+var import_react2 = require("react");
+
+// ../core/components/SidebarSection/index.tsx
+init_react_import();
 
 // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
-var styles_module_default = { "SidebarSection": "_SidebarSection_jsf8x_1", "SidebarSection-content": "_SidebarSection-content_jsf8x_1", "SidebarSection-title": "_SidebarSection-title_jsf8x_6" };
+init_react_import();
+var styles_module_default = { "SidebarSection": "_SidebarSection_yd8db_1", "SidebarSection-title": "_SidebarSection-title_yd8db_10", "SidebarSection-content": "_SidebarSection-content_yd8db_21" };
 
 // ../core/lib/get-class-name-factory.ts
+init_react_import();
 var import_classnames = __toESM(require_classnames());
 var getClassNameFactory = (rootClass, styles, { baseClass = "" } = {}) => (options = {}) => {
   let descendant = false;
@@ -135,7 +155,11 @@ var getClassNameFactory = (rootClass, styles, { baseClass = "" } = {}) => (optio
 };
 var get_class_name_factory_default = getClassNameFactory;
 
+// ../core/components/Heading/index.tsx
+init_react_import();
+
 // css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css#css-module
+init_react_import();
 var styles_module_default2 = { "Heading": "_Heading_1y35v_1", "Heading--xxxxl": "_Heading--xxxxl_1y35v_12", "Heading--xxxl": "_Heading--xxxl_1y35v_18", "Heading--xxl": "_Heading--xxl_1y35v_22", "Heading--xl": "_Heading--xl_1y35v_26", "Heading--l": "_Heading--l_1y35v_30", "Heading--m": "_Heading--m_1y35v_34", "Heading--s": "_Heading--s_1y35v_38", "Heading--xs": "_Heading--xs_1y35v_42" };
 
 // ../core/components/Heading/index.tsx
@@ -158,25 +182,30 @@ var Heading = ({ children, rank, size = "m" }) => {
 var getClassName2 = get_class_name_factory_default("SidebarSection", styles_module_default);
 var SidebarSection = ({
   children,
-  title
+  title,
+  background
 }) => {
-  return /* @__PURE__ */ React.createElement("details", { className: getClassName2({}), open: true }, /* @__PURE__ */ React.createElement("summary", { className: getClassName2("title") }, /* @__PURE__ */ React.createElement(Heading, { rank: 2, size: "xs" }, title)), /* @__PURE__ */ React.createElement("div", { className: getClassName2("content") }, children));
+  return /* @__PURE__ */ import_react.default.createElement("details", { className: getClassName2(), open: true, style: { background } }, /* @__PURE__ */ import_react.default.createElement("summary", { className: getClassName2("title") }, /* @__PURE__ */ import_react.default.createElement(Heading, { rank: 2, size: "xs" }, title)), /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName2("content") }, children));
 };
 
+// ../core/components/OutlineList/index.tsx
+init_react_import();
+
 // css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
+init_react_import();
 var styles_module_default3 = { "OutlineList": "_OutlineList_gor6f_1", "OutlineList-clickableItem": "_OutlineList-clickableItem_gor6f_36" };
 
 // ../core/components/OutlineList/index.tsx
 var getClassName3 = get_class_name_factory_default("OutlineList", styles_module_default3);
 var OutlineList = ({ children }) => {
-  return /* @__PURE__ */ React.createElement("ul", { className: getClassName3() }, children);
+  return /* @__PURE__ */ import_react.default.createElement("ul", { className: getClassName3() }, children);
 };
-OutlineList.Clickable = ({ children }) => /* @__PURE__ */ React.createElement("div", { className: getClassName3("clickableItem") }, children);
+OutlineList.Clickable = ({ children }) => /* @__PURE__ */ import_react.default.createElement("div", { className: getClassName3("clickableItem") }, children);
 OutlineList.Item = ({
   children,
   onClick
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(
     "li",
     {
       className: onClick ? getClassName3("clickableItem") : "",
@@ -187,6 +216,7 @@ OutlineList.Item = ({
 };
 
 // ../core/lib/scroll-into-view.ts
+init_react_import();
 var scrollIntoView = (el) => {
   const oldStyle = __spreadValues({}, el.style);
   el.style.scrollMargin = "256px";
@@ -251,13 +281,13 @@ function buildHierarchy() {
   }
   return root.children;
 }
-var HeadingOutlineAnalyser = ({
+var HeadingOutlineAnalyer = ({
   children,
   data
 }) => {
-  const [hierarchy, setHierarchy] = (0, import_react.useState)([]);
-  const [firstRender, setFirstRender] = (0, import_react.useState)(true);
-  (0, import_react.useEffect)(() => {
+  const [hierarchy, setHierarchy] = (0, import_react2.useState)([]);
+  const [firstRender, setFirstRender] = (0, import_react2.useState)(true);
+  (0, import_react2.useEffect)(() => {
     if (firstRender) {
       setTimeout(() => {
         setHierarchy(buildHierarchy());
@@ -267,7 +297,7 @@ var HeadingOutlineAnalyser = ({
       setHierarchy(buildHierarchy());
     }
   }, [data.content]);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     children,
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(SidebarSection, { title: "Heading Outline", children: [
       hierarchy.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: "No headings." }),
@@ -334,7 +364,7 @@ var HeadingOutlineAnalyser = ({
   ] });
 };
 var HeadingAnalyzer = {
-  renderPageFields: HeadingOutlineAnalyser
+  renderPageFields: HeadingOutlineAnalyer
 };
 var HeadingAnalyzer_default = HeadingAnalyzer;
 /*! Bundled license information:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.1.5",
+  "version": "0.2.0",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.1.5",
+    "@measured/puck": "^0.2.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",