@uniformdev/canvas-react 19.214.0 → 19.214.1-alpha.10

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
-import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
+import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { P as PureUniformTextProps } from './PureUniformText-B3GAm6Dc.mjs';
 import { RichTextNode } from '@uniformdev/richtext';
@@ -460,8 +460,6 @@ type UniformPlaygroundProps = {
      * @deprecated This feature is not stable yet and might be changed or removed in a minor release. Do not use it in production environments.
      */
     decorators?: UniformPlaygroundDecorator[];
-    /** @deprecated This prop is not supported anymore. */
-    children?: ReactNode;
 } & Omit<UniformCompositionProps, 'data' | 'children'>;
 /**
  * Playground where you can freely live preview your components and patterns.
@@ -552,12 +550,6 @@ type UniformSlotProps<TSlotNames extends string> = {
      * If not specified, the resolveRenderer function on the nearest Layout will be used, if any.
      */
     resolveRenderer?: RenderComponentResolver;
-    /**
-     *  Optional render props enables wrapping all child components in the slot with some markup
-     *
-     *  @deprecated Use `wrapperComponent` instead and define wrapping component for slot children inside.
-     */
-    children?: CustomSlotChildRenderFunc;
     /**
      * Optional wrapper component around list of slot items that allows to control
      * exactly how to render slot items, otherwise React.Fragment is being used
@@ -571,7 +563,7 @@ type UniformSlotProps<TSlotNames extends string> = {
     emptyPlaceholder?: React$1.ReactNode;
 };
 /** Renders a named Slot within a Composition. */
-declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, children, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
+declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
 
 /**
  * Converts a raw Canvas component instance to React component props format.
@@ -587,13 +579,6 @@ declare function convertComponentToProps<T = unknown>(component: ComponentInstan
  */
 declare const getParameterAttributes: typeof getParameterAttributes$1;
 
-type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptions>, 'callback'> & {
-    enabled: boolean;
-    effect: () => void;
-};
-/** Hook to manage a subscription to a realtime event on a composition */
-declare function useCompositionEventEffect({ enabled, projectId, compositionId, effect, }: UseCompositionEventEffectOptions): void;
-
 type UseUniformContextualEditingStateProps = {
     /**
      * When set to true, the hook will return the global contextual state no matter where its used.
@@ -643,4 +628,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-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, type UseUniformContextualEditingStateReturnType, 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 UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
-import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, SubscribeToCompositionOptions, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
+import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
 import { P as PureUniformTextProps } from './PureUniformText-B3GAm6Dc.js';
 import { RichTextNode } from '@uniformdev/richtext';
@@ -460,8 +460,6 @@ type UniformPlaygroundProps = {
      * @deprecated This feature is not stable yet and might be changed or removed in a minor release. Do not use it in production environments.
      */
     decorators?: UniformPlaygroundDecorator[];
-    /** @deprecated This prop is not supported anymore. */
-    children?: ReactNode;
 } & Omit<UniformCompositionProps, 'data' | 'children'>;
 /**
  * Playground where you can freely live preview your components and patterns.
@@ -552,12 +550,6 @@ type UniformSlotProps<TSlotNames extends string> = {
      * If not specified, the resolveRenderer function on the nearest Layout will be used, if any.
      */
     resolveRenderer?: RenderComponentResolver;
-    /**
-     *  Optional render props enables wrapping all child components in the slot with some markup
-     *
-     *  @deprecated Use `wrapperComponent` instead and define wrapping component for slot children inside.
-     */
-    children?: CustomSlotChildRenderFunc;
     /**
      * Optional wrapper component around list of slot items that allows to control
      * exactly how to render slot items, otherwise React.Fragment is being used
@@ -571,7 +563,7 @@ type UniformSlotProps<TSlotNames extends string> = {
     emptyPlaceholder?: React$1.ReactNode;
 };
 /** Renders a named Slot within a Composition. */
-declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, children, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
+declare function UniformSlot<TSlotNames extends string = string>({ name, resolveRenderer, emptyPlaceholder, wrapperComponent, }: UniformSlotProps<TSlotNames>): JSX.Element | null;
 
 /**
  * Converts a raw Canvas component instance to React component props format.
@@ -587,13 +579,6 @@ declare function convertComponentToProps<T = unknown>(component: ComponentInstan
  */
 declare const getParameterAttributes: typeof getParameterAttributes$1;
 
