@webiny/cms-nextjs 0.0.0-unstable.0156a4c312

package/ConnectToEntryEditor.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { type EntryStoreConfig } from "@webiny/cms-sdk";
+interface ConnectToEntryEditorProps {
+    modelId: string;
+    entryId: string;
+    storeConfig?: EntryStoreConfig;
+    children: React.ReactNode;
+}
+export declare const ConnectToEntryEditor: ({ modelId, entryId, storeConfig, children }: ConnectToEntryEditorProps) => React.JSX.Element | null;
+export {};

package/ConnectToEntryEditor.js

@@ -0,0 +1,27 @@
+"use client";
+import react, { useEffect, useState } from "react";
+import { contentSdk } from "@webiny/cms-sdk";
+import { EntryStoreProvider } from "./EntryStoreProvider.js";
+const ConnectToEntryEditor = ({ modelId, entryId, storeConfig, children })=>{
+    const [entry, setEntry] = useState(null);
+    useEffect(()=>{
+        contentSdk.getEntry({
+            modelId,
+            entryId
+        }).then((result)=>{
+            if (result) setEntry(result);
+        });
+    }, [
+        modelId,
+        entryId
+    ]);
+    if (!entry) return null;
+    return /*#__PURE__*/ react.createElement(EntryStoreProvider, {
+        entryId: entryId,
+        entry: entry,
+        storeConfig: storeConfig
+    }, children);
+};
+export { ConnectToEntryEditor };
+
+//# sourceMappingURL=ConnectToEntryEditor.js.map

package/ConnectToEntryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConnectToEntryEditor.js","sources":["../src/ConnectToEntryEditor.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { contentSdk, type CmsEntry, type EntryStoreConfig } from \"@webiny/cms-sdk\";\nimport { EntryStoreProvider } from \"./EntryStoreProvider.js\";\n\ninterface ConnectToEntryEditorProps {\n    modelId: string;\n    entryId: string;\n    storeConfig?: EntryStoreConfig;\n    children: React.ReactNode;\n}\n\nexport const ConnectToEntryEditor = ({\n    modelId,\n    entryId,\n    storeConfig,\n    children\n}: ConnectToEntryEditorProps) => {\n    const [entry, setEntry] = useState<CmsEntry | null>(null);\n\n    useEffect(() => {\n        contentSdk.getEntry({ modelId, entryId }).then(result => {\n            if (result) {\n                setEntry(result);\n            }\n        });\n    }, [modelId, entryId]);\n\n    if (!entry) {\n        return null;\n    }\n\n    return (\n        <EntryStoreProvider entryId={entryId} entry={entry} storeConfig={storeConfig}>\n            {children}\n        </EntryStoreProvider>\n    );\n};\n"],"names":["ConnectToEntryEditor","modelId","entryId","storeConfig","children","entry","setEntry","useState","useEffect","contentSdk","result","EntryStoreProvider"],"mappings":";;;;AAaO,MAAMA,uBAAuB,CAAC,EACjCC,OAAO,EACPC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACgB;IACxB,MAAM,CAACC,OAAOC,SAAS,GAAGC,SAA0B;IAEpDC,UAAU;QACNC,WAAW,QAAQ,CAAC;YAAER;YAASC;QAAQ,GAAG,IAAI,CAACQ,CAAAA;YAC3C,IAAIA,QACAJ,SAASI;QAEjB;IACJ,GAAG;QAACT;QAASC;KAAQ;IAErB,IAAI,CAACG,OACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACM,oBAAkBA;QAAC,SAAST;QAAS,OAAOG;QAAO,aAAaF;OAC5DC;AAGb"}

package/DynamicZoneField.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface DynamicZoneProps {
+    value: unknown;
+}
+export declare const DynamicZoneField: (({ value }: DynamicZoneProps) => React.JSX.Element | null) & React.NamedExoticComponent<DynamicZoneProps> & {
+    readonly type: ({ value }: DynamicZoneProps) => React.JSX.Element | null;
+};
+export {};

