@measured/puck 0.16.0-canary.54b5a87 → 0.16.0-canary.57f78b9

package/dist/{Config-041c35a2.d.ts → Config-CkVFT1_w.d.ts}

@@ -68,7 +68,7 @@ type ObjectField<Props extends {
     [key: string]: any;
 }> = BaseField & {
     type: "object";
-    objectFields: {
+    objectFields: Props extends any[] ? never : {
         [SubPropName in keyof Props]: Field<Props[SubPropName]>;
     };
 };
@@ -166,6 +166,7 @@ type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultCompo
     label?: string;
     defaultProps?: DefaultProps;
     fields?: Fields<ComponentProps>;
+    permissions?: Partial<Permissions>;
     resolveFields?: (data: DataShape, params: {
         changed: Partial<Record<keyof ComponentProps, boolean>>;
         fields: Fields<ComponentProps>;
@@ -183,6 +184,12 @@ type ComponentConfig<ComponentProps extends DefaultComponentProps = DefaultCompo
         props?: Partial<ComponentProps>;
         readOnly?: Partial<Record<keyof ComponentProps, boolean>>;
     };
+    resolvePermissions?: (data: DataShape, params: {
+        changed: Partial<Record<keyof ComponentProps, boolean>>;
+        lastPermissions: Partial<Permissions> | undefined;
+        initialPermissions: Partial<Permissions>;
+        appState: AppState;
+    }) => Partial<Permissions>;
 };
 type Category<ComponentName> = {
     components?: ComponentName[];
@@ -258,5 +265,12 @@ type AppState = {
     data: Data;
     ui: UiState;
 };
+type Permissions = {
+    drag: boolean;
+    duplicate: boolean;
+    delete: boolean;
+    edit: boolean;
+    insert: boolean;
+} & Record<string, boolean>;
 
-export { AppState as A, BaseData as B, Config as C, Data as D, ExternalFieldWithAdaptor as E, Field as F, ItemSelector as I, MappedItem as M, NumberField as N, ObjectField as O, PuckComponent as P, RootDataWithProps as R, SelectField as S, TextField as T, UiState as U, Viewports as V, FieldProps as a, DefaultRootProps as b, DropZoneProps as c, DefaultComponentProps as d, RootData as e, ComponentData as f, Content as g, PuckContext as h, ComponentConfig as i, RootDataWithoutProps as j, ItemWithId as k, ArrayState as l, BaseField as m, TextareaField as n, RadioField as o, ArrayField as p, Adaptor as q, ExternalField as r, CustomField as s, Fields as t };
+export type { AppState as A, BaseData as B, Config as C, Data as D, ExternalFieldWithAdaptor as E, Field as F, ItemSelector as I, MappedItem as M, NumberField as N, ObjectField as O, Permissions as P, RootData as R, SelectField as S, TextField as T, UiState as U, Viewports as V, FieldProps as a, DropZoneProps as b, DefaultComponentProps as c, DefaultRootProps as d, RootDataWithProps as e, ComponentData as f, Content as g, PuckComponent as h, PuckContext as i, ComponentConfig as j, RootDataWithoutProps as k, ItemWithId as l, ArrayState as m, BaseField as n, TextareaField as o, RadioField as p, ArrayField as q, Adaptor as r, ExternalField as s, CustomField as t, Fields as u };

package/dist/index.css

@@ -136,6 +136,65 @@
 
 /* styles.css */
 
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBarComponent_8nyey_1 {
+  display: flex;
+  width: auto;
+  padding: 4px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-radius: 8px;
+  background: var(--puck-color-grey-01);
+  color: var(--puck-color-white);
+  font-family: var(--puck-font-family);
+  gap: 4px;
+  min-height: 26px;
+}
+._ActionBarComponent-actionsLabel_8nyey_15 {
+  color: var(--puck-color-grey-08);
+  display: flex;
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 500;
+  justify-content: center;
+  align-items: center;
+  padding-left: 8px;
+  padding-right: 8px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarComponent-action_8nyey_15:first-of-type {
+  border-left: 0.5px solid var(--puck-color-grey-05);
+  border-radius: 0;
+  padding-left: 16px;
+}
+._ActionBarComponent-action_8nyey_15 {
+  background: transparent;
+  border: none;
+  color: var(--puck-color-grey-08);
+  cursor: pointer;
+  padding: 6px 8px;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 50ms ease-in;
+}
+._ActionBarComponent-action_8nyey_15:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: -2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarComponent-action_8nyey_15:hover {
+    color: var(--puck-color-azure-06);
+    transition: none;
+  }
+}
+._ActionBarComponent-action_8nyey_15:active {
+  color: var(--puck-color-azure-07);
+  transition: none;
+}
+
 /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
 ._Input_3pq3z_1 {
   color: var(--puck-color-grey-04);
@@ -523,14 +582,17 @@ textarea._Input-input_3pq3z_47 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DragIcon/styles.module.css/#css-module-data */
-._DragIcon_1p5wn_1 {
+._DragIcon_17p8x_1 {
   color: var(--puck-color-grey-05);
   cursor: grab;
   padding: 4px;
   border-radius: 4px;
 }
+._DragIcon--disabled_17p8x_8 {
+  cursor: no-drop;
+}
 @media (hover: hover) and (pointer: fine) {
-  ._DragIcon_1p5wn_1:hover {
+  ._DragIcon_17p8x_1:not(._DragIcon--disabled_17p8x_8):hover {
     color: var(--puck-color-azure-05);
     background-color: var(--puck-color-azure-12);
   }
@@ -989,16 +1051,21 @@ textarea._Input-input_3pq3z_47 {
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */
-._Drawer_6zh0b_1 {
+._Drawer_4yfqn_1 {
   font-family: var(--puck-font-family);
 }
-._DrawerItem-default_6zh0b_5 ._DrawerItem-draggableWrapper_6zh0b_5 {
+._DrawerItem--disabled_4yfqn_5 {
+  background: var(--puck-color-grey-11);
+  color: var(--puck-color-grey-05);
+  cursor: not-allowed;
+}
+._DrawerItem-default_4yfqn_11 ._DrawerItem-draggableWrapper_4yfqn_11 {
   padding-bottom: 12px;
 }
-._DrawerItem_6zh0b_5:last-of-type ._DrawerItem-default_6zh0b_5 ._DrawerItem-draggableWrapper_6zh0b_5 {
+._DrawerItem_4yfqn_5:last-of-type ._DrawerItem-default_4yfqn_11 ._DrawerItem-draggableWrapper_4yfqn_11 {
   padding-bottom: 0;
 }
-._DrawerItem-draggable_6zh0b_5 {
+._DrawerItem-draggable_4yfqn_11 {
   background: var(--puck-color-white);
   padding: 12px;
   display: flex;
@@ -1007,50 +1074,49 @@ textarea._Input-input_3pq3z_47 {
   font-size: var(--puck-font-size-xxs);
   justify-content: space-between;
   align-items: center;
-  cursor: grab;
   transition: background-color 50ms ease-in, color 50ms ease-in;
 }
-._DrawerItem_6zh0b_5:focus-visible {
+._DrawerItem_4yfqn_5:focus-visible {
   outline: 0;
 }
-._Drawer_6zh0b_1:not(._Drawer--isDraggingFrom_6zh0b_31) ._DrawerItem_6zh0b_5:focus-visible ._DrawerItem-draggable_6zh0b_5 {
+._Drawer_4yfqn_1:not(._Drawer--isDraggingFrom_4yfqn_36) ._DrawerItem_4yfqn_5:focus-visible ._DrawerItem-draggable_4yfqn_11 {
   border-radius: 4px;
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Drawer_6zh0b_1:not(._Drawer--isDraggingFrom_6zh0b_31) ._DrawerItem-draggable_6zh0b_5:hover {
+  ._Drawer_4yfqn_1:not(._Drawer--isDraggingFrom_4yfqn_36) ._DrawerItem_4yfqn_5:not(._DrawerItem--disabled_4yfqn_5) ._DrawerItem-draggable_4yfqn_11:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-azure-04);
     transition: none;
   }
 }
-._DrawerItem-name_6zh0b_47 {
+._DrawerItem-name_4yfqn_54 {
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */
-._DraggableComponent_59z7f_1 {
+._DraggableComponent_1bhad_1 {
   pointer-events: auto;
   --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent );
 }
-._DraggableComponent--isDragging_59z7f_11 {
+._DraggableComponent--isDragging_1bhad_11 {
   background: color-mix(in srgb, var(--puck-color-azure-08) 10%, transparent);
   overflow: hidden;
 }
-._DraggableComponent-contents_59z7f_16 {
+._DraggableComponent-contents_1bhad_16 {
   position: relative;
   pointer-events: none;
   z-index: 0;
 }
-._DraggableComponent-contents_59z7f_16::before,
-._DraggableComponent-contents_59z7f_16::after {
+._DraggableComponent-contents_1bhad_16::before,
+._DraggableComponent-contents_1bhad_16::after {
   content: " ";
   display: table;
 }
-._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent-overlay_1bhad_29 {
   cursor: pointer;
   height: 100%;
   width: 100%;
@@ -1061,13 +1127,13 @@ textarea._Input-input_3pq3z_47 {
   box-sizing: border-box;
   z-index: 1;
 }
-._DraggableComponent_59z7f_1:focus-visible > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent_1bhad_1:focus-visible > ._DraggableComponent-overlay_1bhad_29 {
   outline: 1px solid var(--puck-color-azure-05);
 }
-._DraggableComponent--isDragging_59z7f_11 > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent--isDragging_1bhad_11 > ._DraggableComponent-overlay_1bhad_29 {
   outline: 2px var(--puck-color-azure-09) solid !important;
 }
-._DraggableComponent-loadingOverlay_59z7f_49 {
+._DraggableComponent-loadingOverlay_1bhad_49 {
   background: var(--puck-color-white);
   color: var(--puck-color-grey-03);
   border-radius: 4px;
@@ -1082,91 +1148,42 @@ textarea._Input-input_3pq3z_47 {
   opacity: 0.8;
   z-index: 1;
 }
-._DraggableComponent_59z7f_1:hover:not(._DraggableComponent--isLocked_59z7f_65) > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent_1bhad_1:hover:not(._DraggableComponent--isLocked_1bhad_65) > ._DraggableComponent-overlay_1bhad_29 {
   background: var(--overlay-background);
   pointer-events: none;
 }
-._DraggableComponent--forceHover_59z7f_71 > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent--forceHover_1bhad_71 > ._DraggableComponent-overlay_1bhad_29 {
   background: var(--overlay-background);
   pointer-events: none;
 }
-._DraggableComponent_59z7f_1:not(._DraggableComponent--isSelected_59z7f_76):hover > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent_1bhad_1:not(._DraggableComponent--isSelected_1bhad_76):hover > ._DraggableComponent-overlay_1bhad_29 {
   outline: 2px var(--puck-color-azure-09) solid !important;
 }
-._DraggableComponent--indicativeHover_59z7f_81 > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent--indicativeHover_1bhad_81 > ._DraggableComponent-overlay_1bhad_29 {
   pointer-events: none;
 }
-._DraggableComponent_59z7f_1:not(._DraggableComponent--isSelected_59z7f_76):has(._DraggableComponent_59z7f_1:hover > ._DraggableComponent-overlay_59z7f_29) > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent_1bhad_1:not(._DraggableComponent--isSelected_1bhad_76):has(._DraggableComponent_1bhad_1:hover > ._DraggableComponent-overlay_1bhad_29) > ._DraggableComponent-overlay_1bhad_29 {
   display: none;
 }
-._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-overlay_59z7f_29 {
+._DraggableComponent--isSelected_1bhad_76 > ._DraggableComponent-overlay_1bhad_29 {
   outline: 2px var(--puck-color-azure-07) solid !important;
 }
-._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-actionsOverlay_59z7f_97 {
+._DraggableComponent--isSelected_1bhad_76 > ._DraggableComponent-actionsOverlay_1bhad_97 {
   display: block;
   position: sticky;
   z-index: 2;
 }
-._DraggableComponent-actions_59z7f_97 {
+._DraggableComponent-actions_1bhad_97 {
   position: absolute;
   width: auto;
-  padding: 4px;
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-  border-radius: 8px;
-  background: var(--puck-color-grey-01);
-  color: var(--puck-color-white);
   cursor: grab;
   display: none;
-  font-family: var(--puck-font-family);
-  gap: 4px;
   pointer-events: auto;
   box-sizing: border-box;
   transform-origin: right top;
 }
-._DraggableComponent--isSelected_59z7f_76 > ._DraggableComponent-actionsOverlay_59z7f_97 > ._DraggableComponent-actions_59z7f_97 {
-  display: flex;
-}
-._DraggableComponent-actionsLabel_59z7f_127 {
-  color: var(--puck-color-grey-08);
-  display: flex;
-  font-size: var(--puck-font-size-xxxs);
-  font-weight: 500;
-  justify-content: center;
-  align-items: center;
-  padding-left: 8px;
-  padding-right: 16px;
-  margin-right: 8px;
-  border-right: 0.5px solid var(--puck-color-grey-05);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-._DraggableComponent-action_59z7f_97 {
-  background: transparent;
-  border: none;
-  color: var(--puck-color-grey-08);
-  cursor: pointer;
-  padding: 6px 8px;
-  border-radius: 4px;
-  overflow: hidden;
+._DraggableComponent--isSelected_1bhad_76 > ._DraggableComponent-actionsOverlay_1bhad_97 > ._DraggableComponent-actions_1bhad_97 {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: color 50ms ease-in;
-}
-._DraggableComponent-action_59z7f_97:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: -2px;
-}
-@media (hover: hover) and (pointer: fine) {
-  ._DraggableComponent-action_59z7f_97:hover {
-    color: var(--puck-color-azure-06);
-    transition: none;
-  }
-}
-._DraggableComponent-action_59z7f_97:active {
-  color: var(--puck-color-azure-07);
-  transition: none;
 }
 
 /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */