@measured/puck 0.13.0-canary.d1baf8f → 0.13.0-canary.d7540e3

package/dist/{Config-4367c689.d.ts → Config-5804f327.d.ts}

@@ -155,7 +155,7 @@ type Config<Props extends {
     [key: string]: any;
 } = {
     [key: string]: any;
-}, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = string> = {
+}, RootProps extends DefaultRootProps = DefaultRootProps, CategoryName extends string = any> = {
     categories?: Record<CategoryName, Category<keyof Props>> & {
         other?: Category<Props>;
     };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { D as Data, C as Config, I as ItemSelector, U as UiState, A as AppState, F as Field, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-4367c689.js';
-export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-4367c689.js';
+import { C as Config, D as Data, I as ItemSelector, U as UiState, A as AppState, F as Field, a as DefaultComponentProps, b as DefaultRootProps, M as MappedItem, R as RootDataWithProps, c as RootData } from './Config-5804f327.js';
+export { g as Adaptor, f as ArrayField, r as ArrayState, n as BaseData, B as BaseField, m as ComponentConfig, o as ComponentData, k as Content, i as CustomField, s as DropZone, h as ExternalField, E as ExternalFieldWithAdaptor, j as Fields, q as ItemWithId, N as NumberField, O as ObjectField, P as PuckComponent, l as PuckContext, e as RadioField, p as RootDataWithoutProps, S as SelectField, T as TextField, d as TextareaField } from './Config-5804f327.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties, ReactElement, SyntheticEvent } from 'react';
@@ -9,9 +9,9 @@ type PathData = Record<string, {
     path: string[];
     label: string;
 }>;
-type DropZoneContext = {
+type DropZoneContext<UserConfig extends Config<any, any, any> = Config<any, any, any>> = {
     data: Data;
-    config: Config;
+    config: UserConfig;
     componentState?: Record<string, any>;
     itemSelector?: ItemSelector | null;
     setItemSelector?: (newIndex: ItemSelector | null) => void;
@@ -35,7 +35,7 @@ type DropZoneContext = {
     mode?: "edit" | "render";
     disableZoom?: boolean;
 } | null;
-declare const dropZoneContext: react.Context<DropZoneContext>;
+declare const dropZoneContext: react.Context<DropZoneContext<Config<any, any, any>>>;
 declare const DropZoneProvider: ({ children, value, }: {
     children: ReactNode;
     value: DropZoneContext;
@@ -217,9 +217,9 @@ type Plugin = {
     overrides: Partial<Overrides>;
 };
 
-declare function Puck({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
+declare function Puck<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ children, config, data: initialData, ui: initialUi, onChange, onPublish, plugins, overrides, renderHeader, renderHeaderActions, headerTitle, headerPath, }: {
     children?: ReactNode;
-    config: Config<any, any, any>;
+    config: UserConfig;
     data: Data;
     ui?: Partial<UiState>;
     onChange?: (data: Data) => void;
@@ -247,8 +247,8 @@ declare namespace Puck {
     }) => react_jsx_runtime.JSX.Element;
 }
 
-declare function Render({ config, data, }: {
-    config: Config<any, any, any>;
+declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+    config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 
@@ -273,9 +273,7 @@ declare const resolveAllData: (data: Data, config: Config<any, any, any>, onReso
 
 declare const usePuck: () => {
     appState: AppState;
-    config: Config<{
-        [key: string]: any;
-    }, DefaultRootProps, string>;
+    config: Config<any, any, any>;
     dispatch: (action: PuckAction) => void;
 };
 

package/dist/index.js

@@ -29915,7 +29915,7 @@ var appContext = (0, import_react8.createContext)({
   history: {}
 });
 var AppProvider = appContext.Provider;
-var useAppContext = () => {
+function useAppContext() {
   const mainContext = (0, import_react8.useContext)(appContext);
   const selectedItem = mainContext.state.ui.itemSelector ? getItem(mainContext.state.ui.itemSelector, mainContext.state.data) : void 0;
   return __spreadProps(__spreadValues({}, mainContext), {
@@ -29929,7 +29929,7 @@ var useAppContext = () => {
       });
     }
   });
-};
+}
 
 // components/DropZone/index.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
@@ -30825,17 +30825,19 @@ var setAction = (state, action) => {
   }
   return __spreadValues(__spreadValues({}, state), action.state(state));
 };
-var createReducer = ({
+function createReducer({
   config,
   record
-}) => storeInterceptor((state, action) => {
-  const data = reduceData(state.data, action, config);
-  const ui = reduceUi(state.ui, action);
-  if (action.type === "set") {
-    return setAction(state, action);
-  }
-  return { data, ui };
-}, record);
+}) {
+  return storeInterceptor((state, action) => {
+    const data = reduceData(state.data, action, config);
+    const ui = reduceUi(state.ui, action);
+    if (action.type === "set") {
+      return setAction(state, action);
+    }
+    return { data, ui };
+  }, record);
+}
 
 // lib/flush-zones.ts
 init_react_import();
@@ -32833,7 +32835,7 @@ function Puck({
     [loadedOverrides]
   );
   const disableZoom = children || loadedOverrides.puck ? true : false;
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "Puck", children: [
     /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       AppProvider,
       {
@@ -33054,10 +33056,7 @@ Puck.Preview = Preview;
 // components/Render/index.tsx
 init_react_import();
 var import_jsx_runtime30 = require("react/jsx-runtime");
-function Render({
-  config,
-  data
-}) {
+function Render({ config, data }) {
   var _a;
   const rootProps = data.root.props || data.root;
   const title = (rootProps == null ? void 0 : rootProps.title) || "";

package/dist/rsc.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { C as Config, D as Data } from './Config-4367c689.js';
+import { C as Config, D as Data } from './Config-5804f327.js';
 import 'react';
 
-declare function Render({ config, data, }: {
-    config: Config<any, any, any>;
+declare function Render<UserConfig extends Config<any, any, any> = Config<any, any, any>>({ config, data }: {
+    config: UserConfig;
     data: Data;
 }): react_jsx_runtime.JSX.Element;
 

package/dist/rsc.js

@@ -109,10 +109,7 @@ function DropZoneRender({
     return null;
   }) });
 }
-function Render({
-  config,
-  data
-}) {
+function Render({ config, data }) {
   var _a;
   if ((_a = config.root) == null ? void 0 : _a.render) {
     const rootProps = data.root.props || data.root;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@measured/puck",
-  "version": "0.13.0-canary.d1baf8f",
+  "version": "0.13.0-canary.d7540e3",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",