@puckeditor/core 0.23.0 → 0.24.0-canary.6265ac2a

package/dist/{actions-DA1J5F56.d.mts → actions-CLNN-g7L.d.mts}

@@ -713,12 +713,12 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
 }>;
 type FieldRenderFunctions<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends {
     type: string;
-} = Field | G["UserField"]> = Omit<{
+} = Field | G["UserField"]> = {
     [Type in UserField["type"]]: React.FunctionComponent<FieldProps<ExtractField<UserField, Type>, any> & {
         children: ReactNode;
         name: string;
-    }>;
-}, "custom">;
+    }> | null;
+};
 
 type Direction = "left" | "right" | "up" | "down" | null;
 type DragAxis = "dynamic" | "y" | "x";

package/dist/{actions-DA1J5F56.d.ts → actions-CLNN-g7L.d.ts}

@@ -713,12 +713,12 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
 }>;
 type FieldRenderFunctions<UserConfig extends Config = Config, G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends {
     type: string;
-} = Field | G["UserField"]> = Omit<{
+} = Field | G["UserField"]> = {
     [Type in UserField["type"]]: React.FunctionComponent<FieldProps<ExtractField<UserField, Type>, any> & {
         children: ReactNode;
         name: string;
-    }>;
-}, "custom">;
+    }> | null;
+};
 
 type Direction = "left" | "right" | "up" | "down" | null;
 type DragAxis = "dynamic" | "y" | "x";

package/dist/{chunk-55V3NZVF.mjs → chunk-IEMHXY7E.mjs}

@@ -918,6 +918,24 @@ var getDeep = (node, path) => {
   }, node);
 };
 
+// lib/fields/is-field-visible.ts
+init_react_import();
+
+// lib/overrides/field-types.ts
+init_react_import();
+var isFieldTypeHidden = (overrides, fieldType) => {
+  return fieldType ? (overrides == null ? void 0 : overrides[fieldType]) === null : false;
+};
+
+// lib/fields/is-field-visible.ts
+var isFieldVisible = (fieldTypeOverrides, field) => {
+  var _a;
+  if (!field) return false;
+  if (field.type === "slot") return false;
+  if (isFieldTypeHidden(fieldTypeOverrides, field.type)) return false;
+  return (_a = field.visible) != null ? _a : true;
+};
+
 // components/AutoField/subfield.tsx
 init_react_import();
 import { memo } from "react";
