@uniformdev/canvas-react 19.51.1-alpha.10 → 19.51.1-alpha.22

package/dist/index.d.mts

@@ -1,5 +1,4 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
-import * as _uniformdev_canvas from '@uniformdev/canvas';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { PureUniformTextProps } from './core.mjs';
@@ -42,7 +41,7 @@ type ComponentStore = {
  **/
 declare function DefaultNotImplementedComponent(props: ComponentProps): React$1.JSX.Element | null;
 
-type UniformTextProps = Omit<PureUniformTextProps, 'skipCustomRendering' | 'isContextualEditing'>;
+type UniformTextProps = Omit<PureUniformTextProps, 'skipCustomRendering' | 'isContextualEditing' | 'component'>;
 /**
  * Renders text parameters. Offers inline editing capability out of the box.
  */
@@ -243,8 +242,10 @@ declare function useUniformCurrentComposition(): UniformCompositionContextValue;
  */
 declare function UniformComposition<TRenderProps = unknown>({ data, behaviorTracking, children, resolveRenderer, contextualEditingEnhancer, contextualEditingDefaultPlaceholder, }: UniformCompositionProps<TRenderProps>): React$1.JSX.Element;
 
-type UniformPlaygroundDecorator = (options: {
+type UniformPlaygroundDecorator = (props: {
+    /** The rendered component instance, needs to wrapped and rendered by the decorator */
     children: React$1.ReactNode;
+    /** The component instance data */
     data: ComponentInstance | RootComponentInstance;
 }) => React$1.ReactElement;
 type UniformPlaygroundProps = {
@@ -378,7 +379,18 @@ type UseUniformContextualEditingStateProps = {
  */
 declare const useUniformContextualEditingState: ({ global, }?: UseUniformContextualEditingStateProps) => {
     isContextualEditing: boolean;
-    selectedComponentReference: Omit<_uniformdev_canvas.ContextualEditingComponentReference, "elements"> | undefined;
+    selectedComponentReference: {
+        id: string;
+        slotName?: string | undefined;
+        componentIndex?: number | undefined;
+        totalComponents?: number | undefined;
+        componentName?: string | undefined;
+        componentTitle?: string | undefined;
+        parentId?: string | undefined;
+        parentType?: string | undefined;
+        isLocalized?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+    } | undefined;
 };
 
 declare const componentStore: ComponentStore;

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
-import * as _uniformdev_canvas from '@uniformdev/canvas';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { PureUniformTextProps } from './core.js';
@@ -42,7 +41,7 @@ type ComponentStore = {
  **/
 declare function DefaultNotImplementedComponent(props: ComponentProps): React$1.JSX.Element | null;
 
-type UniformTextProps = Omit<PureUniformTextProps, 'skipCustomRendering' | 'isContextualEditing'>;
+type UniformTextProps = Omit<PureUniformTextProps, 'skipCustomRendering' | 'isContextualEditing' | 'component'>;
 /**
  * Renders text parameters. Offers inline editing capability out of the box.
  */
@@ -243,8 +242,10 @@ declare function useUniformCurrentComposition(): UniformCompositionContextValue;
  */
 declare function UniformComposition<TRenderProps = unknown>({ data, behaviorTracking, children, resolveRenderer, contextualEditingEnhancer, contextualEditingDefaultPlaceholder, }: UniformCompositionProps<TRenderProps>): React$1.JSX.Element;
 
-type UniformPlaygroundDecorator = (options: {
+type UniformPlaygroundDecorator = (props: {
+    /** The rendered component instance, needs to wrapped and rendered by the decorator */
     children: React$1.ReactNode;
+    /** The component instance data */
     data: ComponentInstance | RootComponentInstance;
 }) => React$1.ReactElement;
 type UniformPlaygroundProps = {
@@ -378,7 +379,18 @@ type UseUniformContextualEditingStateProps = {
  */
 declare const useUniformContextualEditingState: ({ global, }?: UseUniformContextualEditingStateProps) => {
     isContextualEditing: boolean;
-    selectedComponentReference: Omit<_uniformdev_canvas.ContextualEditingComponentReference, "elements"> | undefined;
+    selectedComponentReference: {
+        id: string;
+        slotName?: string | undefined;
+        componentIndex?: number | undefined;
+        totalComponents?: number | undefined;
+        componentName?: string | undefined;
+        componentTitle?: string | undefined;
+        parentId?: string | undefined;
+        parentType?: string | undefined;
+        isLocalized?: boolean | undefined;
+        isReadOnly?: boolean | undefined;
+    } | undefined;
 };
 
 declare const componentStore: ComponentStore;

package/dist/index.esm.js

@@ -186,7 +186,7 @@ import {
   CANVAS_LOCALE_TAG_PARAM,
   IN_CONTEXT_EDITOR_COMPONENT_END_ROLE,
   IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
-  PLACEHOLDER_ID
+  isComponentPlaceholderId
 } from "@uniformdev/canvas";
 import React4 from "react";
 
@@ -200,6 +200,7 @@ import {
   EMPTY_COMPOSITION,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
+  isAllowedReferrer,
   isUpdateCompositionInternalMessage
 } from "@uniformdev/canvas";
 import { useEffect, useMemo, useState } from "react";
@@ -276,10 +277,7 @@ function isInContextEditingMode() {
   const isOpenedByInContextEditor = new URLSearchParams(window.location.search).has(
     IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
   );
-  const isAllowlistedReferrer = Boolean(
-    window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//)
-  );
-  return isOpenedByInContextEditor && isAllowlistedReferrer;
+  return isOpenedByInContextEditor && isAllowedReferrer(window.document.referrer);
 }
 
 // src/components/UniformComposition.tsx
@@ -331,7 +329,7 @@ function ContextualEditingComponentWrapper({
   children
 }) {
   var _a, _b, _c, _d, _e;
-  const isPlaceholder = (component == null ? void 0 : component._id) === PLACEHOLDER_ID;
+  const isPlaceholder = isComponentPlaceholderId(component == null ? void 0 : component._id);
   const { isContextualEditing } = useUniformCurrentComposition();
   const isReadOnly = ((_a = component == null ? void 0 : component._contextualEditing) == null ? void 0 : _a.isEditable) ? void 0 : "true";
   return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) : isPlaceholder && emptyPlaceholder === null ? null : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
@@ -577,7 +575,7 @@ var UniformPlayground = ({
     if (!composition) {
       return null;
     }
-    let component = /* @__PURE__ */ React7.createElement(
+    let component = /* @__PURE__ */ React7.createElement(ContextualEditingComponentWrapper, { component: composition }, /* @__PURE__ */ React7.createElement(
       UniformComponent,
       {
         data: composition,
@@ -586,7 +584,7 @@ var UniformPlayground = ({
         contextualEditingDefaultPlaceholder
       },
       children
-    );
+    ));
     decorators.forEach((Decorator) => {
       component = /* @__PURE__ */ React7.createElement(Decorator, { data: composition }, component);
     });
@@ -604,11 +602,16 @@ var UniformPlayground = ({
     {
       value: { data: composition, behaviorTracking, resolveRenderer, isContextualEditing }
     },
-    /* @__PURE__ */ React7.createElement(ContextualEditingComponentWrapper, { component: composition }, renderedComponent)
+    renderedComponent
   );
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+import {
+  ATTRIBUTE_COMPONENT_ID,
+  ATTRIBUTE_PARAMETER_ID,
+  ATTRIBUTE_PARAMETER_TYPE
+} from "@uniformdev/canvas";
 import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
@@ -731,7 +734,19 @@ var UniformRichText = React17.forwardRef(function UniformRichText2({ parameterId
   const value = useMemo3(() => parameter == null ? void 0 : parameter.value, [parameter]);
   if (!value || !isRichTextValue(value) || isRichTextValueConsideredEmpty(value))
     return null;
-  return Tag === null ? /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React17.createElement(Tag, { ref, ...props }, /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
+  return Tag === null ? /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React17.createElement(
+    Tag,
+    {
+      ref,
+      ...props,
+      ...{
+        [ATTRIBUTE_COMPONENT_ID]: componentData == null ? void 0 : componentData._id,
+        [ATTRIBUTE_PARAMETER_ID]: parameterId,
+        [ATTRIBUTE_PARAMETER_TYPE]: "richText"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+  );
 });
 
 // src/components/UniformText.tsx
@@ -911,11 +926,14 @@ var useUniformContextualEditingState = ({
     return () => {
       unsubscribe();
     };
-  }, [global, channel, componentData == null ? void 0 : componentData._id]);
-  return {
-    isContextualEditing,
-    selectedComponentReference
-  };
+  }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference]);
+  return useMemo4(
+    () => ({
+      isContextualEditing,
+      selectedComponentReference
+    }),
+    [isContextualEditing, selectedComponentReference]
+  );
 };
 export {
   DefaultNotImplementedComponent,

package/dist/index.js

@@ -310,10 +310,7 @@ function isInContextEditingMode() {
   const isOpenedByInContextEditor = new URLSearchParams(window.location.search).has(
     import_canvas3.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
   );
-  const isAllowlistedReferrer = Boolean(
-    window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//)
-  );
-  return isOpenedByInContextEditor && isAllowlistedReferrer;
+  return isOpenedByInContextEditor && (0, import_canvas3.isAllowedReferrer)(window.document.referrer);
 }
 
 // src/components/UniformComposition.tsx
@@ -365,7 +362,7 @@ function ContextualEditingComponentWrapper({
   children
 }) {
   var _a, _b, _c, _d, _e;
-  const isPlaceholder = (component == null ? void 0 : component._id) === import_canvas4.PLACEHOLDER_ID;
+  const isPlaceholder = (0, import_canvas4.isComponentPlaceholderId)(component == null ? void 0 : component._id);
   const { isContextualEditing } = useUniformCurrentComposition();
   const isReadOnly = ((_a = component == null ? void 0 : component._contextualEditing) == null ? void 0 : _a.isEditable) ? void 0 : "true";
   return !isContextualEditing ? /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, children) : isPlaceholder && emptyPlaceholder === null ? null : /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
@@ -611,7 +608,7 @@ var UniformPlayground = ({
     if (!composition) {
       return null;
     }
-    let component = /* @__PURE__ */ import_react7.default.createElement(
+    let component = /* @__PURE__ */ import_react7.default.createElement(ContextualEditingComponentWrapper, { component: composition }, /* @__PURE__ */ import_react7.default.createElement(
       UniformComponent,
       {
         data: composition,
@@ -620,7 +617,7 @@ var UniformPlayground = ({
         contextualEditingDefaultPlaceholder
       },
       children
-    );
+    ));
     decorators.forEach((Decorator) => {
       component = /* @__PURE__ */ import_react7.default.createElement(Decorator, { data: composition }, component);
     });
@@ -638,11 +635,12 @@ var UniformPlayground = ({
     {
       value: { data: composition, behaviorTracking, resolveRenderer, isContextualEditing }
     },
-    /* @__PURE__ */ import_react7.default.createElement(ContextualEditingComponentWrapper, { component: composition }, renderedComponent)
+    renderedComponent
   );
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+var import_canvas8 = require("@uniformdev/canvas");
 var import_richtext5 = require("@uniformdev/richtext");
 var import_react17 = __toESM(require("react"));
 
@@ -762,7 +760,19 @@ var UniformRichText = import_react17.default.forwardRef(function UniformRichText
   const value = (0, import_react17.useMemo)(() => parameter == null ? void 0 : parameter.value, [parameter]);
   if (!value || !(0, import_richtext5.isRichTextValue)(value) || (0, import_richtext5.isRichTextValueConsideredEmpty)(value))
     return null;
-  return Tag === null ? /* @__PURE__ */ import_react17.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react17.default.createElement(Tag, { ref, ...props }, /* @__PURE__ */ import_react17.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
+  return Tag === null ? /* @__PURE__ */ import_react17.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react17.default.createElement(
+    Tag,
+    {
+      ref,
+      ...props,
+      ...{
+        [import_canvas8.ATTRIBUTE_COMPONENT_ID]: componentData == null ? void 0 : componentData._id,
+        [import_canvas8.ATTRIBUTE_PARAMETER_ID]: parameterId,
+        [import_canvas8.ATTRIBUTE_PARAMETER_TYPE]: "richText"
+      }
+    },
+    /* @__PURE__ */ import_react17.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+  );
 });
 
 // src/components/UniformText.tsx
@@ -852,16 +862,16 @@ var UniformText = ({
 };
 
 // src/helpers/getParameterAttributes.ts
-var import_canvas8 = require("@uniformdev/canvas");
+var import_canvas9 = require("@uniformdev/canvas");
 var getParameterAttributes = (options) => {
   return {
-    ...(0, import_canvas8.getParameterAttributes)(options),
+    ...(0, import_canvas9.getParameterAttributes)(options),
     suppressContentEditableWarning: true
   };
 };
 
 // src/hooks/useCompositionEventEffect.ts
-var import_canvas9 = require("@uniformdev/canvas");
+var import_canvas10 = require("@uniformdev/canvas");
 var import_react20 = require("react");
 function useCompositionEventEffect({
   enabled,
@@ -875,12 +885,12 @@ function useCompositionEventEffect({
     }
     let goodbye = void 0;
     const loadEffect = async () => {
-      const eventBus = await (0, import_canvas9.createEventBus)();
+      const eventBus = await (0, import_canvas10.createEventBus)();
       if (eventBus) {
-        goodbye = (0, import_canvas9.subscribeToComposition)({
+        goodbye = (0, import_canvas10.subscribeToComposition)({
           eventBus,
           compositionId,
-          compositionState: import_canvas9.CANVAS_DRAFT_STATE,
+          compositionState: import_canvas10.CANVAS_DRAFT_STATE,
           projectId,
           callback: effect,
           event: "updated"
@@ -897,7 +907,7 @@ function useCompositionEventEffect({
 }
 
 // src/hooks/useUniformContextualEditingState.ts
-var import_canvas10 = require("@uniformdev/canvas");
+var import_canvas11 = require("@uniformdev/canvas");
 var import_react21 = require("react");
 var useUniformContextualEditingState = ({
   global = false
@@ -909,7 +919,7 @@ var useUniformContextualEditingState = ({
     if (!isContextualEditing) {
       return;
     }
-    const channel2 = (0, import_canvas10.createCanvasChannel)({
+    const channel2 = (0, import_canvas11.createCanvasChannel)({
       broadcastTo: [window],
       listenTo: [window]
     });
@@ -921,7 +931,7 @@ var useUniformContextualEditingState = ({
     }
     const unsubscribe = channel.on("update-contextual-editing-state-internal", async (message) => {
       var _a;
-      if (!(0, import_canvas10.isUpdateContextualEditingStateInternalMessage)(message)) {
+      if (!(0, import_canvas11.isUpdateContextualEditingStateInternalMessage)(message)) {
         return;
       }
       if (!global && (componentData == null ? void 0 : componentData._id) !== ((_a = message.state.selectedComponentReference) == null ? void 0 : _a.parentId)) {
@@ -933,11 +943,14 @@ var useUniformContextualEditingState = ({
     return () => {
       unsubscribe();
     };
-  }, [global, channel, componentData == null ? void 0 : componentData._id]);
-  return {
-    isContextualEditing,
-    selectedComponentReference
-  };
+  }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference]);
+  return (0, import_react21.useMemo)(
+    () => ({
+      isContextualEditing,
+      selectedComponentReference
+    }),
+    [isContextualEditing, selectedComponentReference]
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -186,7 +186,7 @@ import {
   CANVAS_LOCALE_TAG_PARAM,
   IN_CONTEXT_EDITOR_COMPONENT_END_ROLE,
   IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
-  PLACEHOLDER_ID
+  isComponentPlaceholderId
 } from "@uniformdev/canvas";
 import React4 from "react";
 
@@ -200,6 +200,7 @@ import {
   EMPTY_COMPOSITION,
   IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID,
   IN_CONTEXT_EDITOR_QUERY_STRING_PARAM,
+  isAllowedReferrer,
   isUpdateCompositionInternalMessage
 } from "@uniformdev/canvas";
 import { useEffect, useMemo, useState } from "react";
@@ -276,10 +277,7 @@ function isInContextEditingMode() {
   const isOpenedByInContextEditor = new URLSearchParams(window.location.search).has(
     IN_CONTEXT_EDITOR_QUERY_STRING_PARAM
   );
-  const isAllowlistedReferrer = Boolean(
-    window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//)
-  );
-  return isOpenedByInContextEditor && isAllowlistedReferrer;
+  return isOpenedByInContextEditor && isAllowedReferrer(window.document.referrer);
 }
 
 // src/components/UniformComposition.tsx
@@ -331,7 +329,7 @@ function ContextualEditingComponentWrapper({
   children
 }) {
   var _a, _b, _c, _d, _e;
-  const isPlaceholder = (component == null ? void 0 : component._id) === PLACEHOLDER_ID;
+  const isPlaceholder = isComponentPlaceholderId(component == null ? void 0 : component._id);
   const { isContextualEditing } = useUniformCurrentComposition();
   const isReadOnly = ((_a = component == null ? void 0 : component._contextualEditing) == null ? void 0 : _a.isEditable) ? void 0 : "true";
   return !isContextualEditing ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, children) : isPlaceholder && emptyPlaceholder === null ? null : /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
@@ -577,7 +575,7 @@ var UniformPlayground = ({
     if (!composition) {
       return null;
     }
-    let component = /* @__PURE__ */ React7.createElement(
+    let component = /* @__PURE__ */ React7.createElement(ContextualEditingComponentWrapper, { component: composition }, /* @__PURE__ */ React7.createElement(
       UniformComponent,
       {
         data: composition,
@@ -586,7 +584,7 @@ var UniformPlayground = ({
         contextualEditingDefaultPlaceholder
       },
       children
-    );
+    ));
     decorators.forEach((Decorator) => {
       component = /* @__PURE__ */ React7.createElement(Decorator, { data: composition }, component);
     });
@@ -604,11 +602,16 @@ var UniformPlayground = ({
     {
       value: { data: composition, behaviorTracking, resolveRenderer, isContextualEditing }
     },
-    /* @__PURE__ */ React7.createElement(ContextualEditingComponentWrapper, { component: composition }, renderedComponent)
+    renderedComponent
   );
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+import {
+  ATTRIBUTE_COMPONENT_ID,
+  ATTRIBUTE_PARAMETER_ID,
+  ATTRIBUTE_PARAMETER_TYPE
+} from "@uniformdev/canvas";
 import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
@@ -731,7 +734,19 @@ var UniformRichText = React17.forwardRef(function UniformRichText2({ parameterId
   const value = useMemo3(() => parameter == null ? void 0 : parameter.value, [parameter]);
   if (!value || !isRichTextValue(value) || isRichTextValueConsideredEmpty(value))
     return null;
-  return Tag === null ? /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React17.createElement(Tag, { ref, ...props }, /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
+  return Tag === null ? /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React17.createElement(
+    Tag,
+    {
+      ref,
+      ...props,
+      ...{
+        [ATTRIBUTE_COMPONENT_ID]: componentData == null ? void 0 : componentData._id,
+        [ATTRIBUTE_PARAMETER_ID]: parameterId,
+        [ATTRIBUTE_PARAMETER_TYPE]: "richText"
+      }
+    },
+    /* @__PURE__ */ React17.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
+  );
 });
 
 // src/components/UniformText.tsx
@@ -911,11 +926,14 @@ var useUniformContextualEditingState = ({
     return () => {
       unsubscribe();
     };
-  }, [global, channel, componentData == null ? void 0 : componentData._id]);
-  return {
-    isContextualEditing,
-    selectedComponentReference
-  };
+  }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference]);
+  return useMemo4(
+    () => ({
+      isContextualEditing,
+      selectedComponentReference
+    }),
+    [isContextualEditing, selectedComponentReference]
+  );
 };
 export {
   DefaultNotImplementedComponent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.51.1-alpha.10+ee32ab8b6",
+  "version": "19.51.1-alpha.22+ee274f045",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,10 +45,10 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.51.1-alpha.10+ee32ab8b6",
-    "@uniformdev/context": "19.51.1-alpha.10+ee32ab8b6",
-    "@uniformdev/context-react": "19.51.1-alpha.10+ee32ab8b6",
-    "@uniformdev/richtext": "19.51.1-alpha.10+ee32ab8b6"
+    "@uniformdev/canvas": "19.51.1-alpha.22+ee274f045",
+    "@uniformdev/context": "19.51.1-alpha.22+ee274f045",
+    "@uniformdev/context-react": "19.51.1-alpha.22+ee274f045",
+    "@uniformdev/richtext": "19.51.1-alpha.22+ee274f045"
   },
   "peerDependencies": {
     "react": ">= 16 || 17 || 18",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee32ab8b66da53e39f0714b708d5cd2ec49592bd"
+  "gitHead": "ee274f04521c4024826b21fee01d50fcc1e414a1"
 }