@measured/puck-plugin-heading-analyzer 0.16.0-canary.a1d52cb → 0.16.0-canary.a3518ca

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

@@ -1438,31 +1438,26 @@ var styles_module_default = { "SidebarSection": "_SidebarSection_125qe_1", "Side
 // ../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;
-  let modifiers = false;
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
   if (typeof options === "string") {
-    descendant = options;
-  } else if (typeof options === "object") {
-    modifiers = options;
-  }
-  if (descendant) {
+    const descendant = options;
     const style = styles[`${rootClass}-${descendant}`];
     if (style) {
-      return baseClass + styles[`${rootClass}-${descendant}`] || "";
+      return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
     }
     return "";
-  } else if (modifiers) {
+  } else if (typeof options === "object") {
+    const modifiers = options;
     const prefixedModifiers = {};
     for (let modifier in modifiers) {
       prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
     }
     const c = styles[rootClass];
-    return baseClass + (0, import_classnames.default)(__spreadValues({
+    return config.baseClass + (0, import_classnames.default)(__spreadValues({
       [c]: !!c
     }, prefixedModifiers));
   } else {
-    return baseClass + styles[rootClass] || "";
+    return config.baseClass + styles[rootClass] || "";
   }
 };
 var get_class_name_factory_default = getClassNameFactory;
@@ -1566,21 +1561,22 @@ var setupZone = (data, zoneKey) => {
   if (zoneKey === rootDroppableId) {
     return data;
   }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
+  const newData = __spreadProps(__spreadValues({}, data), {
+    zones: data.zones || {}
+  });
   newData.zones[zoneKey] = newData.zones[zoneKey] || [];
   return newData;
 };
 
 // ../core/lib/get-item.ts
-var getItem = (selector, data, dynamicProps = {}) => {
+function 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();
@@ -1614,7 +1610,7 @@ var defaultViewports = [
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var defaultAppState = {
-  data: { content: [], root: { props: {} } },
+  data: { content: [], root: {} },
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
@@ -1805,6 +1801,7 @@ var SidebarSection = ({
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "button",
               {
+                type: "button",
                 className: getClassName3("breadcrumbLabel"),
                 onClick: () => setUi({ itemSelector: breadcrumb.selector }),
                 children: breadcrumb.label
@@ -1812,7 +1809,7 @@ var SidebarSection = ({
             ),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronRight, { size: 16 })
           ] }, i)) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Heading, { rank: 2, size: "xs", children: title }) })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("heading"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Heading, { rank: "2", size: "xs", children: title }) })
         ] }) }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("content"), children }),
         isLoading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: getClassName3("loadingOverlay"), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Loader, { size: 32 }) })

package/dist/index.mjs

@@ -1426,31 +1426,26 @@ var styles_module_default = { "SidebarSection": "_SidebarSection_125qe_1", "Side
 // ../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;
-  let modifiers = false;
+var getClassNameFactory = (rootClass, styles, config = { baseClass: "" }) => (options = {}) => {
   if (typeof options === "string") {
-    descendant = options;
-  } else if (typeof options === "object") {
-    modifiers = options;
-  }
-  if (descendant) {
+    const descendant = options;
     const style = styles[`${rootClass}-${descendant}`];
     if (style) {
-      return baseClass + styles[`${rootClass}-${descendant}`] || "";
+      return config.baseClass + styles[`${rootClass}-${descendant}`] || "";
     }
     return "";
-  } else if (modifiers) {
+  } else if (typeof options === "object") {
+    const modifiers = options;
     const prefixedModifiers = {};
     for (let modifier in modifiers) {
       prefixedModifiers[styles[`${rootClass}--${modifier}`]] = modifiers[modifier];
     }
     const c = styles[rootClass];
-    return baseClass + (0, import_classnames.default)(__spreadValues({
+    return config.baseClass + (0, import_classnames.default)(__spreadValues({
       [c]: !!c
     }, prefixedModifiers));
   } else {
-    return baseClass + styles[rootClass] || "";
+    return config.baseClass + styles[rootClass] || "";
   }
 };
 var get_class_name_factory_default = getClassNameFactory;
@@ -1558,21 +1553,22 @@ var setupZone = (data, zoneKey) => {
   if (zoneKey === rootDroppableId) {
     return data;
   }
-  const newData = __spreadValues({}, data);
-  newData.zones = data.zones || {};
+  const newData = __spreadProps(__spreadValues({}, data), {
+    zones: data.zones || {}
+  });
   newData.zones[zoneKey] = newData.zones[zoneKey] || [];
   return newData;
 };
 
 // ../core/lib/get-item.ts
-var getItem = (selector, data, dynamicProps = {}) => {
+function 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();
@@ -1611,7 +1607,7 @@ var defaultViewports = [
 var import_ua_parser_js = __toESM(require_ua_parser());
 import { jsx as jsx3 } from "react/jsx-runtime";
 var defaultAppState = {
-  data: { content: [], root: { props: {} } },
+  data: { content: [], root: {} },
   ui: {
     leftSideBarVisible: true,
     rightSideBarVisible: true,
@@ -1802,6 +1798,7 @@ var SidebarSection = ({
             /* @__PURE__ */ jsx5(
               "button",
               {
+                type: "button",
                 className: getClassName3("breadcrumbLabel"),
                 onClick: () => setUi({ itemSelector: breadcrumb.selector }),
                 children: breadcrumb.label
@@ -1809,7 +1806,7 @@ var SidebarSection = ({
             ),
             /* @__PURE__ */ jsx5(ChevronRight, { size: 16 })
           ] }, i)) : null,
-          /* @__PURE__ */ jsx5("div", { className: getClassName3("heading"), children: /* @__PURE__ */ jsx5(Heading, { rank: 2, size: "xs", children: title }) })
+          /* @__PURE__ */ jsx5("div", { className: getClassName3("heading"), children: /* @__PURE__ */ jsx5(Heading, { rank: "2", size: "xs", children: title }) })
         ] }) }),
         /* @__PURE__ */ jsx5("div", { className: getClassName3("content"), children }),
         isLoading && /* @__PURE__ */ jsx5("div", { className: getClassName3("loadingOverlay"), children: /* @__PURE__ */ jsx5(Loader, { size: 32 }) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.16.0-canary.a1d52cb",
+  "version": "0.16.0-canary.a3518ca",
   "author": "Measured Corporation Ltd <hello@measured.co>",
   "repository": "measuredco/puck",
   "bugs": "https://github.com/measuredco/puck/issues",
@@ -9,8 +9,11 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "import": "./dist/index.mjs",
-    "types": "./dist/index.d.ts"
+    ".": {
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/index.css": "./dist/index.css"
   },
   "license": "MIT",
   "scripts": {
@@ -22,7 +25,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@measured/puck": "^0.16.0-canary.a1d52cb",
+    "@measured/puck": "^0.16.0-canary.a3518ca",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",