@puckeditor/core 0.23.0-canary.9bf3e00a → 0.23.0-canary.e7fef140

package/dist/{chunk-25QAPMLH.mjs → chunk-UAWUZ45G.mjs}

@@ -1,4 +1,5 @@
 import {
+  rootAreaId,
   rootDroppableId,
   setupZone,
   walkAppState,
@@ -378,16 +379,13 @@ var reorderAction = (state, action, appStore) => {
 init_react_import();
 var removeAction = (state, action, appStore) => {
   const item = getItem({ index: action.index, zone: action.zone }, state);
-  const nodesToDelete = Object.entries(state.indexes.nodes).reduce(
-    (acc, [nodeId, nodeData]) => {
-      const pathIds = nodeData.path.map((p) => p.split(":")[0]);
-      if (pathIds.includes(item.props.id)) {
-        return [...acc, nodeId];
-      }
-      return acc;
-    },
-    [item.props.id]
-  );
+  const nodesToDelete = /* @__PURE__ */ new Set([item.props.id]);
+  Object.entries(state.indexes.nodes).forEach(([nodeId, nodeData]) => {
+    const pathIds = nodeData.path.map((p) => p.split(":")[0]);
+    if (pathIds.includes(item.props.id)) {
+      nodesToDelete.add(nodeId);
+    }
+  });
   const newState = walkAppState(
     state,
     appStore.config,
@@ -400,19 +398,22 @@ var removeAction = (state, action, appStore) => {
   );
   Object.keys(newState.data.zones || {}).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId) && newState.data.zones) {
+    if (nodesToDelete.has(parentId) && newState.data.zones) {
       delete newState.data.zones[zoneCompound];
     }
   });
   Object.keys(newState.indexes.zones).forEach((zoneCompound) => {
     const parentId = zoneCompound.split(":")[0];
-    if (nodesToDelete.includes(parentId)) {
+    if (nodesToDelete.has(parentId)) {
       delete newState.indexes.zones[zoneCompound];
     }
   });
+  const newItemExpanded = __spreadValues({}, newState.ui.itemExpanded);
   nodesToDelete.forEach((id) => {
     delete newState.indexes.nodes[id];
+    delete newItemExpanded[id];
   });
+  newState.ui = __spreadProps(__spreadValues({}, newState.ui), { itemExpanded: newItemExpanded });
   return newState;
 };
 
@@ -481,14 +482,36 @@ var setDataAction = (state, action, appStore) => {
 
 // reducer/actions/set-ui.ts
 init_react_import();
-var setUiAction = (state, action) => {
-  if (typeof action.ui === "object") {
-    return __spreadProps(__spreadValues({}, state), {
-      ui: __spreadValues(__spreadValues({}, state.ui), action.ui)
-    });
+var revealSelectedItem = (state, partialUi) => {
+  var _a, _b;
+  const itemSelector = partialUi.itemSelector;
+  if (!itemSelector) {
+    return partialUi;
+  }
+  const item = getItem(itemSelector, state);
+  if (!item) {
+    return partialUi;
+  }
+  const path = (_b = (_a = state.indexes.nodes[item.props.id]) == null ? void 0 : _a.path) != null ? _b : [];
+  const collapsedAncestorIds = path.map((zoneCompound) => zoneCompound.split(":")[0]).filter(
+    (ancestorId) => {
+      var _a2, _b2;
+      return ancestorId && ancestorId !== rootAreaId && !((_a2 = state.ui.itemExpanded) == null ? void 0 : _a2[ancestorId]) && !((_b2 = partialUi.itemExpanded) == null ? void 0 : _b2[ancestorId]);
+    }
+  );
+  if (collapsedAncestorIds.length === 0) {
+    return partialUi;
   }
+  const itemExpanded = __spreadValues(__spreadValues({}, state.ui.itemExpanded), partialUi.itemExpanded);
+  collapsedAncestorIds.forEach((ancestorId) => {
+    itemExpanded[ancestorId] = true;
+  });
+  return __spreadProps(__spreadValues({}, partialUi), { itemExpanded });
+};
+var setUiAction = (state, action) => {
+  const partialUi = typeof action.ui === "object" ? action.ui : action.ui(state.ui);
   return __spreadProps(__spreadValues({}, state), {
-    ui: __spreadValues(__spreadValues({}, state.ui), action.ui(state.ui))
+    ui: __spreadValues(__spreadValues({}, state.ui), revealSelectedItem(state, partialUi))
   });
 };
 

package/dist/{full-7ONH7UPJ.mjs → full-67VCA5MX.mjs}

@@ -1,12 +1,12 @@
 import {
   LoadedRichTextMenuInner
-} from "./chunk-WQV7W7OC.mjs";
-import "./chunk-EYJW64M2.mjs";
-import "./chunk-MU6IPW26.mjs";
-import "./chunk-HB4CVO3I.mjs";
-import "./chunk-JHNG6XYK.mjs";
-import "./chunk-25QAPMLH.mjs";
-import "./chunk-WUO7D6OQ.mjs";
+} from "./chunk-3OLRWMRO.mjs";
+import "./chunk-OSPG5CWL.mjs";
+import "./chunk-OCFR2FFG.mjs";
+import "./chunk-L73ATZ55.mjs";
+import "./chunk-DIYX54ZO.mjs";
+import "./chunk-UAWUZ45G.mjs";
+import "./chunk-NPAYGEG5.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import "./chunk-QHQD3BMI.mjs";
 import {

package/dist/{full-S3QQ2IBQ.css → full-AAZK6KLI.css}

@@ -41,7 +41,7 @@
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_yuha3_1 {
+._IconButton_1pxxt_1 {
   align-items: center;
   background: var(--puck-iconbutton-color-bg, transparent);
   border: none;
@@ -53,26 +53,26 @@
   padding: var(--puck-iconbutton-space, var(--puck-space-1));
   transition: background-color var(--puck-duration-fast) var(--puck-ease-exit), color var(--puck-duration-fast) var(--puck-ease-exit);
 }
-._IconButton--active_yuha3_15 {
+._IconButton--active_1pxxt_15 {
   color: var( --puck-iconbutton-color-icon-active, var(--puck-color-interactive) );
 }
-._IconButton_yuha3_1:focus-visible {
+._IconButton_1pxxt_1:focus-visible {
   outline: var(--puck-border-width-focus) solid var(--puck-color-focus-ring);
   outline-offset: calc(var(--puck-border-width-focus) * -1);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_yuha3_1:hover:not(._IconButton--disabled_yuha3_28) {
-    background: var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) );
+  ._IconButton_1pxxt_1:hover:not(._IconButton--disabled_1pxxt_28) {
+    background: var( --_puck-iconbutton-color-bg-hover, var( --puck-iconbutton-color-bg-hover, var(--puck-color-interactive-neutral-hover) ) );
     color: var( --puck-iconbutton-color-icon-hover, var(--puck-color-interactive) );
     cursor: pointer;
     transition: none;
   }
 }
-._IconButton_yuha3_1:active {
+._IconButton_1pxxt_1:active {
   background: var( --puck-iconbutton-color-bg-active, var(--puck-color-interactive-soft) );
   transition: none;
 }
-._IconButton--disabled_yuha3_28 {
+._IconButton--disabled_1pxxt_28 {
   color: var( --puck-iconbutton-color-icon-disabled, var(--puck-color-text-subtle) );
 }
 

package/dist/{index-De5Tn61v.d.mts → index-KWLAZybR.d.ts}

@@ -1,4 +1,4 @@
-import { P as History, $ as Permissions, i as ComponentData, m as Config, am as UserGenerics, O as Fields, a3 as PuckAction, ad as RootDataWithProps, a8 as ResolveDataTrigger, a0 as Plugin, _ as Overrides, ao as Viewports, Q as IframeConfig, al as UiState, f as ComponentConfig, a as AppState, V as Metadata, N as FieldTransforms, aa as RichtextField } from './actions-Csn3gOP8.mjs';
+import { Q as History, a0 as Permissions, i as ComponentData, m as Config, an as UserGenerics, P as Fields, a4 as PuckAction, ae as RootDataWithProps, a9 as ResolveDataTrigger, a1 as Plugin, $ as Overrides, ap as Viewports, R as IframeConfig, am as UiState, f as ComponentConfig, a as AppState, W as Metadata, x as DndConfig, O as FieldTransforms, ab as RichtextField } from './actions-3w-1VzY_.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -80,8 +80,12 @@ declare const defaultDictionary: {
     readonly "label-page": "Page";
     readonly "label-component": "Component";
     readonly "outline-empty": "No items";
-    readonly "outline-collapse": "Collapse";
-    readonly "outline-expand": "Expand";
+    readonly "outline-item-collapse": "Collapse";
+    readonly "outline-item-expand": "Expand";
+    readonly "outline-header-title": "Outline";
+    readonly "outline-header-collapseall": "Collapse all";
+    readonly "outline-item-duplicate": "Duplicate";
+    readonly "outline-item-delete": "Delete";
     readonly "drawer-category-collapse": "Collapse {title}";
     readonly "drawer-category-expand": "Expand {title}";
     readonly "drawer-category-other": "Other";
@@ -184,6 +188,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
     metadata: Metadata;
     dictionary: Dictionary;
+    dnd?: DndConfig;
     fields: FieldsSlice;
     history: HistorySlice;
     nodes: NodesSlice;

package/dist/{index-t7c1w81O.d.ts → index-l1l-a8tj.d.mts}

@@ -1,4 +1,4 @@
-import { P as History, $ as Permissions, i as ComponentData, m as Config, am as UserGenerics, O as Fields, a3 as PuckAction, ad as RootDataWithProps, a8 as ResolveDataTrigger, a0 as Plugin, _ as Overrides, ao as Viewports, Q as IframeConfig, al as UiState, f as ComponentConfig, a as AppState, V as Metadata, N as FieldTransforms, aa as RichtextField } from './actions-Csn3gOP8.js';
+import { Q as History, a0 as Permissions, i as ComponentData, m as Config, an as UserGenerics, P as Fields, a4 as PuckAction, ae as RootDataWithProps, a9 as ResolveDataTrigger, a1 as Plugin, $ as Overrides, ap as Viewports, R as IframeConfig, am as UiState, f as ComponentConfig, a as AppState, W as Metadata, x as DndConfig, O as FieldTransforms, ab as RichtextField } from './actions-3w-1VzY_.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {
@@ -80,8 +80,12 @@ declare const defaultDictionary: {
     readonly "label-page": "Page";
     readonly "label-component": "Component";
     readonly "outline-empty": "No items";
-    readonly "outline-collapse": "Collapse";
-    readonly "outline-expand": "Expand";
+    readonly "outline-item-collapse": "Collapse";
+    readonly "outline-item-expand": "Expand";
+    readonly "outline-header-title": "Outline";
+    readonly "outline-header-collapseall": "Collapse all";
+    readonly "outline-item-duplicate": "Duplicate";
+    readonly "outline-item-delete": "Delete";
     readonly "drawer-category-collapse": "Collapse {title}";
     readonly "drawer-category-expand": "Expand {title}";
     readonly "drawer-category-other": "Other";
@@ -184,6 +188,7 @@ type AppStore<UserConfig extends Config = Config, G extends UserGenerics<UserCon
     onAction?: (action: PuckAction, newState: AppState, state: AppState) => void;
     metadata: Metadata;
     dictionary: Dictionary;
+    dnd?: DndConfig;
     fields: FieldsSlice;
     history: HistorySlice;
     nodes: NodesSlice;