-type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptions>, 'callback'> & {
-    enabled: boolean;
-    effect: () => void;
-};
-/** Hook to manage a subscription to a realtime event on a composition */
-declare function useCompositionEventEffect({ enabled, projectId, compositionId, effect, }: UseCompositionEventEffectOptions): void;
-
 type UseUniformContextualEditingStateProps = {
     /**
      * When set to true, the hook will return the global contextual state no matter where its used.
@@ -643,4 +628,4 @@ declare const createComponentStoreResolver: (options: {
     defaultComponent?: React$1.ComponentType<ComponentProps<any>>;
 }) => RenderComponentResolver;
 
-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, type UseUniformContextualEditingStateReturnType, 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 UseUniformContextualEditingProps, type UseUniformContextualEditingStateProps, type UseUniformContextualEditingStateReturnType, componentStore, componentStoreResolver, convertComponentToProps, createComponentStore, createComponentStoreResolver, getParameterAttributes, registerUniformComponent, useUniformContextualEditing, useUniformContextualEditingState, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.esm.js

@@ -447,7 +447,6 @@ function ContextualEditingComponentWrapper({
 function UniformSlot({
   name,
   resolveRenderer,
-  children,
   emptyPlaceholder,
   wrapperComponent
 }) {
@@ -478,8 +477,7 @@ function UniformSlot({
       slotChildrenCount: slot.length,
       emptyPlaceholder
     });
-    const elements = children ? children({ child, component, key: `wrapped-inner-${index}` }) : child;
-    return React6.createElement(React6.Fragment, { key: index }, elements);
+    return React6.createElement(React6.Fragment, { key: index }, child);
   });
   if (!wrapperComponent) {
     return React6.createElement(React6.Fragment, void 0, finalChildren);
@@ -978,52 +976,12 @@ var getParameterAttributes = (options) => {
   };
 };
 
-// src/hooks/useCompositionEventEffect.ts
-import {
-  CANVAS_DRAFT_STATE,
-  createEventBus,
-  subscribeToComposition
-} from "@uniformdev/canvas";
-import { useEffect as useEffect2 } from "react";
-function useCompositionEventEffect({
-  enabled,
-  projectId,
-  compositionId,
-  effect
-}) {
-  useEffect2(() => {
-    if (!enabled || !compositionId || !projectId) {
-      return;
-    }
-    let goodbye = void 0;
-    const loadEffect = async () => {
-      const eventBus = await createEventBus();
-      if (eventBus) {
-        goodbye = subscribeToComposition({
-          eventBus,
-          compositionId,
-          compositionState: CANVAS_DRAFT_STATE,
-          projectId,
-          callback: effect,
-          event: "updated"
-        });
-      }
-    };
-    loadEffect();
-    return () => {
-      if (goodbye) {
-        goodbye();
-      }
-    };
-  }, [compositionId, enabled, projectId, effect]);
-}
-
 // src/hooks/useUniformContextualEditingState.ts
 import {
   createCanvasChannel as createCanvasChannel2,
   isUpdateContextualEditingStateInternalMessage
 } from "@uniformdev/canvas";
-import { useEffect as useEffect3, useMemo as useMemo5, useState as useState3 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo5, useState as useState3 } from "react";
 var useUniformContextualEditingState = ({
   global = false
 } = {}) => {
@@ -1043,7 +1001,7 @@ var useUniformContextualEditingState = ({
     });
     return channel2;
   }, [isContextualEditing]);
-  useEffect3(() => {
+  useEffect2(() => {
     var _a, _b;
     if (!channel) {
       return;
@@ -1095,7 +1053,6 @@ export {
   createUniformApiEnhancer,
   getParameterAttributes,
   registerUniformComponent,
-  useCompositionEventEffect,
   useUniformContextualEditing,
   useUniformContextualEditingState,
   useUniformCurrentComponent,

package/dist/index.js

@@ -49,7 +49,6 @@ __export(src_exports, {
   createUniformApiEnhancer: () => import_canvas6.createUniformApiEnhancer,
   getParameterAttributes: () => getParameterAttributes,
   registerUniformComponent: () => registerUniformComponent,
-  useCompositionEventEffect: () => useCompositionEventEffect,
   useUniformContextualEditing: () => useUniformContextualEditing,
   useUniformContextualEditingState: () => useUniformContextualEditingState,
   useUniformCurrentComponent: () => useUniformCurrentComponent,
@@ -475,7 +474,6 @@ function ContextualEditingComponentWrapper({
 function UniformSlot({
   name,
   resolveRenderer,
-  children,
   emptyPlaceholder,
   wrapperComponent
 }) {
@@ -506,8 +504,7 @@ function UniformSlot({
       slotChildrenCount: slot.length,
       emptyPlaceholder
     });
-    const elements = children ? children({ child, component, key: `wrapped-inner-${index}` }) : child;
-    return import_react8.default.createElement(import_react8.default.Fragment, { key: index }, elements);
+    return import_react8.default.createElement(import_react8.default.Fragment, { key: index }, child);
   });
   if (!wrapperComponent) {
     return import_react8.default.createElement(import_react8.default.Fragment, void 0, finalChildren);
@@ -1000,65 +997,29 @@ var getParameterAttributes = (options) => {
   };
 };
 
-// src/hooks/useCompositionEventEffect.ts
+// src/hooks/useUniformContextualEditingState.ts
 var import_canvas13 = require("@uniformdev/canvas");
 var import_react25 = require("react");
-function useCompositionEventEffect({
-  enabled,
-  projectId,
-  compositionId,
-  effect
-}) {
-  (0, import_react25.useEffect)(() => {
-    if (!enabled || !compositionId || !projectId) {
-      return;
-    }
-    let goodbye = void 0;
-    const loadEffect = async () => {
-      const eventBus = await (0, import_canvas13.createEventBus)();
-      if (eventBus) {
-        goodbye = (0, import_canvas13.subscribeToComposition)({
-          eventBus,
-          compositionId,
-          compositionState: import_canvas13.CANVAS_DRAFT_STATE,
-          projectId,
-          callback: effect,
-          event: "updated"
-        });
-      }
-    };
-    loadEffect();
-    return () => {
-      if (goodbye) {
-        goodbye();
-      }
-    };
-  }, [compositionId, enabled, projectId, effect]);
-}
-
-// src/hooks/useUniformContextualEditingState.ts
-var import_canvas14 = require("@uniformdev/canvas");
-var import_react26 = require("react");
 var useUniformContextualEditingState = ({
   global = false
 } = {}) => {
   const { isContextualEditing } = useUniformCurrentComposition();
   const { data: componentData } = useUniformCurrentComponent();
-  const [selectedComponentReference, setSelectedComponentReference] = (0, import_react26.useState)();
-  const [previewMode, setPreviewMode] = (0, import_react26.useState)(
+  const [selectedComponentReference, setSelectedComponentReference] = (0, import_react25.useState)();
+  const [previewMode, setPreviewMode] = (0, import_react25.useState)(
     isContextualEditing ? "editor" : void 0
   );
-  const channel = (0, import_react26.useMemo)(() => {
+  const channel = (0, import_react25.useMemo)(() => {
     if (!isContextualEditing) {
       return;
     }
-    const channel2 = (0, import_canvas14.createCanvasChannel)({
+    const channel2 = (0, import_canvas13.createCanvasChannel)({
       broadcastTo: [window],
       listenTo: [window]
     });
     return channel2;
   }, [isContextualEditing]);
-  (0, import_react26.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     var _a, _b;
     if (!channel) {
       return;
@@ -1068,7 +1029,7 @@ var useUniformContextualEditingState = ({
     }
     const unsubscribe = channel.on("update-contextual-editing-state-internal", async (message) => {
       var _a2;
-      if (!(0, import_canvas14.isUpdateContextualEditingStateInternalMessage)(message)) {
+      if (!(0, import_canvas13.isUpdateContextualEditingStateInternalMessage)(message)) {
         return;
       }
       setPreviewMode(message.state.previewMode);
@@ -1082,7 +1043,7 @@ var useUniformContextualEditingState = ({
       unsubscribe();
     };
   }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference, setPreviewMode]);
-  return (0, import_react26.useMemo)(
+  return (0, import_react25.useMemo)(
     () => ({
       isContextualEditing,
       selectedComponentReference,
@@ -1111,7 +1072,6 @@ var useUniformContextualEditingState = ({
   createUniformApiEnhancer,
   getParameterAttributes,
   registerUniformComponent,
-  useCompositionEventEffect,
   useUniformContextualEditing,
   useUniformContextualEditingState,
   useUniformCurrentComponent,

package/dist/index.mjs

@@ -447,7 +447,6 @@ function ContextualEditingComponentWrapper({
 function UniformSlot({
   name,
   resolveRenderer,
-  children,
   emptyPlaceholder,
   wrapperComponent
 }) {
@@ -478,8 +477,7 @@ function UniformSlot({
       slotChildrenCount: slot.length,
       emptyPlaceholder
     });
-    const elements = children ? children({ child, component, key: `wrapped-inner-${index}` }) : child;
-    return React6.createElement(React6.Fragment, { key: index }, elements);
+    return React6.createElement(React6.Fragment, { key: index }, child);
   });
   if (!wrapperComponent) {
     return React6.createElement(React6.Fragment, void 0, finalChildren);
@@ -978,52 +976,12 @@ var getParameterAttributes = (options) => {
   };
 };
 
-// src/hooks/useCompositionEventEffect.ts
-import {
-  CANVAS_DRAFT_STATE,
-  createEventBus,
-  subscribeToComposition
-} from "@uniformdev/canvas";
-import { useEffect as useEffect2 } from "react";
-function useCompositionEventEffect({
-  enabled,
-  projectId,
-  compositionId,
-  effect
-}) {
-  useEffect2(() => {
-    if (!enabled || !compositionId || !projectId) {
-      return;
-    }
-    let goodbye = void 0;
-    const loadEffect = async () => {
-      const eventBus = await createEventBus();
-      if (eventBus) {
-        goodbye = subscribeToComposition({
-          eventBus,
-          compositionId,
-          compositionState: CANVAS_DRAFT_STATE,
-          projectId,
-          callback: effect,
-          event: "updated"
-        });
-      }
-    };
-    loadEffect();
-    return () => {
-      if (goodbye) {
-        goodbye();
-      }
-    };
-  }, [compositionId, enabled, projectId, effect]);
-}
-
 // src/hooks/useUniformContextualEditingState.ts
 import {
   createCanvasChannel as createCanvasChannel2,
   isUpdateContextualEditingStateInternalMessage
 } from "@uniformdev/canvas";
-import { useEffect as useEffect3, useMemo as useMemo5, useState as useState3 } from "react";
+import { useEffect as useEffect2, useMemo as useMemo5, useState as useState3 } from "react";
 var useUniformContextualEditingState = ({
   global = false
 } = {}) => {
@@ -1043,7 +1001,7 @@ var useUniformContextualEditingState = ({
     });
     return channel2;
   }, [isContextualEditing]);
-  useEffect3(() => {
+  useEffect2(() => {
     var _a, _b;
     if (!channel) {
       return;
@@ -1095,7 +1053,6 @@ export {
   createUniformApiEnhancer,
   getParameterAttributes,
   registerUniformComponent,
-  useCompositionEventEffect,
   useUniformContextualEditing,
   useUniformContextualEditingState,
   useUniformCurrentComponent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "19.214.0",
+  "version": "19.214.1-alpha.10+98dac3377a",
   "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.214.0",
-    "@uniformdev/context": "19.214.0",
-    "@uniformdev/context-react": "19.214.0",
-    "@uniformdev/richtext": "19.214.0"
+    "@uniformdev/canvas": "19.214.1-alpha.10+98dac3377a",
+    "@uniformdev/context": "19.214.1-alpha.10+98dac3377a",
+    "@uniformdev/context-react": "19.214.1-alpha.10+98dac3377a",
+    "@uniformdev/richtext": "19.214.1-alpha.10+98dac3377a"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "057019805f3d07ac560a53b0a621268a9c3c3518"
+  "gitHead": "98dac3377a8313b1d70d0b02632a6a7192f2409c"
 }