package/DynamicZoneField.js

@@ -0,0 +1,33 @@
+"use client";
+import react, { useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { ComponentRegistry, ComponentResolver } from "@webiny/cms-sdk";
+import { useComponents, useModel } from "./EntryRenderer.js";
+const DynamicZoneField = observer(({ value })=>{
+    const components = useComponents();
+    const model = useModel();
+    const registry = useMemo(()=>{
+        const reg = new ComponentRegistry();
+        for (const component of components)reg.register(component);
+        return reg;
+    }, [
+        components
+    ]);
+    if (!model || !value) return null;
+    const items = Array.isArray(value) ? value : [
+        value
+    ];
+    const resolver = new ComponentResolver(registry);
+    const resolved = resolver.resolve(items, model);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, resolved.map((item, index)=>/*#__PURE__*/ react.createElement(ResolvedComponentRenderer, {
+            key: `${item.templateId}-${index}`,
+            resolved: item
+        })));
+});
+const ResolvedComponentRenderer = ({ resolved })=>{
+    const Comp = resolved.component;
+    return /*#__PURE__*/ react.createElement(Comp, resolved.props);
+};
+export { DynamicZoneField };
+
+//# sourceMappingURL=DynamicZoneField.js.map

package/DynamicZoneField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicZoneField.js","sources":["../src/DynamicZoneField.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { ComponentResolver, ComponentRegistry } from \"@webiny/cms-sdk\";\nimport type { ResolvedComponent } from \"@webiny/cms-sdk\";\nimport { useComponents, useModel } from \"./EntryRenderer.js\";\n\ninterface DynamicZoneProps {\n    value: unknown;\n}\n\nexport const DynamicZoneField = observer(({ value }: DynamicZoneProps) => {\n    const components = useComponents();\n    const model = useModel();\n\n    const registry = useMemo(() => {\n        const reg = new ComponentRegistry();\n        for (const component of components) {\n            reg.register(component);\n        }\n        return reg;\n    }, [components]);\n\n    if (!model || !value) {\n        return null;\n    }\n\n    const items = Array.isArray(value) ? value : [value];\n    const resolver = new ComponentResolver(registry);\n    const resolved = resolver.resolve(items, model);\n\n    return (\n        <>\n            {resolved.map((item, index) => (\n                <ResolvedComponentRenderer key={`${item.templateId}-${index}`} resolved={item} />\n            ))}\n        </>\n    );\n});\n\ninterface ResolvedComponentRendererProps {\n    resolved: ResolvedComponent;\n}\n\nconst ResolvedComponentRenderer = ({ resolved }: ResolvedComponentRendererProps) => {\n    const Comp = resolved.component as React.ComponentType<Record<string, unknown>>;\n    return <Comp {...resolved.props} />;\n};\n"],"names":["DynamicZoneField","observer","value","components","useComponents","model","useModel","registry","useMemo","reg","ComponentRegistry","component","items","Array","resolver","ComponentResolver","resolved","item","index","ResolvedComponentRenderer","Comp"],"mappings":";;;;;AAYO,MAAMA,mBAAmBC,SAAS,CAAC,EAAEC,KAAK,EAAoB;IACjE,MAAMC,aAAaC;IACnB,MAAMC,QAAQC;IAEd,MAAMC,WAAWC,QAAQ;QACrB,MAAMC,MAAM,IAAIC;QAChB,KAAK,MAAMC,aAAaR,WACpBM,IAAI,QAAQ,CAACE;QAEjB,OAAOF;IACX,GAAG;QAACN;KAAW;IAEf,IAAI,CAACE,SAAS,CAACH,OACX,OAAO;IAGX,MAAMU,QAAQC,MAAM,OAAO,CAACX,SAASA,QAAQ;QAACA;KAAM;IACpD,MAAMY,WAAW,IAAIC,kBAAkBR;IACvC,MAAMS,WAAWF,SAAS,OAAO,CAACF,OAAOP;IAEzC,OAAO,WAAP,GACI,0CACKW,SAAS,GAAG,CAAC,CAACC,MAAMC,QAAAA,WAAAA,GACjB,oBAACC,2BAAyBA;YAAC,KAAK,GAAGF,KAAK,UAAU,CAAC,CAAC,EAAEC,OAAO;YAAE,UAAUD;;AAIzF;AAMA,MAAME,4BAA4B,CAAC,EAAEH,QAAQ,EAAkC;IAC3E,MAAMI,OAAOJ,SAAS,SAAS;IAC/B,OAAO,WAAP,GAAO,oBAACI,MAASJ,SAAS,KAAK;AACnC"}