@@ -1009,6 +1027,7 @@ var ArrayFieldItemInternal = ({
   name,
   localName
 }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const isExpanded = useAppStore((s) => {
     var _a;
     return ((_a = s.state.ui.arrayState[arrayId]) == null ? void 0 : _a.openId) === id;
@@ -1021,9 +1040,9 @@ var ArrayFieldItemInternal = ({
       return false;
     }
     return Object.values(field.arrayFields).some(
-      (subField) => subField.type !== "slot" && subField.visible !== false
+      (subField) => isFieldVisible(fieldTypeOverrides, subField)
     );
-  }, [field.arrayFields]);
+  }, [field.arrayFields, fieldTypeOverrides]);
   return /* @__PURE__ */ jsx8(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ jsxs3(
     "div",
     {
@@ -2282,11 +2301,7 @@ function AutoFieldInternal(props) {
       return render[field.type];
     }
   }, [field.type, fieldKey, render]);
-  const { visible = true } = props.field;
-  if (!visible) {
-    return null;
-  }
-  if (field.type === "slot") {
+  if (!isFieldVisible(overrides.fieldTypes, field)) {
     return null;
   }
   if (!FieldComponent) {
@@ -8139,6 +8154,7 @@ var createOnChange = (fieldName, appStore) => (value, updatedUi) => __async(null
   });
 });
 var FieldsChildInner = ({ fieldName }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const field = useAppStore((s) => s.fields.fields[fieldName]);
   const isReadOnly = useAppStore(
     (s) => ((s.selectedItem ? s.selectedItem.readOnly : s.state.data.root.readOnly) || {})[fieldName]
@@ -8157,7 +8173,6 @@ var FieldsChildInner = ({ fieldName }) => {
   const onChange = useCallback20(createOnChange(fieldName, appStore), [
     fieldName
   ]);
-  const { visible = true } = field != null ? field : {};
   const fieldStore = useContext16(fieldContextStore.ctx);
   useEffect21(() => {
     return appStore.subscribe(
@@ -8171,8 +8186,7 @@ var FieldsChildInner = ({ fieldName }) => {
       }
     );
   }, [appStore, fieldStore]);
-  if (!field || !id || !visible) return null;
-  if (field.type === "slot") return null;
+  if (!id || !isFieldVisible(fieldTypeOverrides, field)) return null;
   return /* @__PURE__ */ jsx52("div", { className: getClassName33("field"), children: /* @__PURE__ */ jsx52(
     AutoFieldPrivate,
     {
@@ -11915,11 +11929,25 @@ import { useMemo as useMemo23 } from "react";
 
 // lib/load-overrides.ts
 init_react_import();
+var curryPluginOverrides = (override, previousPluginOverride) => {
+  const Comp = (props) => {
+    const children = previousPluginOverride ? previousPluginOverride(props) : props.children;
+    if (override) {
+      return override(__spreadProps(__spreadValues({}, props), {
+        children
+      }));
+    }
+    return children;
+  };
+  return Comp;
+};
 var loadOverrides = ({
   overrides,
   plugins
 }) => {
   const collected = __spreadValues({}, overrides);
+  if (overrides == null ? void 0 : overrides.fieldTypes) collected.fieldTypes = __spreadValues({}, overrides.fieldTypes);
+  const prevFieldTypesOverride = __spreadValues({}, overrides == null ? void 0 : overrides.fieldTypes);
   plugins == null ? void 0 : plugins.forEach((plugin) => {
     if (!plugin.overrides) return;
     Object.keys(plugin.overrides).forEach((_overridesType) => {
@@ -11927,21 +11955,29 @@ var loadOverrides = ({
       const overridesType = _overridesType;
       if (!((_a = plugin.overrides) == null ? void 0 : _a[overridesType])) return;
       if (overridesType === "fieldTypes") {
-        const fieldTypes = plugin.overrides.fieldTypes;
-        Object.keys(fieldTypes).forEach((fieldType) => {
+        const currPluginFieldTypes = plugin.overrides.fieldTypes;
+        Object.keys(currPluginFieldTypes).forEach((fieldType) => {
           collected.fieldTypes = collected.fieldTypes || {};
-          const childNode2 = collected.fieldTypes[fieldType];
-          const Comp2 = (props) => fieldTypes[fieldType](__spreadProps(__spreadValues({}, props), {
-            children: childNode2 ? childNode2(props) : props.children
-          }));
+          if (isFieldTypeHidden(currPluginFieldTypes, fieldType)) {
+            collected.fieldTypes[fieldType] = null;
+            return;
+          }
+          const prevNonNullPluginFieldType = prevFieldTypesOverride[fieldType];
+          const currPluginFieldType = currPluginFieldTypes[fieldType];
+          const Comp2 = curryPluginOverrides(
+            currPluginFieldType,
+            prevNonNullPluginFieldType
+          );
           collected.fieldTypes[fieldType] = Comp2;
+          prevFieldTypesOverride[fieldType] = Comp2;
         });
         return;
       }
       const childNode = collected[overridesType];
-      const Comp = (props) => plugin.overrides[overridesType](__spreadProps(__spreadValues({}, props), {
-        children: childNode ? childNode(props) : props.children
-      }));
+      const Comp = curryPluginOverrides(
+        plugin.overrides[overridesType],
+        childNode
+      );
       collected[overridesType] = Comp;
     });
   });

package/dist/{index-DIZKfHDN.d.ts → index-B_5ZR3yN.d.ts}

@@ -1,4 +1,4 @@
-import { R as History, a1 as Permissions, i as ComponentData, m as Config, ao as UserGenerics, Q as Fields, a5 as PuckAction, af as RootDataWithProps, aa as ResolveDataTrigger, a2 as Plugin, a0 as Overrides, aq as Viewports, S as IframeConfig, an as UiState, f as ComponentConfig, a as AppState, X as Metadata, y as DndConfig, P as FieldTransforms, ac as RichtextField } from './actions-DA1J5F56.js';
+import { R as History, a1 as Permissions, i as ComponentData, m as Config, ao as UserGenerics, Q as Fields, a5 as PuckAction, af as RootDataWithProps, aa as ResolveDataTrigger, a2 as Plugin, a0 as Overrides, aq as Viewports, S as IframeConfig, an as UiState, f as ComponentConfig, a as AppState, X as Metadata, y as DndConfig, P as FieldTransforms, ac as RichtextField } from './actions-CLNN-g7L.js';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/{index-n9eR_SWx.d.mts → index-CtS7NnHM.d.mts}

@@ -1,4 +1,4 @@
-import { R as History, a1 as Permissions, i as ComponentData, m as Config, ao as UserGenerics, Q as Fields, a5 as PuckAction, af as RootDataWithProps, aa as ResolveDataTrigger, a2 as Plugin, a0 as Overrides, aq as Viewports, S as IframeConfig, an as UiState, f as ComponentConfig, a as AppState, X as Metadata, y as DndConfig, P as FieldTransforms, ac as RichtextField } from './actions-DA1J5F56.mjs';
+import { R as History, a1 as Permissions, i as ComponentData, m as Config, ao as UserGenerics, Q as Fields, a5 as PuckAction, af as RootDataWithProps, aa as ResolveDataTrigger, a2 as Plugin, a0 as Overrides, aq as Viewports, S as IframeConfig, an as UiState, f as ComponentConfig, a as AppState, X as Metadata, y as DndConfig, P as FieldTransforms, ac as RichtextField } from './actions-CLNN-g7L.mjs';
 import { Editor } from '@tiptap/react';
 
 type HistorySlice<D = any> = {

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import { J as Field, L as FieldProps, E as DropZoneProps, m as Config, ao as UserGenerics, D as Data, an as UiState, _ as OnAction, a1 as Permissions, a2 as Plugin, a0 as Overrides, P as FieldTransforms, a5 as PuckAction, aq as Viewports, S as IframeConfig, y as DndConfig, T as InitialHistory, X as Metadata, aa as ResolveDataTrigger, U as ItemSelector, i as ComponentData, a3 as PluginInternal } from './actions-DA1J5F56.mjs';
-export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, K as FieldMetadata, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, Q as Fields, R as History, V as ItemWithId, W as MappedItem, Y as NumberField, Z as ObjectField, $ as OverrideKey, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, ap as Viewport, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-DA1J5F56.mjs';
-import { D as Dictionary, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-n9eR_SWx.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHP1pWEM.mjs';
+import { J as Field, L as FieldProps, E as DropZoneProps, m as Config, ao as UserGenerics, D as Data, an as UiState, _ as OnAction, a1 as Permissions, a2 as Plugin, a0 as Overrides, P as FieldTransforms, a5 as PuckAction, aq as Viewports, S as IframeConfig, y as DndConfig, T as InitialHistory, X as Metadata, aa as ResolveDataTrigger, U as ItemSelector, i as ComponentData, a3 as PluginInternal } from './actions-CLNN-g7L.mjs';
+export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, K as FieldMetadata, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, Q as Fields, R as History, V as ItemWithId, W as MappedItem, Y as NumberField, Z as ObjectField, $ as OverrideKey, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, ap as Viewport, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-CLNN-g7L.mjs';
+import { D as Dictionary, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-CtS7NnHM.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CLq7jUXe.mjs';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { J as Field, L as FieldProps, E as DropZoneProps, m as Config, ao as UserGenerics, D as Data, an as UiState, _ as OnAction, a1 as Permissions, a2 as Plugin, a0 as Overrides, P as FieldTransforms, a5 as PuckAction, aq as Viewports, S as IframeConfig, y as DndConfig, T as InitialHistory, X as Metadata, aa as ResolveDataTrigger, U as ItemSelector, i as ComponentData, a3 as PluginInternal } from './actions-DA1J5F56.js';
-export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, K as FieldMetadata, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, Q as Fields, R as History, V as ItemWithId, W as MappedItem, Y as NumberField, Z as ObjectField, $ as OverrideKey, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, ap as Viewport, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-DA1J5F56.js';
-import { D as Dictionary, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-DIZKfHDN.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DbY5zG2K.js';
+import { J as Field, L as FieldProps, E as DropZoneProps, m as Config, ao as UserGenerics, D as Data, an as UiState, _ as OnAction, a1 as Permissions, a2 as Plugin, a0 as Overrides, P as FieldTransforms, a5 as PuckAction, aq as Viewports, S as IframeConfig, y as DndConfig, T as InitialHistory, X as Metadata, aa as ResolveDataTrigger, U as ItemSelector, i as ComponentData, a3 as PluginInternal } from './actions-CLNN-g7L.js';
+export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, K as FieldMetadata, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, Q as Fields, R as History, V as ItemWithId, W as MappedItem, Y as NumberField, Z as ObjectField, $ as OverrideKey, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, ap as Viewport, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-CLNN-g7L.js';
+import { D as Dictionary, A as AppStore, G as GetPermissions, R as RefreshPermissions, H as HistorySlice } from './index-B_5ZR3yN.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DQYPBSSN.js';
 import * as react from 'react';
 import react__default, { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/index.js

@@ -6622,6 +6622,24 @@ var getDeep = (node, path) => {
   }, node);
 };
 
+// lib/fields/is-field-visible.ts
+init_react_import();
+
+// lib/overrides/field-types.ts
+init_react_import();
+var isFieldTypeHidden = (overrides, fieldType) => {
+  return fieldType ? (overrides == null ? void 0 : overrides[fieldType]) === null : false;
+};
+
+// lib/fields/is-field-visible.ts
+var isFieldVisible = (fieldTypeOverrides, field) => {
+  var _a;
+  if (!field) return false;
+  if (field.type === "slot") return false;
+  if (isFieldTypeHidden(fieldTypeOverrides, field.type)) return false;
+  return (_a = field.visible) != null ? _a : true;
+};
+
 // components/AutoField/subfield.tsx
 init_react_import();
 var import_react17 = require("react");
@@ -6755,6 +6773,7 @@ var ArrayFieldItemInternal = ({
   name,
   localName
 }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const isExpanded = useAppStore((s) => {
     var _a;
     return ((_a = s.state.ui.arrayState[arrayId]) == null ? void 0 : _a.openId) === id;
@@ -6767,9 +6786,9 @@ var ArrayFieldItemInternal = ({
       return false;
     }
     return Object.values(field.arrayFields).some(
-      (subField) => subField.type !== "slot" && subField.visible !== false
+      (subField) => isFieldVisible(fieldTypeOverrides, subField)
     );
-  }, [field.arrayFields]);
+  }, [field.arrayFields, fieldTypeOverrides]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
@@ -8206,11 +8225,7 @@ function AutoFieldInternal(props) {
       return render[field.type];
     }
   }, [field.type, fieldKey, render]);
-  const { visible = true } = props.field;
-  if (!visible) {
-    return null;
-  }
-  if (field.type === "slot") {
+  if (!isFieldVisible(overrides.fieldTypes, field)) {
     return null;
   }
   if (!FieldComponent) {
@@ -12464,6 +12479,7 @@ var createOnChange = (fieldName, appStore) => (value, updatedUi) => __async(null
   });
 });
 var FieldsChildInner = ({ fieldName }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const field = useAppStore((s) => s.fields.fields[fieldName]);
   const isReadOnly = useAppStore(
     (s) => ((s.selectedItem ? s.selectedItem.readOnly : s.state.data.root.readOnly) || {})[fieldName]
@@ -12482,7 +12498,6 @@ var FieldsChildInner = ({ fieldName }) => {
   const onChange = (0, import_react77.useCallback)(createOnChange(fieldName, appStore), [
     fieldName
   ]);
-  const { visible = true } = field != null ? field : {};
   const fieldStore = (0, import_react77.useContext)(fieldContextStore.ctx);
   (0, import_react77.useEffect)(() => {
     return appStore.subscribe(
@@ -12496,8 +12511,7 @@ var FieldsChildInner = ({ fieldName }) => {
       }
     );
   }, [appStore, fieldStore]);
-  if (!field || !id || !visible) return null;
-  if (field.type === "slot") return null;
+  if (!id || !isFieldVisible(fieldTypeOverrides, field)) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: getClassName28("field"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     AutoFieldPrivate,
     {
@@ -17794,11 +17808,25 @@ var import_react95 = require("react");
 
 // lib/load-overrides.ts
 init_react_import();
+var curryPluginOverrides = (override, previousPluginOverride) => {
+  const Comp = (props) => {
+    const children = previousPluginOverride ? previousPluginOverride(props) : props.children;
+    if (override) {
+      return override(__spreadProps(__spreadValues({}, props), {
+        children
+      }));
+    }
+    return children;
+  };
+  return Comp;
+};
 var loadOverrides = ({
   overrides,
   plugins
 }) => {
   const collected = __spreadValues({}, overrides);
+  if (overrides == null ? void 0 : overrides.fieldTypes) collected.fieldTypes = __spreadValues({}, overrides.fieldTypes);
+  const prevFieldTypesOverride = __spreadValues({}, overrides == null ? void 0 : overrides.fieldTypes);
   plugins == null ? void 0 : plugins.forEach((plugin) => {
     if (!plugin.overrides) return;
     Object.keys(plugin.overrides).forEach((_overridesType) => {
@@ -17806,21 +17834,29 @@ var loadOverrides = ({
       const overridesType = _overridesType;
       if (!((_a = plugin.overrides) == null ? void 0 : _a[overridesType])) return;
       if (overridesType === "fieldTypes") {
-        const fieldTypes = plugin.overrides.fieldTypes;
-        Object.keys(fieldTypes).forEach((fieldType) => {
+        const currPluginFieldTypes = plugin.overrides.fieldTypes;
+        Object.keys(currPluginFieldTypes).forEach((fieldType) => {
           collected.fieldTypes = collected.fieldTypes || {};
-          const childNode2 = collected.fieldTypes[fieldType];
-          const Comp2 = (props) => fieldTypes[fieldType](__spreadProps(__spreadValues({}, props), {
-            children: childNode2 ? childNode2(props) : props.children
-          }));
+          if (isFieldTypeHidden(currPluginFieldTypes, fieldType)) {
+            collected.fieldTypes[fieldType] = null;
+            return;
+          }
+          const prevNonNullPluginFieldType = prevFieldTypesOverride[fieldType];
+          const currPluginFieldType = currPluginFieldTypes[fieldType];
+          const Comp2 = curryPluginOverrides(
+            currPluginFieldType,
+            prevNonNullPluginFieldType
+          );
           collected.fieldTypes[fieldType] = Comp2;
+          prevFieldTypesOverride[fieldType] = Comp2;
         });
         return;
       }
       const childNode = collected[overridesType];
-      const Comp = (props) => plugin.overrides[overridesType](__spreadProps(__spreadValues({}, props), {
-        children: childNode ? childNode(props) : props.children
-      }));
+      const Comp = curryPluginOverrides(
+        plugin.overrides[overridesType],
+        childNode
+      );
       collected[overridesType] = Comp;
     });
   });

package/dist/index.mjs

@@ -17,7 +17,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-55V3NZVF.mjs";
+} from "./chunk-IEMHXY7E.mjs";
 import "./chunk-WF6I3XOL.mjs";
 import {
   migrate,

package/dist/internal.d.mts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, a as AppState, _ as OnAction, a4 as PrivateAppState, a5 as PuckAction } from './actions-DA1J5F56.mjs';
-import { A as AppStore } from './index-n9eR_SWx.mjs';
+import { D as Data, a as AppState, _ as OnAction, a4 as PrivateAppState, a5 as PuckAction } from './actions-CLNN-g7L.mjs';
+import { A as AppStore } from './index-CtS7NnHM.mjs';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/internal.d.ts

@@ -1,6 +1,6 @@
 import { Reducer } from 'react';
-import { D as Data, a as AppState, _ as OnAction, a4 as PrivateAppState, a5 as PuckAction } from './actions-DA1J5F56.js';
-import { A as AppStore } from './index-DIZKfHDN.js';
+import { D as Data, a as AppState, _ as OnAction, a4 as PrivateAppState, a5 as PuckAction } from './actions-CLNN-g7L.js';
+import { A as AppStore } from './index-B_5ZR3yN.js';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';
 import '@tiptap/extension-bold';

package/dist/no-external.d.mts

@@ -1,7 +1,7 @@
-export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, i as ComponentData, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, m as Config, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, D as Data, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, y as DndConfig, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, J as Field, K as FieldMetadata, L as FieldProps, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, P as FieldTransforms, Q as Fields, R as History, S as IframeConfig, T as InitialHistory, V as ItemWithId, W as MappedItem, X as Metadata, Y as NumberField, Z as ObjectField, _ as OnAction, $ as OverrideKey, a0 as Overrides, a1 as Permissions, a2 as Plugin, a5 as PuckAction, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, aa as ResolveDataTrigger, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, an as UiState, ao as UserGenerics, ap as Viewport, aq as Viewports, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-DA1J5F56.mjs';
-export { D as Dictionary } from './index-n9eR_SWx.mjs';
+export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, i as ComponentData, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, m as Config, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, D as Data, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, y as DndConfig, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, J as Field, K as FieldMetadata, L as FieldProps, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, P as FieldTransforms, Q as Fields, R as History, S as IframeConfig, T as InitialHistory, V as ItemWithId, W as MappedItem, X as Metadata, Y as NumberField, Z as ObjectField, _ as OnAction, $ as OverrideKey, a0 as Overrides, a1 as Permissions, a2 as Plugin, a5 as PuckAction, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, aa as ResolveDataTrigger, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, an as UiState, ao as UserGenerics, ap as Viewport, aq as Viewports, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-CLNN-g7L.mjs';
+export { D as Dictionary } from './index-CtS7NnHM.mjs';
 export { Action, ActionBar, AutoField, BlocksPluginProps, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, OutlinePluginProps, Puck, PuckApi, Render, RichTextMenu, Separator, UsePuckData, blocksPlugin, createUsePuck, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHP1pWEM.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CLq7jUXe.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.d.ts

@@ -1,7 +1,7 @@
-export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, i as ComponentData, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, m as Config, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, D as Data, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, y as DndConfig, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, J as Field, K as FieldMetadata, L as FieldProps, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, P as FieldTransforms, Q as Fields, R as History, S as IframeConfig, T as InitialHistory, V as ItemWithId, W as MappedItem, X as Metadata, Y as NumberField, Z as ObjectField, _ as OnAction, $ as OverrideKey, a0 as Overrides, a1 as Permissions, a2 as Plugin, a5 as PuckAction, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, aa as ResolveDataTrigger, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, an as UiState, ao as UserGenerics, ap as Viewport, aq as Viewports, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-DA1J5F56.js';
-export { D as Dictionary } from './index-DIZKfHDN.js';
+export { A as Adaptor, a as AppState, b as ArrayField, c as ArrayState, d as AsFieldProps, B as BaseData, e as BaseField, C as CacheOpts, f as ComponentConfig, g as ComponentConfigExtensions, h as ComponentConfigParams, i as ComponentData, j as ComponentDataMap, k as ComponentDataOptionalId, l as ComponentMetadata, m as Config, n as ConfigParams, o as Content, p as CustomField, q as CustomFieldRender, D as Data, r as DefaultComponentProps, s as DefaultComponents, t as DefaultRootFieldProps, u as DefaultRootProps, v as DefaultRootRenderProps, w as Direction, x as DndBehavior, y as DndConfig, z as DragAxis, F as ExternalField, G as ExternalFieldWithAdaptor, H as ExtractConfigParams, I as ExtractField, J as Field, K as FieldMetadata, L as FieldProps, M as FieldRenderFunctions, N as FieldTransformFn, O as FieldTransformFnParams, P as FieldTransforms, Q as Fields, R as History, S as IframeConfig, T as InitialHistory, V as ItemWithId, W as MappedItem, X as Metadata, Y as NumberField, Z as ObjectField, _ as OnAction, $ as OverrideKey, a0 as Overrides, a1 as Permissions, a2 as Plugin, a5 as PuckAction, a6 as PuckComponent, a7 as PuckContext, a8 as PuckMetadata, a9 as RadioField, aa as ResolveDataTrigger, ab as RichText, ac as RichtextField, ad as RootConfig, ae as RootData, af as RootDataWithProps, ag as RootDataWithoutProps, ah as SelectField, ai as Slot, aj as SlotComponent, ak as SlotField, al as TextField, am as TextareaField, an as UiState, ao as UserGenerics, ap as Viewport, aq as Viewports, ar as WithChildren, as as WithDefaultRootFieldProps, at as WithId, au as WithPuckProps, av as WithSlotProps, aw as overrideKeys } from './actions-CLNN-g7L.js';
+export { D as Dictionary } from './index-B_5ZR3yN.js';
 export { Action, ActionBar, AutoField, BlocksPluginProps, Button, Drawer, DropZone, FieldLabel, Group, IconButton, Label, OutlinePluginProps, Puck, PuckApi, Render, RichTextMenu, Separator, UsePuckData, blocksPlugin, createUsePuck, fieldsPlugin, legacySideBarPlugin, outlinePlugin, registerOverlayPortal, renderContext, setDeep, useGetPuck, usePuck } from './index.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DbY5zG2K.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DQYPBSSN.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/no-external.js

@@ -6622,6 +6622,24 @@ var getDeep = (node, path) => {
   }, node);
 };
 
+// lib/fields/is-field-visible.ts
+init_react_import();
+
+// lib/overrides/field-types.ts
+init_react_import();
+var isFieldTypeHidden = (overrides, fieldType) => {
+  return fieldType ? (overrides == null ? void 0 : overrides[fieldType]) === null : false;
+};
+
+// lib/fields/is-field-visible.ts
+var isFieldVisible = (fieldTypeOverrides, field) => {
+  var _a;
+  if (!field) return false;
+  if (field.type === "slot") return false;
+  if (isFieldTypeHidden(fieldTypeOverrides, field.type)) return false;
+  return (_a = field.visible) != null ? _a : true;
+};
+
 // components/AutoField/subfield.tsx
 init_react_import();
 var import_react17 = require("react");
@@ -6755,6 +6773,7 @@ var ArrayFieldItemInternal = ({
   name,
   localName
 }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const isExpanded = useAppStore((s) => {
     var _a;
     return ((_a = s.state.ui.arrayState[arrayId]) == null ? void 0 : _a.openId) === id;
@@ -6767,9 +6786,9 @@ var ArrayFieldItemInternal = ({
       return false;
     }
     return Object.values(field.arrayFields).some(
-      (subField) => subField.type !== "slot" && subField.visible !== false
+      (subField) => isFieldVisible(fieldTypeOverrides, subField)
     );
-  }, [field.arrayFields]);
+  }, [field.arrayFields, fieldTypeOverrides]);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Sortable, { id, index: dragIndex, disabled: readOnly, children: ({ isDragging, ref, handleRef }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
@@ -8206,11 +8225,7 @@ function AutoFieldInternal(props) {
       return render[field.type];
     }
   }, [field.type, fieldKey, render]);
-  const { visible = true } = props.field;
-  if (!visible) {
-    return null;
-  }
-  if (field.type === "slot") {
+  if (!isFieldVisible(overrides.fieldTypes, field)) {
     return null;
   }
   if (!FieldComponent) {
@@ -12464,6 +12479,7 @@ var createOnChange = (fieldName, appStore) => (value, updatedUi) => __async(null
   });
 });
 var FieldsChildInner = ({ fieldName }) => {
+  const fieldTypeOverrides = useAppStore((s) => s.overrides.fieldTypes);
   const field = useAppStore((s) => s.fields.fields[fieldName]);
   const isReadOnly = useAppStore(
     (s) => ((s.selectedItem ? s.selectedItem.readOnly : s.state.data.root.readOnly) || {})[fieldName]
@@ -12482,7 +12498,6 @@ var FieldsChildInner = ({ fieldName }) => {
   const onChange = (0, import_react77.useCallback)(createOnChange(fieldName, appStore), [
     fieldName
   ]);
-  const { visible = true } = field != null ? field : {};
   const fieldStore = (0, import_react77.useContext)(fieldContextStore.ctx);
   (0, import_react77.useEffect)(() => {
     return appStore.subscribe(
@@ -12496,8 +12511,7 @@ var FieldsChildInner = ({ fieldName }) => {
       }
     );
   }, [appStore, fieldStore]);
-  if (!field || !id || !visible) return null;
-  if (field.type === "slot") return null;
+  if (!id || !isFieldVisible(fieldTypeOverrides, field)) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: getClassName28("field"), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     AutoFieldPrivate,
     {
@@ -17794,11 +17808,25 @@ var import_react95 = require("react");
 
 // lib/load-overrides.ts
 init_react_import();
+var curryPluginOverrides = (override, previousPluginOverride) => {
+  const Comp = (props) => {
+    const children = previousPluginOverride ? previousPluginOverride(props) : props.children;
+    if (override) {
+      return override(__spreadProps(__spreadValues({}, props), {
+        children
+      }));
+    }
+    return children;
+  };
+  return Comp;
+};
 var loadOverrides = ({
   overrides,
   plugins
 }) => {
   const collected = __spreadValues({}, overrides);
+  if (overrides == null ? void 0 : overrides.fieldTypes) collected.fieldTypes = __spreadValues({}, overrides.fieldTypes);
+  const prevFieldTypesOverride = __spreadValues({}, overrides == null ? void 0 : overrides.fieldTypes);
   plugins == null ? void 0 : plugins.forEach((plugin) => {
     if (!plugin.overrides) return;
     Object.keys(plugin.overrides).forEach((_overridesType) => {
@@ -17806,21 +17834,29 @@ var loadOverrides = ({
       const overridesType = _overridesType;
       if (!((_a = plugin.overrides) == null ? void 0 : _a[overridesType])) return;
       if (overridesType === "fieldTypes") {
-        const fieldTypes = plugin.overrides.fieldTypes;
-        Object.keys(fieldTypes).forEach((fieldType) => {
+        const currPluginFieldTypes = plugin.overrides.fieldTypes;
+        Object.keys(currPluginFieldTypes).forEach((fieldType) => {
           collected.fieldTypes = collected.fieldTypes || {};
-          const childNode2 = collected.fieldTypes[fieldType];
-          const Comp2 = (props) => fieldTypes[fieldType](__spreadProps(__spreadValues({}, props), {
-            children: childNode2 ? childNode2(props) : props.children
-          }));
+          if (isFieldTypeHidden(currPluginFieldTypes, fieldType)) {
+            collected.fieldTypes[fieldType] = null;
+            return;
+          }
+          const prevNonNullPluginFieldType = prevFieldTypesOverride[fieldType];
+          const currPluginFieldType = currPluginFieldTypes[fieldType];
+          const Comp2 = curryPluginOverrides(
+            currPluginFieldType,
+            prevNonNullPluginFieldType
+          );
           collected.fieldTypes[fieldType] = Comp2;
+          prevFieldTypesOverride[fieldType] = Comp2;
         });
         return;
       }
       const childNode = collected[overridesType];
-      const Comp = (props) => plugin.overrides[overridesType](__spreadProps(__spreadValues({}, props), {
-        children: childNode ? childNode(props) : props.children
-      }));
+      const Comp = curryPluginOverrides(
+        plugin.overrides[overridesType],
+        childNode
+      );
       collected[overridesType] = Comp;
     });
   });

package/dist/no-external.mjs

@@ -17,7 +17,7 @@ import {
   setDeep,
   useGetPuck,
   usePuck
-} from "./chunk-55V3NZVF.mjs";
+} from "./chunk-IEMHXY7E.mjs";
 import "./chunk-WF6I3XOL.mjs";
 import {
   migrate,

package/dist/rsc.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { m as Config, ao as UserGenerics, X as Metadata } from './actions-DA1J5F56.mjs';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DHP1pWEM.mjs';
+import { m as Config, ao as UserGenerics, X as Metadata } from './actions-CLNN-g7L.mjs';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-CLq7jUXe.mjs';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/rsc.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { m as Config, ao as UserGenerics, X as Metadata } from './actions-DA1J5F56.js';
-export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DbY5zG2K.js';
+import { m as Config, ao as UserGenerics, X as Metadata } from './actions-CLNN-g7L.js';
+export { m as migrate, r as resolveAllData, t as transformProps, w as walkTree } from './walk-tree-DQYPBSSN.js';
 import 'react';
 import '@tiptap/react';
 import '@tiptap/extension-blockquote';

package/dist/{walk-tree-DHP1pWEM.d.mts → walk-tree-CLq7jUXe.d.mts}

@@ -1,4 +1,4 @@
-import { m as Config, D as Data, at as WithId, ao as UserGenerics, o as Content, i as ComponentData, s as DefaultComponents, r as DefaultComponentProps, t as DefaultRootFieldProps, X as Metadata, ae as RootData } from './actions-DA1J5F56.mjs';
+import { m as Config, D as Data, at as WithId, ao as UserGenerics, o as Content, i as ComponentData, s as DefaultComponents, r as DefaultComponentProps, t as DefaultRootFieldProps, X as Metadata, ae as RootData } from './actions-CLNN-g7L.mjs';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/dist/{walk-tree-DbY5zG2K.d.ts → walk-tree-DQYPBSSN.d.ts}

@@ -1,4 +1,4 @@
-import { m as Config, D as Data, at as WithId, ao as UserGenerics, o as Content, i as ComponentData, s as DefaultComponents, r as DefaultComponentProps, t as DefaultRootFieldProps, X as Metadata, ae as RootData } from './actions-DA1J5F56.js';
+import { m as Config, D as Data, at as WithId, ao as UserGenerics, o as Content, i as ComponentData, s as DefaultComponents, r as DefaultComponentProps, t as DefaultRootFieldProps, X as Metadata, ae as RootData } from './actions-CLNN-g7L.js';
 
 type MigrationOptions<UserConfig extends Config> = {
     migrateDynamicZonesForComponent?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/core",
-  "version": "0.23.0",
+  "version": "0.24.0-canary.6265ac2a",
   "description": "The open-source visual editor for React",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": "puckeditor/puck",