@uniformdev/canvas-react 19.79.1-alpha.11 → 19.79.1-alpha.13

package/dist/{PureUniformText-37defdc5.d.ts → PureUniformText-METroz2Q.d.mts}

@@ -38,4 +38,4 @@ type PureUniformTextProps = {
  */
 declare const PureUniformText: ({ as: Tag, parameterId, component, skipCustomRendering, isContextualEditing, isMultiline, placeholder, render, ...props }: PureUniformTextProps) => React.JSX.Element | null;
 
-export { PureUniformTextProps as P, PureUniformText as a };
+export { type PureUniformTextProps as P, PureUniformText as a };

package/dist/PureUniformText-METroz2Q.d.ts

@@ -0,0 +1,41 @@
+import { ComponentInstance } from '@uniformdev/canvas';
+import React from 'react';
+
+type ParameterTextValue = string | undefined;
+type PureUniformTextProps = {
+    /**
+     * The name of the  HTML tag to render.
+     * @default "span"
+     */
+    as?: React.ElementType;
+    /** The ID of the parameter. */
+    parameterId: string;
+    /** The component that contains the parameter. */
+    component: ComponentInstance;
+    skipCustomRendering: boolean;
+    isContextualEditing: boolean;
+    /**
+     * When set to true, it adds `whiteSpace: 'pre-wrap'` to the styles of the root element to allow the rendering of line breaks.
+     * @default false
+     */
+    isMultiline?: boolean;
+    /**
+     * Sets the value to show in Canvas editor when the parameter value is empty.
+     * Can be a static string, or a function to generate the placeholder out of parameter info.
+     * @default undefined
+     */
+    placeholder?: string | ((parameter: {
+        id: string;
+    }) => string | undefined);
+    /**
+     * A function to customize the rendering of the parameter value. Useful to format the value before rendering it.
+     * @default "(value) => value"
+     */
+    render?: (value: ParameterTextValue) => React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'placeholder'>;
+/**
+ * Renders text parameters. Offers inline editing capability out of the box.
+ */
+declare const PureUniformText: ({ as: Tag, parameterId, component, skipCustomRendering, isContextualEditing, isMultiline, placeholder, render, ...props }: PureUniformTextProps) => React.JSX.Element | null;
+
+export { type PureUniformTextProps as P, PureUniformText as a };

package/dist/core.d.mts

@@ -1,6 +1,6 @@
 import { ComponentInstance, RootComponentInstance } from '@uniformdev/canvas';
 import React, { PropsWithChildren } from 'react';
-export { a as PureUniformText, P as PureUniformTextProps } from './PureUniformText-37defdc5.js';
+export { a as PureUniformText, P as PureUniformTextProps } from './PureUniformText-METroz2Q.mjs';
 
 type PureContextualEditingComponentWrapperProps = {
     isPlaceholder: boolean | undefined;
@@ -13,4 +13,4 @@ type PureContextualEditingComponentWrapperProps = {
 };
 declare const PureContextualEditingComponentWrapper: ({ children, isPlaceholder, parentComponent, component, slotName, indexInSlot, slotChildrenCount, isReadOnly, }: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => React.JSX.Element;
 
-export { PureContextualEditingComponentWrapper, PureContextualEditingComponentWrapperProps };
+export { PureContextualEditingComponentWrapper, type PureContextualEditingComponentWrapperProps };

package/dist/core.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInstance, RootComponentInstance } from '@uniformdev/canvas';
 import React, { PropsWithChildren } from 'react';
-export { a as PureUniformText, P as PureUniformTextProps } from './PureUniformText-37defdc5.js';
+export { a as PureUniformText, P as PureUniformTextProps } from './PureUniformText-METroz2Q.js';
 
 type PureContextualEditingComponentWrapperProps = {
     isPlaceholder: boolean | undefined;
@@ -13,4 +13,4 @@ type PureContextualEditingComponentWrapperProps = {
 };
 declare const PureContextualEditingComponentWrapper: ({ children, isPlaceholder, parentComponent, component, slotName, indexInSlot, slotChildrenCount, isReadOnly, }: PropsWithChildren<PureContextualEditingComponentWrapperProps>) => React.JSX.Element;
 
-export { PureContextualEditingComponentWrapper, PureContextualEditingComponentWrapperProps };
+export { PureContextualEditingComponentWrapper, type PureContextualEditingComponentWrapperProps };

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
-import { P as PureUniformTextProps } from './PureUniformText-37defdc5.js';
+import { P as PureUniformTextProps } from './PureUniformText-METroz2Q.mjs';
 import { RichTextNode } from '@uniformdev/richtext';
 
 /**
@@ -31,6 +31,7 @@ type ComponentStore = {
         component: React.ComponentType<ComponentProps<any>>;
     }) => void;
     get: (type: string, variantId?: string) => React.ComponentType<ComponentProps<any>> | undefined;
+    getComponentsMap: () => Map<string, React.ComponentType<ComponentProps<any>>>;
 };
 
 /**
@@ -104,12 +105,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
         type: string;
         parameters?: {
             [key: string]: {
-                value: unknown;
+                value?: unknown;
                 type: string;
                 connectedData?: {
                     pointer: string;
                     syntax: "jptr";
                 } | undefined;
+                locales?: {
+                    [key: string]: unknown;
+                } | undefined;
             };
         } | undefined;
         variant?: string | undefined;
@@ -123,12 +127,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                 type: string;
                 parameters?: {
                     [key: string]: {
-                        value: unknown;
+                        value?: unknown;
                         type: string;
                         connectedData?: {
                             pointer: string;
                             syntax: "jptr";
                         } | undefined;
+                        locales?: {
+                            [key: string]: unknown;
+                        } | undefined;
                     };
                 } | undefined;
                 variant?: string | undefined;
@@ -162,12 +169,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     [key: string]: {
                         parameters?: {
                             [key: string]: {
-                                value: unknown;
+                                value?: unknown;
                                 type: string;
                                 connectedData?: {
                                     pointer: string;
                                     syntax: "jptr";
                                 } | undefined;
+                                locales?: {
+                                    [key: string]: unknown;
+                                } | undefined;
                             };
                         } | undefined;
                         variant?: string | undefined;
@@ -179,11 +189,23 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     } | undefined;
                     variants?: boolean | undefined;
                 } | undefined;
+                _locales?: string[] | undefined;
             }[];
         } | undefined;
         _id: string;
         _slug?: string | null | undefined;
         _name: string;
+        _pattern?: string | undefined;
+        _patternDataResources?: {
+            [key: string]: {
+                type: string;
+                isPatternParameter?: boolean | undefined;
+                ignorePatternParameterDefault?: boolean | undefined;
+                variables?: {
+                    [key: string]: string;
+                } | undefined;
+            };
+        } | undefined;
         _dataResources?: {
             [key: string]: {
                 type: string;
@@ -198,12 +220,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
             [key: string]: {
                 parameters?: {
                     [key: string]: {
-                        value: unknown;
+                        value?: unknown;
                         type: string;
                         connectedData?: {
                             pointer: string;
                             syntax: "jptr";
                         } | undefined;
+                        locales?: {
+                            [key: string]: unknown;
+                        } | undefined;
                     };
                 } | undefined;
                 variant?: string | undefined;
@@ -215,6 +240,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
             } | undefined;
             variants?: boolean | undefined;
         } | undefined;
+        _locales?: string[] | undefined;
     } | undefined;
     isContextualEditing: boolean;
 };
@@ -417,4 +443,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-export { ComponentProps, ComponentStore, CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, RenderComponentResolver, RenderRichTextComponentResolver, RichTextComponentProps, RichTextRendererComponent, SystemRenderConfig, SystemRenderFunction, UniformComponent, UniformComponentContextValue, UniformComponentProps, UniformComposition, UniformCompositionContext, UniformCompositionProps, UniformPlayground, UniformPlaygroundDecorator, UniformPlaygroundProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformSlotWrapperComponentProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, UseUniformContextualEditingStateProps, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };
+export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseCompositionEventEffectOptions, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
-import { P as PureUniformTextProps } from './PureUniformText-37defdc5.js';
+import { P as PureUniformTextProps } from './PureUniformText-METroz2Q.js';
 import { RichTextNode } from '@uniformdev/richtext';
 
 /**
@@ -31,6 +31,7 @@ type ComponentStore = {
         component: React.ComponentType<ComponentProps<any>>;
     }) => void;
     get: (type: string, variantId?: string) => React.ComponentType<ComponentProps<any>> | undefined;
+    getComponentsMap: () => Map<string, React.ComponentType<ComponentProps<any>>>;
 };
 
 /**
@@ -104,12 +105,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
         type: string;
         parameters?: {
             [key: string]: {
-                value: unknown;
+                value?: unknown;
                 type: string;
                 connectedData?: {
                     pointer: string;
                     syntax: "jptr";
                 } | undefined;
+                locales?: {
+                    [key: string]: unknown;
+                } | undefined;
             };
         } | undefined;
         variant?: string | undefined;
@@ -123,12 +127,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                 type: string;
                 parameters?: {
                     [key: string]: {
-                        value: unknown;
+                        value?: unknown;
                         type: string;
                         connectedData?: {
                             pointer: string;
                             syntax: "jptr";
                         } | undefined;
+                        locales?: {
+                            [key: string]: unknown;
+                        } | undefined;
                     };
                 } | undefined;
                 variant?: string | undefined;
@@ -162,12 +169,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     [key: string]: {
                         parameters?: {
                             [key: string]: {
-                                value: unknown;
+                                value?: unknown;
                                 type: string;
                                 connectedData?: {
                                     pointer: string;
                                     syntax: "jptr";
                                 } | undefined;
+                                locales?: {
+                                    [key: string]: unknown;
+                                } | undefined;
                             };
                         } | undefined;
                         variant?: string | undefined;
@@ -179,11 +189,23 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                     } | undefined;
                     variants?: boolean | undefined;
                 } | undefined;
+                _locales?: string[] | undefined;
             }[];
         } | undefined;
         _id: string;
         _slug?: string | null | undefined;
         _name: string;
+        _pattern?: string | undefined;
+        _patternDataResources?: {
+            [key: string]: {
+                type: string;
+                isPatternParameter?: boolean | undefined;
+                ignorePatternParameterDefault?: boolean | undefined;
+                variables?: {
+                    [key: string]: string;
+                } | undefined;
+            };
+        } | undefined;
         _dataResources?: {
             [key: string]: {
                 type: string;
@@ -198,12 +220,15 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
             [key: string]: {
                 parameters?: {
                     [key: string]: {
-                        value: unknown;
+                        value?: unknown;
                         type: string;
                         connectedData?: {
                             pointer: string;
                             syntax: "jptr";
                         } | undefined;
+                        locales?: {
+                            [key: string]: unknown;
+                        } | undefined;
                     };
                 } | undefined;
                 variant?: string | undefined;
@@ -215,6 +240,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
             } | undefined;
             variants?: boolean | undefined;
         } | undefined;
+        _locales?: string[] | undefined;
     } | undefined;
     isContextualEditing: boolean;
 };
@@ -417,4 +443,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-export { ComponentProps, ComponentStore, CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, RenderComponentResolver, RenderRichTextComponentResolver, RichTextComponentProps, RichTextRendererComponent, SystemRenderConfig, SystemRenderFunction, UniformComponent, UniformComponentContextValue, UniformComponentProps, UniformComposition, UniformCompositionContext, UniformCompositionProps, UniformPlayground, UniformPlaygroundDecorator, UniformPlaygroundProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformSlotWrapperComponentProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, UseUniformContextualEditingStateProps, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };
+export { type ComponentProps, type ComponentStore, type CustomSlotChildRenderFunc, DefaultNotImplementedComponent, NOT_IMPLEMENTED_COMPONENT, type RenderComponentResolver, type RenderRichTextComponentResolver, type RichTextComponentProps, type RichTextRendererComponent, type SystemRenderConfig, type SystemRenderFunction, UniformComponent, type UniformComponentContextValue, type UniformComponentProps, UniformComposition, UniformCompositionContext, type UniformCompositionProps, UniformPlayground, type UniformPlaygroundDecorator, type UniformPlaygroundProps, UniformRichText, UniformRichTextNode, type UniformRichTextNodeProps, type UniformRichTextProps, UniformSlot, type UniformSlotProps, type UniformSlotWrapperComponentProps, UniformText, type UniformTextProps, type UseCompositionEventEffectOptions, type UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useCompositionEventEffect, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 'use client';
 
 // src/components/DefaultNotImplementedComponent.tsx
-import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
+import { CANVAS_LOCALIZATION_TYPE, EMPTY_COMPOSITION } from "@uniformdev/canvas";
 import React from "react";
 var wrapperStyles = {
   display: "flex",
@@ -21,6 +21,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     return null;
   }
+  if (componentType === EMPTY_COMPOSITION.type) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+  }
   if (componentType === CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ React.createElement(
       "a",
@@ -104,7 +107,8 @@ var createComponentStore = () => {
     },
     get: (type, variantId) => {
       return components.get(getTypeWithVariant(type, variantId));
-    }
+    },
+    getComponentsMap: () => new Map(components)
   };
 };
 var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
@@ -138,7 +142,7 @@ import {
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
-  EMPTY_COMPOSITION as EMPTY_COMPOSITION2
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION3
 } from "@uniformdev/canvas";
 import React6 from "react";
 
@@ -233,7 +237,7 @@ import React4, { createContext, useContext } from "react";
 import {
   createCanvasChannel,
   createUniformApiEnhancer,
-  EMPTY_COMPOSITION,
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION2,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
   isAllowedReferrer,
@@ -258,7 +262,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
+    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION2._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
       setContextualComposition(void 0);
       return;
     }
@@ -385,7 +389,6 @@ function ContextualEditingComponentWrapper({
       slotChildrenCount,
       isReadOnly
     },
-    isContextualEditing && /* @__PURE__ */ React5.createElement(React5.Fragment, null),
     isPlaceholder && emptyPlaceholder !== void 0 ? emptyPlaceholder : children
   );
 }
@@ -405,7 +408,7 @@ function UniformSlot({
   }
   const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
   if (!slot || !Array.isArray(slot)) {
-    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
+    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION3.type) {
       console.warn(
         `[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
         parentData
@@ -596,7 +599,7 @@ function resolveChildren({
 }
 
 // src/components/UniformPlayground.tsx
-import { EMPTY_COMPOSITION as EMPTY_COMPOSITION3 } from "@uniformdev/canvas";
+import { EMPTY_COMPOSITION as EMPTY_COMPOSITION4 } from "@uniformdev/canvas";
 import React8, { useMemo as useMemo2 } from "react";
 var UniformPlayground = ({
   resolveRenderer,
@@ -607,7 +610,7 @@ var UniformPlayground = ({
   children
 }) => {
   const { composition, isContextualEditing } = useUniformContextualEditing({
-    initialCompositionValue: EMPTY_COMPOSITION3,
+    initialCompositionValue: EMPTY_COMPOSITION4,
     enhance: contextualEditingEnhancer
   });
   const renderedComponent = useMemo2(() => {

package/dist/index.js

@@ -78,6 +78,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     return null;
   }
+  if (componentType === import_canvas.EMPTY_COMPOSITION.type) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ import_react.default.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ import_react.default.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ import_react.default.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+  }
   if (componentType === import_canvas.CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ import_react.default.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ import_react.default.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ import_react.default.createElement(
       "a",
@@ -159,7 +162,8 @@ var createComponentStore = () => {
     },
     get: (type, variantId) => {
       return components.get(getTypeWithVariant(type, variantId));
-    }
+    },
+    getComponentsMap: () => new Map(components)
   };
 };
 var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
@@ -417,7 +421,6 @@ function ContextualEditingComponentWrapper({
       slotChildrenCount,
       isReadOnly
     },
-    isContextualEditing && /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null),
     isPlaceholder && emptyPlaceholder !== void 0 ? emptyPlaceholder : children
   );
 }

package/dist/index.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 // src/components/DefaultNotImplementedComponent.tsx
-import { CANVAS_LOCALIZATION_TYPE } from "@uniformdev/canvas";
+import { CANVAS_LOCALIZATION_TYPE, EMPTY_COMPOSITION } from "@uniformdev/canvas";
 import React from "react";
 var wrapperStyles = {
   display: "flex",
@@ -21,6 +21,9 @@ function DefaultNotImplementedComponent(props) {
   if (!componentType) {
     return null;
   }
+  if (componentType === EMPTY_COMPOSITION.type) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `@keyframes _uniformDelayedFadeIn { 0%,75% { opacity: 0; } to { opacity: 1; } }`), /* @__PURE__ */ React.createElement("p", { style: { animation: "_uniformDelayedFadeIn 3s" } }, "This component only works inside Uniform Canvas editor.", /* @__PURE__ */ React.createElement("br", null), "If you think this is an error, try", " ", /* @__PURE__ */ React.createElement("a", { href: "", style: { fontWeight: "bolder", textDecoration: "underline" } }, "reloading the page"), "."));
+  }
   if (componentType === CANVAS_LOCALIZATION_TYPE) {
     return /* @__PURE__ */ React.createElement("div", { style: wrapperStyles }, /* @__PURE__ */ React.createElement("p", null, "Seems like localization is not enabled in your application. Please read our documentation on how to", " ", /* @__PURE__ */ React.createElement(
       "a",
@@ -104,7 +107,8 @@ var createComponentStore = () => {
     },
     get: (type, variantId) => {
       return components.get(getTypeWithVariant(type, variantId));
-    }
+    },
+    getComponentsMap: () => new Map(components)
   };
 };
 var createComponentStoreResolver = ({ store, defaultComponent = DefaultNotImplementedComponent }) => {
@@ -138,7 +142,7 @@ import {
   CANVAS_PERSONALIZE_TYPE,
   CANVAS_TEST_SLOT,
   CANVAS_TEST_TYPE,
-  EMPTY_COMPOSITION as EMPTY_COMPOSITION2
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION3
 } from "@uniformdev/canvas";
 import React6 from "react";
 
@@ -233,7 +237,7 @@ import React4, { createContext, useContext } from "react";
 import {
   createCanvasChannel,
   createUniformApiEnhancer,
-  EMPTY_COMPOSITION,
+  EMPTY_COMPOSITION as EMPTY_COMPOSITION2,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
   isAllowedReferrer,
@@ -258,7 +262,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
+    if ((contextualComposition == null ? void 0 : contextualComposition._id) && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== EMPTY_COMPOSITION2._id && (initialCompositionValue == null ? void 0 : initialCompositionValue._id) !== (contextualComposition == null ? void 0 : contextualComposition._id)) {
       setContextualComposition(void 0);
       return;
     }
@@ -385,7 +389,6 @@ function ContextualEditingComponentWrapper({
       slotChildrenCount,
       isReadOnly
     },
-    isContextualEditing && /* @__PURE__ */ React5.createElement(React5.Fragment, null),
     isPlaceholder && emptyPlaceholder !== void 0 ? emptyPlaceholder : children
   );
 }
@@ -405,7 +408,7 @@ function UniformSlot({
   }
   const slot = (_a = parentData.slots) == null ? void 0 : _a[name];
   if (!slot || !Array.isArray(slot)) {
-    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION2.type) {
+    if (process.env.NODE_ENV === "development" && parentData.type !== EMPTY_COMPOSITION3.type) {
       console.warn(
         `[canvas-dev] slot '${name}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,
         parentData
@@ -596,7 +599,7 @@ function resolveChildren({
 }
 
 // src/components/UniformPlayground.tsx
-import { EMPTY_COMPOSITION as EMPTY_COMPOSITION3 } from "@uniformdev/canvas";
+import { EMPTY_COMPOSITION as EMPTY_COMPOSITION4 } from "@uniformdev/canvas";
 import React8, { useMemo as useMemo2 } from "react";
 var UniformPlayground = ({
   resolveRenderer,
@@ -607,7 +610,7 @@ var UniformPlayground = ({
   children
 }) => {
   const { composition, isContextualEditing } = useUniformContextualEditing({
-    initialCompositionValue: EMPTY_COMPOSITION3,
+    initialCompositionValue: EMPTY_COMPOSITION4,
     enhance: contextualEditingEnhancer
   });
   const renderedComponent = useMemo2(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.79.1-alpha.11+4547ef846",
+  "version": "19.79.1-alpha.13+608a273da",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,17 +45,17 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.79.1-alpha.11+4547ef846",
-    "@uniformdev/context": "19.79.1-alpha.11+4547ef846",
-    "@uniformdev/context-react": "19.79.1-alpha.11+4547ef846",
-    "@uniformdev/richtext": "19.79.1-alpha.11+4547ef846"
+    "@uniformdev/canvas": "19.79.1-alpha.13+608a273da",
+    "@uniformdev/context": "19.79.1-alpha.13+608a273da",
+    "@uniformdev/context-react": "19.79.1-alpha.13+608a273da",
+    "@uniformdev/richtext": "19.79.1-alpha.13+608a273da"
   },
   "peerDependencies": {
     "react": ">= 16 || 17 || 18",
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/react": "18.2.21",
+    "@types/react": "18.2.40",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4547ef8469f21f7f2341bcd87203372c4646bc08"
+  "gitHead": "608a273da87aa432f17b2c8ce15d747dadab0cd1"
 }