package/EntryRenderer.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import type { CmsEntry, CmsModelDefinition, Component } from "@webiny/cms-sdk";
+export declare const useComponents: () => Component[];
+export declare const useModel: () => CmsModelDefinition | null;
+interface EntryRendererProps {
+    entry: CmsEntry | null;
+    model: CmsModelDefinition;
+    components: Component[];
+    children: React.ReactNode;
+}
+export declare const EntryRenderer: ({ entry, model, components, children }: EntryRendererProps) => React.JSX.Element | null;
+export {};

package/EntryRenderer.js

@@ -0,0 +1,52 @@
+"use client";
+import react, { useMemo } from "react";
+import { componentRegistry, contentSdk, refCache } from "@webiny/cms-sdk";
+import { EntryStoreProvider } from "./EntryStoreProvider.js";
+import { ConnectToEntryEditor } from "./ConnectToEntryEditor.js";
+const ComponentsContext = /*#__PURE__*/ react.createContext([]);
+const ModelContext = /*#__PURE__*/ react.createContext(null);
+const useComponents = ()=>react.useContext(ComponentsContext);
+const useModel = ()=>react.useContext(ModelContext);
+const EntryRenderer = ({ entry, model, components, children })=>{
+    components.forEach((c)=>componentRegistry.register(c));
+    refCache.setResolver(contentSdk);
+    const storeConfig = useMemo(()=>{
+        const refModels = model.metadata?.refModels;
+        if (!refModels || 0 === Object.keys(refModels).length) return {};
+        return {
+            refModels,
+            refResolver: contentSdk
+        };
+    }, [
+        model
+    ]);
+    if (contentSdk.isEditing()) {
+        const entryId = entry ? entry.entryId : getEntryIdFromUrl();
+        return /*#__PURE__*/ react.createElement(ModelContext.Provider, {
+            value: model
+        }, /*#__PURE__*/ react.createElement(ComponentsContext.Provider, {
+            value: components
+        }, /*#__PURE__*/ react.createElement(ConnectToEntryEditor, {
+            modelId: model.modelId,
+            entryId: entryId,
+            storeConfig: storeConfig
+        }, children)));
+    }
+    if (!entry) return null;
+    return /*#__PURE__*/ react.createElement(ModelContext.Provider, {
+        value: model
+    }, /*#__PURE__*/ react.createElement(ComponentsContext.Provider, {
+        value: components
+    }, /*#__PURE__*/ react.createElement(EntryStoreProvider, {
+        entryId: entry.entryId,
+        entry: entry,
+        storeConfig: storeConfig
+    }, children)));
+};
+function getEntryIdFromUrl() {
+    const params = new URLSearchParams(window.location.search);
+    return params.get("wb.id") || "";
+}
+export { EntryRenderer, useComponents, useModel };
+
+//# sourceMappingURL=EntryRenderer.js.map

