@measured/puck-plugin-heading-analyzer 0.14.0-canary.53b7937 → 0.14.0-canary.5bb1708

package/dist/index.d.ts

@@ -53,7 +53,7 @@ type ObjectField<Props extends {
 }> = BaseField & {
     type: "object";
     objectFields: {
-        [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
+        [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
 type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {

package/dist/index.js

@@ -71218,6 +71218,7 @@ var require_dist = __commonJS({
       name,
       children,
       id,
+      label,
       index
     }) => {
       const ctx = (0, import_react32.useContext)(drawerContext);
@@ -71227,7 +71228,7 @@ var require_dist = __commonJS({
         [children]
       );
       return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DrawerDraggable, { id: resolvedId, index, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomInner, { name, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getClassNameItem2("draggable"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("name"), children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("name"), children: label != null ? label : name }),
         /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DragIcon, {}) })
       ] }) }) }) });
     };
@@ -71826,7 +71827,7 @@ var require_dist = __commonJS({
                     },
                     children: [
                       content.map((item, i2) => {
-                        var _a2, _b;
+                        var _a2, _b, _c;
                         const componentId = item.props.id;
                         const defaultedProps = __spreadProps2(__spreadValues2(__spreadValues2({}, (_a2 = config.components[item.type]) == null ? void 0 : _a2.defaultProps), item.props), {
                           puck: { renderDropZone: DropZone },
@@ -71856,14 +71857,14 @@ var require_dist = __commonJS({
                                   children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
                                     DraggableComponent,
                                     {
-                                      label: item.type.toString(),
+                                      label: (_b = config.components[item.type]["label"]) != null ? _b : item.type.toString(),
                                       id: `draggable-${componentId}`,
                                       index: i2,
                                       isSelected,
                                       isLocked: userIsDragging,
                                       forceHover: hoveringComponent === componentId && !userIsDragging,
                                       indicativeHover: userIsDragging && containsZone && hoveringArea === componentId,
-                                      isLoading: (_b = appContext22.componentState[componentId]) == null ? void 0 : _b.loading,
+                                      isLoading: (_c = appContext22.componentState[componentId]) == null ? void 0 : _c.loading,
                                       onMount: () => {
                                         ctx.registerPath({
                                           index: i2,
@@ -73880,10 +73881,11 @@ var require_dist = __commonJS({
     var getClassName20 = get_class_name_factory_default2("ComponentList", styles_module_default15);
     var ComponentListItem = ({
       name,
+      label,
       index
     }) => {
       const { overrides } = useAppContext2();
-      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer.Item, { name, index, children: overrides.componentItem });
+      return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer.Item, { label, name, index, children: overrides.componentItem });
     };
     var ComponentList = ({
       children,
@@ -73912,9 +73914,11 @@ var require_dist = __commonJS({
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName20("content"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer, { droppableId: `component-list${title ? `:${title}` : ""}`, children: children || Object.keys(config.components).map((componentKey, i2) => {
+          var _a;
           return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             ComponentListItem,
             {
+              label: (_a = config.components[componentKey]["label"]) != null ? _a : componentKey,
               name: componentKey,
               index: i2
             },
@@ -73943,10 +73947,12 @@ var require_dist = __commonJS({
                   id: categoryKey,
                   title: category.title || categoryKey,
                   children: category.components.map((componentName, i2) => {
+                    var _a2;
                     matchedComponents.push(componentName);
                     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       ComponentList.Item,
                       {
+                        label: (_a2 = config.components[componentName]["label"]) != null ? _a2 : componentName,
                         name: componentName,
                         index: i2
                       },
@@ -73969,10 +73975,12 @@ var require_dist = __commonJS({
                   id: "other",
                   title: ((_c = ui.componentList.other) == null ? void 0 : _c.title) || "Other",
                   children: remainingComponents.map((componentName, i2) => {
+                    var _a2;
                     return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                       ComponentList.Item,
                       {
                         name: componentName,
+                        label: (_a2 = config.components[componentName]["label"]) != null ? _a2 : componentName,
                         index: i2
                       },
                       componentName
@@ -73985,7 +73993,7 @@ var require_dist = __commonJS({
           }
           setComponentList(_componentList);
         }
-      }, [config.categories, ui.componentList]);
+      }, [config.categories, config.components, ui.componentList]);
       return componentList;
     };
     var import_react21 = require("react");
@@ -74065,6 +74073,7 @@ var require_dist = __commonJS({
     var getClassNameLayer = get_class_name_factory_default2("Layer", styles_module_default16);
     var LayerTree = ({
       data,
+      config,
       zoneContent,
       itemSelector,
       setItemSelector,
@@ -74082,6 +74091,7 @@ var require_dist = __commonJS({
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("ul", { className: getClassName21(), children: [
           zoneContent.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassName21("helper"), children: "No items" }),
           zoneContent.map((item, i2) => {
+            var _a;
             const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId2 && !zone);
             const zonesForItem = findZonesForArea(data, item.props.id);
             const containsZone = Object.keys(zonesForItem).length > 0;
@@ -74146,7 +74156,7 @@ var require_dist = __commonJS({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassNameLayer("title"), children: [
                           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LayoutGrid, { size: "16" }) }),
-                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("name"), children: item.type })
+                          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("name"), children: (_a = config.components[item.type]["label"]) != null ? _a : item.type })
                         ] })
                       ]
                     }
@@ -74154,6 +74164,7 @@ var require_dist = __commonJS({
                   containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("zones"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                     LayerTree,
                     {
+                      config,
                       data,
                       zoneContent: zones[zoneKey],
                       setItemSelector,
@@ -74173,7 +74184,7 @@ var require_dist = __commonJS({
     var import_react24 = require("react");
     var import_jsx_runtime28 = require("react/jsx-runtime");
     var Outline = () => {
-      const { dispatch, state, overrides } = useAppContext2();
+      const { dispatch, state, overrides, config } = useAppContext2();
       const { data, ui } = state;
       const { itemSelector } = ui;
       const setItemSelector = (0, import_react24.useCallback)(
@@ -74190,6 +74201,7 @@ var require_dist = __commonJS({
         (ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           LayerTree,
           {
+            config,
             data,
             label: areaContainsZones(data, "root") ? rootDroppableId2 : "",
             zoneContent: data.content,
@@ -74202,6 +74214,7 @@ var require_dist = __commonJS({
             return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               LayerTree,
               {
+                config,
                 data,
                 label: zoneKey,
                 zone: zoneKey,
@@ -74334,6 +74347,7 @@ var require_dist = __commonJS({
       headerTitle,
       headerPath
     }) {
+      var _a;
       const historyStore = useHistoryStore();
       const [reducer2] = (0, import_react26.useState)(
         () => createReducer({ config, record: historyStore.record })
@@ -74443,8 +74457,8 @@ var require_dist = __commonJS({
           console.warn(
             "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
           );
-          const RenderHeader = (_a) => {
-            var _b = _a, { actions } = _b, props = __objRest2(_b, ["actions"]);
+          const RenderHeader = (_a2) => {
+            var _b = _a2, { actions } = _b, props = __objRest2(_b, ["actions"]);
             const Comp = renderHeader;
             return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
           };
@@ -74682,7 +74696,7 @@ var require_dist = __commonJS({
                               noPadding: true,
                               noBorderTop: true,
                               showBreadcrumbs: true,
-                              title: selectedItem ? selectedItem.type : "Page",
+                              title: selectedItem ? (_a = config.components[selectedItem.type]["label"]) != null ? _a : selectedItem.type : "Page",
                               children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Fields, {})
                             }
                           ) })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck-plugin-heading-analyzer",
-  "version": "0.14.0-canary.53b7937",
+  "version": "0.14.0-canary.5bb1708",
   "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.14.0-canary.53b7937",
+    "@measured/puck": "^0.14.0-canary.5bb1708",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "eslint": "^7.32.0",