@measured/puck-plugin-heading-analyzer 0.16.0-canary.6d43ba0 → 0.16.0-canary.7a6a65c

package/dist/index.d.mts

@@ -1,48 +1,10 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 
 type ItemSelector = {
     index: number;
     zone?: string;
 };
 
-type iconTypes = "Smartphone" | "Monitor" | "Tablet";
-type Viewport = {
-    width: number;
-    height?: number | "auto";
-    label?: string;
-    icon?: iconTypes | ReactNode;
-};
-
-type ItemWithId = {
-    _arrayId: string;
-    _originalIndex: number;
-};
-type ArrayState = {
-    items: ItemWithId[];
-    openId: string;
-};
-type UiState = {
-    leftSideBarVisible: boolean;
-    rightSideBarVisible: boolean;
-    itemSelector: ItemSelector | null;
-    arrayState: Record<string, ArrayState | undefined>;
-    componentList: Record<string, {
-        components?: string[];
-        title?: string;
-        visible?: boolean;
-        expanded?: boolean;
-    }>;
-    isDragging: boolean;
-    viewports: {
-        current: {
-            width: number;
-            height: number | "auto";
-        };
-        controlsVisible: boolean;
-        options: Viewport[];
-    };
-};
-
 type FieldOption = {
     label: string;
     value: string | number | boolean;
@@ -157,6 +119,36 @@ type FieldProps<ValueType = any, F = Field<any>> = {
     readOnly?: boolean;
 };
 
+type ItemWithId = {
+    _arrayId: string;
+    _originalIndex: number;
+};
+type ArrayState = {
+    items: ItemWithId[];
+    openId: string;
+};
+type UiState = {
+    leftSideBarVisible: boolean;
+    rightSideBarVisible: boolean;
+    itemSelector: ItemSelector | null;
+    arrayState: Record<string, ArrayState | undefined>;
+    componentList: Record<string, {
+        components?: string[];
+        title?: string;
+        visible?: boolean;
+        expanded?: boolean;
+    }>;
+    isDragging: boolean;
+    viewports: {
+        current: {
+            width: number;
+            height: number | "auto";
+        };
+        controlsVisible: boolean;
+        options: Viewport[];
+    };
+};
+
 type RenderFunc<Props extends {
     [key: string]: any;
 } = {
@@ -220,6 +212,14 @@ type FieldRenderFunctions = Omit<{
     }>;
 };
 
+type iconTypes = "Smartphone" | "Monitor" | "Tablet";
+type Viewport = {
+    width: number;
+    height?: number | "auto";
+    label?: string;
+    icon?: iconTypes | ReactNode;
+};
+
 type Plugin = {
     overrides: Partial<Overrides>;
 };

package/dist/index.d.ts

@@ -1,48 +1,10 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 
 type ItemSelector = {
     index: number;
     zone?: string;
 };
 
-type iconTypes = "Smartphone" | "Monitor" | "Tablet";
-type Viewport = {
-    width: number;
-    height?: number | "auto";
-    label?: string;
-    icon?: iconTypes | ReactNode;
-};
-
-type ItemWithId = {
-    _arrayId: string;
-    _originalIndex: number;
-};
-type ArrayState = {
-    items: ItemWithId[];
-    openId: string;
-};
-type UiState = {
-    leftSideBarVisible: boolean;
-    rightSideBarVisible: boolean;
-    itemSelector: ItemSelector | null;
-    arrayState: Record<string, ArrayState | undefined>;
-    componentList: Record<string, {
-        components?: string[];
-        title?: string;
-        visible?: boolean;
-        expanded?: boolean;
-    }>;
-    isDragging: boolean;
-    viewports: {
-        current: {
-            width: number;
-            height: number | "auto";
-        };
-        controlsVisible: boolean;
-        options: Viewport[];
-    };
-};
-
 type FieldOption = {
     label: string;
     value: string | number | boolean;
@@ -157,6 +119,36 @@ type FieldProps<ValueType = any, F = Field<any>> = {
     readOnly?: boolean;
 };
 
+type ItemWithId = {
+    _arrayId: string;
+    _originalIndex: number;
+};
+type ArrayState = {
+    items: ItemWithId[];
+    openId: string;
+};
+type UiState = {
+    leftSideBarVisible: boolean;
+    rightSideBarVisible: boolean;
+    itemSelector: ItemSelector | null;
+    arrayState: Record<string, ArrayState | undefined>;
+    componentList: Record<string, {
+        components?: string[];
+        title?: string;
+        visible?: boolean;
+        expanded?: boolean;
+    }>;
+    isDragging: boolean;
+    viewports: {
+        current: {
+            width: number;
+            height: number | "auto";
+        };
+        controlsVisible: boolean;
+        options: Viewport[];
+    };
+};
+
 type RenderFunc<Props extends {
     [key: string]: any;
 } = {
@@ -220,6 +212,14 @@ type FieldRenderFunctions = Omit<{
     }>;
 };
 
+type iconTypes = "Smartphone" | "Monitor" | "Tablet";
+type Viewport = {
+    width: number;
+    height?: number | "auto";
+    label?: string;
+    icon?: iconTypes | ReactNode;
+};
+
 type Plugin = {
     overrides: Partial<Overrides>;
 };

package/dist/index.js

@@ -1419,7 +1419,7 @@ init_react_import();
 
 // src/HeadingAnalyzer.tsx
 init_react_import();
-var import_react6 = require("react");
+var import_react8 = require("react");
 
 // css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css#css-module
 init_react_import();
@@ -1542,7 +1542,7 @@ var ChevronRight = createLucideIcon("ChevronRight", [
 
 // ../core/lib/use-breadcrumbs.ts
 init_react_import();
-var import_react5 = require("react");
+var import_react7 = require("react");
 
 // ../core/components/DropZone/context.tsx
 init_react_import();
@@ -1557,25 +1557,6 @@ var rootDroppableId = "default-zone";
 
 // ../core/lib/setup-zone.ts
 init_react_import();
-var setupZone = (data, zoneKey) => {
-  if (zoneKey === rootDroppableId) {
-    return data;
-  }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
-  newData.zones[zoneKey] = newData.zones[zoneKey] || [];
-  return newData;
-};
-
-// ../core/lib/get-item.ts
-var getItem = (selector, data, dynamicProps = {}) => {
-  if (!selector.zone || selector.zone === rootDroppableId) {
-    const item2 = data.content[selector.index];
-    return (item2 == null ? void 0 : item2.props) ? __spreadProps(__spreadValues({}, item2), { props: dynamicProps[item2.props.id] || item2.props }) : void 0;
-  }
-  const item = setupZone(data, selector.zone).zones[selector.zone][selector.index];
-  return (item == null ? void 0 : item.props) ? __spreadProps(__spreadValues({}, item), { props: dynamicProps[item.props.id] || item.props }) : void 0;
-};
 
 // ../core/lib/get-zone-id.ts
 init_react_import();
@@ -1595,7 +1576,7 @@ var dropZoneContext = (0, import_react3.createContext)(null);
 
 // ../core/components/Puck/context.tsx
 init_react_import();
-var import_react4 = require("react");
+var import_react6 = require("react");
 
 // ../core/components/ViewportControls/default-viewports.ts
 init_react_import();
@@ -1607,6 +1588,31 @@ var defaultViewports = [
 
 // ../core/components/Puck/context.tsx
 var import_ua_parser_js = __toESM(require_ua_parser());
+
+// ../core/lib/use-resolved-permissions.ts
+init_react_import();
+var import_react4 = require("react");
+
+// ../core/lib/flatten-data.ts
+init_react_import();
+
+// ../core/lib/get-changed.ts
+init_react_import();
+
+// ../core/lib/use-resolved-data.ts
+init_react_import();
+var import_react5 = require("react");
+
+// ../core/lib/resolve-component-data.ts
+init_react_import();
+
+// ../core/lib/apply-dynamic-props.ts
+init_react_import();
+
+// ../core/lib/resolve-root-data.ts
+init_react_import();
+
+// ../core/components/Puck/context.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var defaultAppState = {
   data: { content: [], root: {} },
@@ -1632,6 +1638,8 @@ var defaultContext = {
   dispatch: () => null,
   config: { components: {} },
   componentState: {},
+  setComponentState: () => {
+  },
   resolveData: () => {
   },
   plugins: [],
@@ -1648,15 +1656,15 @@ var defaultContext = {
   setStatus: () => null,
   iframe: {},
   safariFallbackMode: false,
-  globalPermissions: {}
+  globalPermissions: {},
+  getPermissions: () => ({}),
+  refreshPermissions: () => null
 };
-var appContext = (0, import_react4.createContext)(defaultContext);
+var appContext = (0, import_react6.createContext)(defaultContext);
 function useAppContext() {
-  const mainContext = (0, import_react4.useContext)(appContext);
-  const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
+  const mainContext = (0, import_react6.useContext)(appContext);
   return __spreadProps(__spreadValues({}, mainContext), {
     // Helpers
-    selectedItem,
     setUi: (ui, recordHistory) => {
       return mainContext.dispatch({
         type: "setUi",
@@ -1717,8 +1725,8 @@ var useBreadcrumbs = (renderCount) => {
     state: { data },
     selectedItem
   } = useAppContext();
-  const dzContext = (0, import_react5.useContext)(dropZoneContext);
-  return (0, import_react5.useMemo)(() => {
+  const dzContext = (0, import_react7.useContext)(dropZoneContext);
+  return (0, import_react7.useMemo)(() => {
     const breadcrumbs = convertPathDataToBreadcrumbs(
       selectedItem,
       dzContext == null ? void 0 : dzContext.pathData,
@@ -1800,6 +1808,7 @@ var SidebarSection = ({
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
+                type: "button",
                 className: getClassName3("breadcrumbLabel"),
                 onClick: () => setUi({ itemSelector: breadcrumb.selector }),
                 children: breadcrumb.label
@@ -1927,9 +1936,9 @@ function buildHierarchy(frame) {
 }
 var HeadingAnalyzer = () => {
   const { appState } = (0, import_puck.usePuck)();
-  const [hierarchy, setHierarchy] = (0, import_react6.useState)([]);
-  const [firstRender, setFirstRender] = (0, import_react6.useState)(true);
-  (0, import_react6.useEffect)(() => {
+  const [hierarchy, setHierarchy] = (0, import_react8.useState)([]);
+  const [firstRender, setFirstRender] = (0, import_react8.useState)(true);
+  (0, import_react8.useEffect)(() => {
     const frame = getFrame();
     if (!frame) return;
     if (firstRender) {

package/dist/index.mjs

@@ -1407,7 +1407,7 @@ init_react_import();
 
 // src/HeadingAnalyzer.tsx
 init_react_import();
-import { useEffect as useEffect2, useState as useState3 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 
 // css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css#css-module
 init_react_import();
@@ -1549,25 +1549,6 @@ var rootDroppableId = "default-zone";
 
 // ../core/lib/setup-zone.ts
 init_react_import();
-var setupZone = (data, zoneKey) => {
-  if (zoneKey === rootDroppableId) {
-    return data;
-  }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
-  newData.zones[zoneKey] = newData.zones[zoneKey] || [];
-  return newData;
-};
-
-// ../core/lib/get-item.ts
-var getItem = (selector, data, dynamicProps = {}) => {
-  if (!selector.zone || selector.zone === rootDroppableId) {
-    const item2 = data.content[selector.index];
-    return (item2 == null ? void 0 : item2.props) ? __spreadProps(__spreadValues({}, item2), { props: dynamicProps[item2.props.id] || item2.props }) : void 0;
-  }
-  const item = setupZone(data, selector.zone).zones[selector.zone][selector.index];
-  return (item == null ? void 0 : item.props) ? __spreadProps(__spreadValues({}, item), { props: dynamicProps[item.props.id] || item.props }) : void 0;
-};
 
 // ../core/lib/get-zone-id.ts
 init_react_import();
@@ -1590,8 +1571,8 @@ init_react_import();
 import {
   createContext as createContext2,
   useContext,
-  useEffect,
-  useState as useState2
+  useEffect as useEffect3,
+  useState as useState4
 } from "react";
 
 // ../core/components/ViewportControls/default-viewports.ts
@@ -1604,6 +1585,31 @@ var defaultViewports = [
 
 // ../core/components/Puck/context.tsx
 var import_ua_parser_js = __toESM(require_ua_parser());
+
+// ../core/lib/use-resolved-permissions.ts
+init_react_import();
+import { useCallback as useCallback2, useEffect, useState as useState2 } from "react";
+
+// ../core/lib/flatten-data.ts
+init_react_import();
+
+// ../core/lib/get-changed.ts
+init_react_import();
+
+// ../core/lib/use-resolved-data.ts
+init_react_import();
+import { useCallback as useCallback3, useEffect as useEffect2, useState as useState3 } from "react";
+
+// ../core/lib/resolve-component-data.ts
+init_react_import();
+
+// ../core/lib/apply-dynamic-props.ts
+init_react_import();
+
+// ../core/lib/resolve-root-data.ts
+init_react_import();
+
+// ../core/components/Puck/context.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 var defaultAppState = {
   data: { content: [], root: {} },
@@ -1629,6 +1635,8 @@ var defaultContext = {
   dispatch: () => null,
   config: { components: {} },
   componentState: {},
+  setComponentState: () => {
+  },
   resolveData: () => {
   },
   plugins: [],
@@ -1645,15 +1653,15 @@ var defaultContext = {
   setStatus: () => null,
   iframe: {},
   safariFallbackMode: false,
-  globalPermissions: {}
+  globalPermissions: {},
+  getPermissions: () => ({}),
+  refreshPermissions: () => null
 };
 var appContext = createContext2(defaultContext);
 function useAppContext() {
   const mainContext = useContext(appContext);
-  const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
   return __spreadProps(__spreadValues({}, mainContext), {
     // Helpers
-    selectedItem,
     setUi: (ui, recordHistory) => {
       return mainContext.dispatch({
         type: "setUi",
@@ -1797,6 +1805,7 @@ var SidebarSection = ({
             /* @__PURE__ */ jsx5(
               "button",
               {
+                type: "button",
                 className: getClassName3("breadcrumbLabel"),
                 onClick: () => setUi({ itemSelector: breadcrumb.selector }),
                 children: breadcrumb.label
@@ -1924,9 +1933,9 @@ function buildHierarchy(frame) {
 }
 var HeadingAnalyzer = () => {
   const { appState } = usePuck();
-  const [hierarchy, setHierarchy] = useState3([]);
-  const [firstRender, setFirstRender] = useState3(true);
-  useEffect2(() => {
+  const [hierarchy, setHierarchy] = useState5([]);
+  const [firstRender, setFirstRender] = useState5(true);
+  useEffect4(() => {
     const frame = getFrame();
     if (!frame) return;
     if (firstRender) {

package/package.json

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