package/EntryRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryRenderer.js","sources":["../src/EntryRenderer.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useMemo } from \"react\";\nimport { contentSdk, componentRegistry, refCache } from \"@webiny/cms-sdk\";\nimport type { CmsEntry, CmsModelDefinition, Component, EntryStoreConfig } from \"@webiny/cms-sdk\";\nimport { EntryStoreProvider } from \"./EntryStoreProvider.js\";\nimport { ConnectToEntryEditor } from \"./ConnectToEntryEditor.js\";\n\nconst ComponentsContext = React.createContext<Component[]>([]);\nconst ModelContext = React.createContext<CmsModelDefinition | null>(null);\n\nexport const useComponents = () => React.useContext(ComponentsContext);\nexport const useModel = () => React.useContext(ModelContext);\n\ninterface EntryRendererProps {\n    entry: CmsEntry | null;\n    model: CmsModelDefinition;\n    components: Component[];\n    children: React.ReactNode;\n}\n\nexport const EntryRenderer = ({ entry, model, components, children }: EntryRendererProps) => {\n    components.forEach(c => componentRegistry.register(c));\n    refCache.setResolver(contentSdk);\n\n    const storeConfig = useMemo((): EntryStoreConfig => {\n        const refModels = model.metadata?.refModels;\n        if (!refModels || Object.keys(refModels).length === 0) {\n            return {};\n        }\n        return {\n            refModels,\n            refResolver: contentSdk\n        };\n    }, [model]);\n\n    if (contentSdk.isEditing()) {\n        const entryId = entry ? entry.entryId : getEntryIdFromUrl();\n        return (\n            <ModelContext.Provider value={model}>\n                <ComponentsContext.Provider value={components}>\n                    <ConnectToEntryEditor\n                        modelId={model.modelId}\n                        entryId={entryId}\n                        storeConfig={storeConfig}\n                    >\n                        {children}\n                    </ConnectToEntryEditor>\n                </ComponentsContext.Provider>\n            </ModelContext.Provider>\n        );\n    }\n\n    if (!entry) {\n        return null;\n    }\n\n    return (\n        <ModelContext.Provider value={model}>\n            <ComponentsContext.Provider value={components}>\n                <EntryStoreProvider entryId={entry.entryId} entry={entry} storeConfig={storeConfig}>\n                    {children}\n                </EntryStoreProvider>\n            </ComponentsContext.Provider>\n        </ModelContext.Provider>\n    );\n};\n\nfunction getEntryIdFromUrl(): string {\n    const params = new URLSearchParams(window.location.search);\n    return params.get(\"wb.id\") || \"\";\n}\n"],"names":["ComponentsContext","React","ModelContext","useComponents","useModel","EntryRenderer","entry","model","components","children","c","componentRegistry","refCache","contentSdk","storeConfig","useMemo","refModels","Object","entryId","getEntryIdFromUrl","ConnectToEntryEditor","EntryStoreProvider","params","URLSearchParams","window"],"mappings":";;;;;AAQA,MAAMA,oBAAoB,WAAHA,GAAGC,MAAAA,aAAmB,CAAc,EAAE;AAC7D,MAAMC,eAAe,WAAHA,GAAGD,MAAAA,aAAmB,CAA4B;AAE7D,MAAME,gBAAgB,IAAMF,MAAAA,UAAgB,CAACD;AAC7C,MAAMI,WAAW,IAAMH,MAAAA,UAAgB,CAACC;AASxC,MAAMG,gBAAgB,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAEC,UAAU,EAAEC,QAAQ,EAAsB;IACpFD,WAAW,OAAO,CAACE,CAAAA,IAAKC,kBAAkB,QAAQ,CAACD;IACnDE,SAAS,WAAW,CAACC;IAErB,MAAMC,cAAcC,QAAQ;QACxB,MAAMC,YAAYT,MAAM,QAAQ,EAAE;QAClC,IAAI,CAACS,aAAaC,AAAkC,MAAlCA,OAAO,IAAI,CAACD,WAAW,MAAM,EAC3C,OAAO,CAAC;QAEZ,OAAO;YACHA;YACA,aAAaH;QACjB;IACJ,GAAG;QAACN;KAAM;IAEV,IAAIM,WAAW,SAAS,IAAI;QACxB,MAAMK,UAAUZ,QAAQA,MAAM,OAAO,GAAGa;QACxC,OAAO,WAAP,GACI,oBAACjB,aAAa,QAAQ;YAAC,OAAOK;yBAC1B,oBAACP,kBAAkB,QAAQ;YAAC,OAAOQ;yBAC/B,oBAACY,sBAAoBA;YACjB,SAASb,MAAM,OAAO;YACtB,SAASW;YACT,aAAaJ;WAEZL;IAKrB;IAEA,IAAI,CAACH,OACD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACJ,aAAa,QAAQ;QAAC,OAAOK;qBAC1B,oBAACP,kBAAkB,QAAQ;QAAC,OAAOQ;qBAC/B,oBAACa,oBAAkBA;QAAC,SAASf,MAAM,OAAO;QAAE,OAAOA;QAAO,aAAaQ;OAClEL;AAKrB;AAEA,SAASU;IACL,MAAMG,SAAS,IAAIC,gBAAgBC,OAAO,QAAQ,CAAC,MAAM;IACzD,OAAOF,OAAO,GAAG,CAAC,YAAY;AAClC"}

