@uniformdev/canvas-react 19.58.2-alpha.0 → 19.59.0

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';
@@ -388,7 +387,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';
@@ -388,7 +387,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

@@ -253,7 +253,7 @@ var useUniformContextualEditing = ({
     window.__UNIFORM_CONTEXTUAL_EDITING__ = {
       framework: "React",
       // Make sure to also update the value in canvas-vue
-      version: 1
+      version: 2
     };
     const script = document.createElement("script");
     script.id = IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
@@ -607,6 +607,11 @@ var UniformPlayground = ({
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+import {
+  ATTRIBUTE_COMPONENT_ID,
+  ATTRIBUTE_PARAMETER_ID,
+  ATTRIBUTE_PARAMETER_TYPE
+} from "@uniformdev/canvas";
 import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
@@ -729,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
@@ -909,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

@@ -287,7 +287,7 @@ var useUniformContextualEditing = ({
     window.__UNIFORM_CONTEXTUAL_EDITING__ = {
       framework: "React",
       // Make sure to also update the value in canvas-vue
-      version: 1
+      version: 2
     };
     const script = document.createElement("script");
     script.id = import_canvas3.IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
@@ -641,6 +641,7 @@ var UniformPlayground = ({
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+var import_canvas8 = require("@uniformdev/canvas");
 var import_richtext5 = require("@uniformdev/richtext");
 var import_react17 = __toESM(require("react"));
 
@@ -760,7 +761,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
@@ -850,16 +863,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,
@@ -873,12 +886,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"
@@ -895,7 +908,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
@@ -907,7 +920,7 @@ var useUniformContextualEditingState = ({
     if (!isContextualEditing) {
       return;
     }
-    const channel2 = (0, import_canvas10.createCanvasChannel)({
+    const channel2 = (0, import_canvas11.createCanvasChannel)({
       broadcastTo: [window],
       listenTo: [window]
     });
@@ -919,7 +932,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)) {
@@ -931,11 +944,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

@@ -253,7 +253,7 @@ var useUniformContextualEditing = ({
     window.__UNIFORM_CONTEXTUAL_EDITING__ = {
       framework: "React",
       // Make sure to also update the value in canvas-vue
-      version: 1
+      version: 2
     };
     const script = document.createElement("script");
     script.id = IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
@@ -607,6 +607,11 @@ var UniformPlayground = ({
 };
 
 // src/components/UniformRichText/UniformRichText.tsx
+import {
+  ATTRIBUTE_COMPONENT_ID,
+  ATTRIBUTE_PARAMETER_ID,
+  ATTRIBUTE_PARAMETER_TYPE
+} from "@uniformdev/canvas";
 import {
   isRichTextValue,
   isRichTextValueConsideredEmpty
@@ -729,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
@@ -909,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.58.2-alpha.0+68d890cf9",
+  "version": "19.59.0",
   "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.58.2-alpha.0+68d890cf9",
-    "@uniformdev/context": "19.58.2-alpha.0+68d890cf9",
-    "@uniformdev/context-react": "19.58.2-alpha.0+68d890cf9",
-    "@uniformdev/richtext": "19.58.2-alpha.0+68d890cf9"
+    "@uniformdev/canvas": "19.59.0",
+    "@uniformdev/context": "19.59.0",
+    "@uniformdev/context-react": "19.59.0",
+    "@uniformdev/richtext": "19.59.0"
   },
   "peerDependencies": {
     "react": ">= 16 || 17 || 18",
@@ -65,5 +65,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "68d890cf94dc44136dd88bcc2d703248bae10bea"
+  "gitHead": "912b2badf364d2959cb0b664ba16d9741f16add5"
 }