@measured/puck 0.21.0-canary.7dca3a5a → 0.21.0-canary.7ed9655b

package/dist/index.css

@@ -1567,24 +1567,25 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
-._Puck_hv23j_19 {
+._Puck_lqzmv_19 {
   --puck-space-px: 16px;
   font-family: var(--puck-font-family);
+  height: 100%;
   overflow-x: hidden;
 }
 @media (min-width: 766px) {
-  ._Puck_hv23j_19 {
+  ._Puck_lqzmv_19 {
     overflow-x: auto;
   }
 }
-._Puck-portal_hv23j_31 {
+._Puck-portal_lqzmv_32 {
   position: relative;
   z-index: 2;
 }
-._PuckLayout_hv23j_36 {
-  height: 100%;
+._PuckLayout_lqzmv_37 {
+  height: 100dvh;
 }
-._PuckLayout-inner_hv23j_40 {
+._PuckLayout-inner_lqzmv_41 {
   --puck-frame-width: auto;
   --puck-side-nav-width: min-content;
   --puck-side-bar-width: 0px;
@@ -1602,87 +1603,87 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-inner_lqzmv_41 {
     --puck-side-nav-width: 68px;
     grid-template-areas: "header header header header" "sidenav left editor right";
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mounted_hv23j_73 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mounted_lqzmv_74 ._PuckLayout-inner_lqzmv_41 {
   --puck-side-bar-width: 186px;
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto 30% 0 var(--puck-side-nav-width);
 }
-._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto 55% 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
   grid-template-rows: 0 auto min-content 0 var(--puck-side-nav-width);
 }
 @media (min-width: 638px) {
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightToggle_hv23j_77._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-inner_hv23j_40,
-  ._PuckLayout--mobilePanelHeightMinContent_hv23j_101._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--isExpanded_hv23j_83 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightToggle_lqzmv_78._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-inner_lqzmv_41,
+  ._PuckLayout--mobilePanelHeightMinContent_lqzmv_102._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--isExpanded_lqzmv_84 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
     grid-template-rows: min-content auto;
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--rightSideBarVisible_lqzmv_129 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77._PuckLayout--rightSideBarVisible_hv23j_128 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout--leftSideBarVisible_lqzmv_78._PuckLayout--rightSideBarVisible_lqzmv_129 ._PuckLayout-inner_lqzmv_41 {
     grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
   }
 }
 @media (min-width: 458px) {
-  ._PuckLayout-mounted_hv23j_147 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout-mounted_lqzmv_148 ._PuckLayout-inner_lqzmv_41 {
     --puck-frame-width: minmax(266px, auto);
   }
 }
 @media (min-width: 638px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: minmax(186px, 250px);
   }
 }
 @media (min-width: 766px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-frame-width: auto;
   }
 }
 @media (min-width: 990px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 256px;
   }
 }
 @media (min-width: 1198px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 274px;
   }
 }
 @media (min-width: 1398px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 290px;
   }
 }
 @media (min-width: 1598px) {
-  ._PuckLayout_hv23j_36 ._PuckLayout-inner_hv23j_40 {
+  ._PuckLayout_lqzmv_37 ._PuckLayout-inner_lqzmv_41 {
     --puck-side-bar-width: 320px;
   }
 }
-._PuckLayout-nav_hv23j_188 {
+._PuckLayout-nav_lqzmv_189 {
   border-top: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
   grid-area: sidenav;
@@ -1690,33 +1691,33 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
   width: 100%;
 }
 @media (min-width: 638px) {
-  ._PuckLayout-nav_hv23j_188 {
+  ._PuckLayout-nav_lqzmv_189 {
     border-top: 0;
     border-right: 1px solid var(--puck-color-grey-09);
     box-sizing: border-box;
   }
 }
-._PuckLayout-header_hv23j_204 {
+._PuckLayout-header_lqzmv_205 {
   grid-area: header;
 }
-._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-header_lqzmv_205 {
   overflow: hidden;
 }
 @media (min-width: 638px) {
-  ._PuckLayout--leftSideBarVisible_hv23j_77 ._PuckLayout-header_hv23j_204 {
+  ._PuckLayout--leftSideBarVisible_lqzmv_78 ._PuckLayout-header_lqzmv_205 {
     overflow: auto;
   }
 }
-._PuckPluginTab_hv23j_218 {
+._PuckPluginTab_lqzmv_219 {
   display: none;
   flex-grow: 1;
   overflow: hidden;
 }
-._PuckPluginTab--visible_hv23j_224 {
+._PuckPluginTab--visible_lqzmv_225 {
   display: flex;
   flex-direction: column;
 }
-._PuckPluginTab-body_hv23j_229 {
+._PuckPluginTab-body_lqzmv_230 {
   flex-grow: 1;
   overflow: hidden;
 }

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-DS1xB387.mjs';
-export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DS1xB387.mjs';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-CI7CLsRf.mjs';
+export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CI7CLsRf.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -47,6 +47,7 @@ type RefreshPermissions<UserConfig extends Config = Config> = (params?: Permissi
 type Cache = Record<string, {
     lastPermissions: Partial<Permissions>;
     lastData: ComponentData | null;
+    lastParentId: string | null;
 }>;
 type PermissionsSlice = {
     cache: Cache;
@@ -275,6 +276,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
     getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
+    getParentById: (id: string) => ComponentData | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-DS1xB387.js';
-export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DS1xB387.js';
+import { H as History, P as Permissions, a as ComponentData, C as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as FieldTransforms, h as Field, i as FieldProps, D as DropZoneProps, j as Data, k as OnAction, l as InitialHistory, n as ItemSelector, o as PluginInternal } from './walk-tree-CI7CLsRf.js';
+export { ae as Adaptor, ac as ArrayField, E as ArrayState, as as AsFieldProps, Y as BaseData, a6 as BaseField, ag as CacheOpts, K as ComponentConfigExtensions, X as ComponentConfigParams, a1 as ComponentDataMap, $ as ComponentDataOptionalId, a4 as ComponentMetadata, T as ConfigParams, a2 as Content, aj as CustomField, ai as CustomFieldRender, ap as DefaultComponentProps, N as DefaultComponents, am as DefaultRootFieldProps, ao as DefaultRootProps, an as DefaultRootRenderProps, p as Direction, q as DragAxis, ah as ExternalField, af as ExternalFieldWithAdaptor, Q as ExtractConfigParams, au as ExtractField, a5 as FieldMetadata, z as FieldRenderFunctions, v as FieldTransformFn, u as FieldTransformFnParams, B as ItemWithId, a0 as MappedItem, a8 as NumberField, ad as ObjectField, y as OverrideKey, J as PuckComponent, al as PuckContext, a3 as PuckMetadata, ab as RadioField, L as RootConfig, _ as RootData, Z as RootDataWithoutProps, aa as SelectField, S as Slot, G as SlotComponent, ak as SlotField, a7 as TextField, a9 as TextareaField, s as Viewport, at as WithChildren, aq as WithId, ar as WithPuckProps, W as WithSlotProps, m as migrate, x as overrideKeys, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CI7CLsRf.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
@@ -47,6 +47,7 @@ type RefreshPermissions<UserConfig extends Config = Config> = (params?: Permissi
 type Cache = Record<string, {
     lastPermissions: Partial<Permissions>;
     lastData: ComponentData | null;
+    lastParentId: string | null;
 }>;
 type PermissionsSlice = {
     cache: Cache;
@@ -275,6 +276,7 @@ type UsePuckData<UserConfig extends Config = Config, G extends UserGenerics<User
     getItemBySelector: (selector: ItemSelector) => G["UserComponentData"] | undefined;
     getItemById: (id: string) => G["UserComponentData"] | undefined;
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
+    getParentById: (id: string) => ComponentData | undefined;
     history: {
         back: HistorySlice["back"];
         forward: HistorySlice["forward"];