package/EntryStoreProvider.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { type EntryStore, type EntryStoreConfig, type CmsEntry } from "@webiny/cms-sdk";
+interface EntryStoreProviderProps {
+    entryId: string;
+    entry?: CmsEntry;
+    storeConfig?: EntryStoreConfig;
+    children: React.ReactNode;
+}
+export declare const EntryStoreProvider: ({ entryId, entry, storeConfig, children }: EntryStoreProviderProps) => React.JSX.Element;
+export declare const useEntryStore: () => EntryStore;
+export {};

package/EntryStoreProvider.js

@@ -0,0 +1,22 @@
+"use client";
+import react, { useContext, useMemo } from "react";
+import { entryStoreManager } from "@webiny/cms-sdk";
+const EntryStoreContext = /*#__PURE__*/ react.createContext(void 0);
+const EntryStoreProvider = ({ entryId, entry, storeConfig, children })=>{
+    const store = useMemo(()=>entryStoreManager.getStore(entryId), [
+        entryId
+    ]);
+    if (storeConfig) store.configure(storeConfig);
+    if (entry) store.setEntry(entry);
+    return /*#__PURE__*/ react.createElement(EntryStoreContext.Provider, {
+        value: store
+    }, children);
+};
+const useEntryStore = ()=>{
+    const store = useContext(EntryStoreContext);
+    if (!store) throw new Error("useEntryStore must be used within an EntryStoreProvider");
+    return store;
+};
+export { EntryStoreProvider, useEntryStore };
+
+//# sourceMappingURL=EntryStoreProvider.js.map

package/EntryStoreProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntryStoreProvider.js","sources":["../src/EntryStoreProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useContext, useMemo } from \"react\";\nimport {\n    type EntryStore,\n    type EntryStoreConfig,\n    entryStoreManager,\n    type CmsEntry\n} from \"@webiny/cms-sdk\";\n\nconst EntryStoreContext = React.createContext<EntryStore | undefined>(undefined);\n\ninterface EntryStoreProviderProps {\n    entryId: string;\n    entry?: CmsEntry;\n    storeConfig?: EntryStoreConfig;\n    children: React.ReactNode;\n}\n\nexport const EntryStoreProvider = ({\n    entryId,\n    entry,\n    storeConfig,\n    children\n}: EntryStoreProviderProps) => {\n    const store = useMemo(() => entryStoreManager.getStore(entryId), [entryId]);\n\n    if (storeConfig) {\n        store.configure(storeConfig);\n    }\n\n    if (entry) {\n        store.setEntry(entry);\n    }\n\n    return <EntryStoreContext.Provider value={store}>{children}</EntryStoreContext.Provider>;\n};\n\nexport const useEntryStore = (): EntryStore => {\n    const store = useContext(EntryStoreContext);\n    if (!store) {\n        throw new Error(\"useEntryStore must be used within an EntryStoreProvider\");\n    }\n    return store;\n};\n"],"names":["EntryStoreContext","React","undefined","EntryStoreProvider","entryId","entry","storeConfig","children","store","useMemo","entryStoreManager","useEntryStore","useContext","Error"],"mappings":";;;AAUA,MAAMA,oBAAoB,WAAHA,GAAGC,MAAAA,aAAmB,CAAyBC;AAS/D,MAAMC,qBAAqB,CAAC,EAC/BC,OAAO,EACPC,KAAK,EACLC,WAAW,EACXC,QAAQ,EACc;IACtB,MAAMC,QAAQC,QAAQ,IAAMC,kBAAkB,QAAQ,CAACN,UAAU;QAACA;KAAQ;IAE1E,IAAIE,aACAE,MAAM,SAAS,CAACF;IAGpB,IAAID,OACAG,MAAM,QAAQ,CAACH;IAGnB,OAAO,WAAP,GAAO,oBAACL,kBAAkB,QAAQ;QAAC,OAAOQ;OAAQD;AACtD;AAEO,MAAMI,gBAAgB;IACzB,MAAMH,QAAQI,WAAWZ;IACzB,IAAI,CAACQ,OACD,MAAM,IAAIK,MAAM;IAEpB,OAAOL;AACX"}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# @webiny/cms-nextjs
+
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/RefField.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type CmsEntry, type CmsEntryValues } from "@webiny/cms-sdk";
+interface RefValue {
+    id: string;
+    modelId: string;
+}
+type RefFieldProps<T extends CmsEntryValues = CmsEntryValues> = {
+    value: RefValue | RefValue[] | null | undefined;
+    children: (entries: CmsEntry<T>[]) => React.ReactNode;
+    loading?: React.ReactNode;
+};
+declare function RefFieldInner<T extends CmsEntryValues = CmsEntryValues>({ value, children, loading }: RefFieldProps<T>): React.JSX.Element | null;
+export declare const RefField: typeof RefFieldInner;
+export declare namespace RefField {
+    type Value = RefValue | RefValue[] | null | undefined;
+}
+export {};

package/RefField.js

@@ -0,0 +1,37 @@
+"use client";
+import react, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+import { refCache } from "@webiny/cms-sdk";
+function RefFieldInner({ value, children, loading }) {
+    const refs = normalizeRefs(value);
+    useEffect(()=>{
+        for (const ref of refs)refCache.resolve(ref.id, ref.modelId);
+    }, [
+        refs.map((r)=>r.id).join(",")
+    ]);
+    if (0 === refs.length) return null;
+    const entries = [];
+    let allResolved = true;
+    for (const ref of refs){
+        const entry = refCache.get(ref.id);
+        if (void 0 === entry) {
+            allResolved = false;
+            break;
+        }
+        if (null !== entry) entries.push(entry);
+    }
+    if (!allResolved) return loading ? /*#__PURE__*/ react.createElement(react.Fragment, null, loading) : null;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children(entries));
+}
+const RefField = observer(RefFieldInner);
+function normalizeRefs(value) {
+    if (!value) return [];
+    if (Array.isArray(value)) return value.filter((v)=>v && v.id && v.modelId);
+    if (value.id && value.modelId) return [
+        value
+    ];
+    return [];
+}
+export { RefField };
+
+//# sourceMappingURL=RefField.js.map

package/RefField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefField.js","sources":["../src/RefField.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { refCache, type CmsEntry, type CmsEntryValues } from \"@webiny/cms-sdk\";\n\ninterface RefValue {\n    id: string;\n    modelId: string;\n}\n\ntype RefFieldProps<T extends CmsEntryValues = CmsEntryValues> = {\n    value: RefValue | RefValue[] | null | undefined;\n    children: (entries: CmsEntry<T>[]) => React.ReactNode;\n    loading?: React.ReactNode;\n};\n\nfunction RefFieldInner<T extends CmsEntryValues = CmsEntryValues>({\n    value,\n    children,\n    loading\n}: RefFieldProps<T>) {\n    const refs = normalizeRefs(value);\n\n    useEffect(() => {\n        for (const ref of refs) {\n            refCache.resolve(ref.id, ref.modelId);\n        }\n    }, [refs.map(r => r.id).join(\",\")]);\n\n    if (refs.length === 0) {\n        return null;\n    }\n\n    const entries: CmsEntry<T>[] = [];\n    let allResolved = true;\n\n    for (const ref of refs) {\n        const entry = refCache.get(ref.id);\n        if (entry === undefined) {\n            allResolved = false;\n            break;\n        }\n        if (entry !== null) {\n            entries.push(entry as CmsEntry<T>);\n        }\n    }\n\n    if (!allResolved) {\n        return loading ? <>{loading}</> : null;\n    }\n\n    return <>{children(entries)}</>;\n}\n\nexport const RefField = observer(RefFieldInner) as typeof RefFieldInner;\n\nexport namespace RefField {\n    export type Value = RefValue | RefValue[] | null | undefined;\n}\n\nfunction normalizeRefs(value: RefValue | RefValue[] | null | undefined): RefValue[] {\n    if (!value) {\n        return [];\n    }\n    if (Array.isArray(value)) {\n        return value.filter(v => v && v.id && v.modelId);\n    }\n    if (value.id && value.modelId) {\n        return [value];\n    }\n    return [];\n}\n"],"names":["RefFieldInner","value","children","loading","refs","normalizeRefs","useEffect","ref","refCache","r","entries","allResolved","entry","undefined","RefField","observer","Array","v"],"mappings":";;;;AAiBA,SAASA,cAAyD,EAC9DC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACQ;IACf,MAAMC,OAAOC,cAAcJ;IAE3BK,UAAU;QACN,KAAK,MAAMC,OAAOH,KACdI,SAAS,OAAO,CAACD,IAAI,EAAE,EAAEA,IAAI,OAAO;IAE5C,GAAG;QAACH,KAAK,GAAG,CAACK,CAAAA,IAAKA,EAAE,EAAE,EAAE,IAAI,CAAC;KAAK;IAElC,IAAIL,AAAgB,MAAhBA,KAAK,MAAM,EACX,OAAO;IAGX,MAAMM,UAAyB,EAAE;IACjC,IAAIC,cAAc;IAElB,KAAK,MAAMJ,OAAOH,KAAM;QACpB,MAAMQ,QAAQJ,SAAS,GAAG,CAACD,IAAI,EAAE;QACjC,IAAIK,AAAUC,WAAVD,OAAqB;YACrBD,cAAc;YACd;QACJ;QACA,IAAIC,AAAU,SAAVA,OACAF,QAAQ,IAAI,CAACE;IAErB;IAEA,IAAI,CAACD,aACD,OAAOR,UAAU,WAAVA,GAAU,0CAAGA,WAAc;IAGtC,OAAO,WAAP,GAAO,0CAAGD,SAASQ;AACvB;AAEO,MAAMI,WAAWC,SAASf;AAMjC,SAASK,cAAcJ,KAA+C;IAClE,IAAI,CAACA,OACD,OAAO,EAAE;IAEb,IAAIe,MAAM,OAAO,CAACf,QACd,OAAOA,MAAM,MAAM,CAACgB,CAAAA,IAAKA,KAAKA,EAAE,EAAE,IAAIA,EAAE,OAAO;IAEnD,IAAIhB,MAAM,EAAE,IAAIA,MAAM,OAAO,EACzB,OAAO;QAACA;KAAM;IAElB,OAAO,EAAE;AACb"}

package/createReactiveComponent.d.ts

@@ -0,0 +1,2 @@
+import { observer } from "mobx-react-lite";
+export declare const createReactiveComponent: typeof observer;

package/createReactiveComponent.js

@@ -0,0 +1,6 @@
+"use client";
+import { observer } from "mobx-react-lite";
+const createReactiveComponent = observer;
+export { createReactiveComponent };
+
+//# sourceMappingURL=createReactiveComponent.js.map

package/createReactiveComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createReactiveComponent.js","sources":["../src/createReactiveComponent.ts"],"sourcesContent":["\"use client\";\n\nimport { observer } from \"mobx-react-lite\";\n\nexport const createReactiveComponent = observer;\n"],"names":["createReactiveComponent","observer"],"mappings":";;AAIO,MAAMA,0BAA0BC"}

package/index.d.ts

@@ -0,0 +1,8 @@
+export * from "@webiny/cms-sdk";
+export { EntryRenderer, useComponents, useModel } from "./EntryRenderer.js";
+export { EntryStoreProvider, useEntryStore } from "./EntryStoreProvider.js";
+export { ConnectToEntryEditor } from "./ConnectToEntryEditor.js";
+export { DynamicZoneField } from "./DynamicZoneField.js";
+export { useEntry } from "./useEntry.js";
+export { RefField } from "./RefField.js";
+export { createReactiveComponent } from "./createReactiveComponent.js";

package/index.js

@@ -0,0 +1,8 @@
+export * from "@webiny/cms-sdk";
+export { EntryRenderer, useComponents, useModel } from "./EntryRenderer.js";
+export { EntryStoreProvider, useEntryStore } from "./EntryStoreProvider.js";
+export { ConnectToEntryEditor } from "./ConnectToEntryEditor.js";
+export { DynamicZoneField } from "./DynamicZoneField.js";
+export { useEntry } from "./useEntry.js";
+export { RefField } from "./RefField.js";
+export { createReactiveComponent } from "./createReactiveComponent.js";

package/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "@webiny/cms-nextjs",
+	"version": "0.0.0-unstable.0156a4c312",
+	"type": "module",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
+	"description": "Next.js integration for Webiny CMS SDK.",
+	"contributors": [
+		"Pavel Denisjuk <pavel@webiny.com>"
+	],
+	"license": "MIT",
+	"dependencies": {
+		"@webiny/cms-sdk": "0.0.0-unstable.0156a4c312",
+		"mobx-react-lite": "5.1.2"
+	},
+	"peerDependencies": {
+		"next": ">=15.0.0 <16.0.0",
+		"react": ">=19.0.0 <20.0.0"
+	},
+	"devDependencies": {
+		"@webiny/build-tools": "0.0.0-unstable.0156a4c312",
+		"typescript": "7.0.2",
+		"vitest": "5.0.5"
+	},
+	"adio": {
+		"ignore": {
+			"dependencies": [
+				"@webiny/cms-sdk",
+				"mobx-react-lite"
+			]
+		}
+	},
+	"webiny": {
+		"publishFrom": "dist"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}

package/useEntry.d.ts

@@ -0,0 +1,2 @@
+import type { CmsEntry, CmsEntryValues } from "@webiny/cms-sdk";
+export declare function useEntry<T extends CmsEntryValues = CmsEntryValues>(): CmsEntry<T> | null;

package/useEntry.js

@@ -0,0 +1,9 @@
+"use client";
+import { useEntryStore } from "./EntryStoreProvider.js";
+function useEntry() {
+    const store = useEntryStore();
+    return store.getEntry();
+}
+export { useEntry };
+
+//# sourceMappingURL=useEntry.js.map

package/useEntry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntry.js","sources":["../src/useEntry.ts"],"sourcesContent":["\"use client\";\n\nimport { useEntryStore } from \"./EntryStoreProvider.js\";\nimport type { CmsEntry, CmsEntryValues } from \"@webiny/cms-sdk\";\n\nexport function useEntry<T extends CmsEntryValues = CmsEntryValues>(): CmsEntry<T> | null {\n    const store = useEntryStore();\n    return store.getEntry() as CmsEntry<T> | null;\n}\n"],"names":["useEntry","store","useEntryStore"],"mappings":";;AAKO,SAASA;IACZ,MAAMC,QAAQC;IACd,OAAOD,MAAM,QAAQ;AACzB"}