@uniformdev/canvas-next-rsc 19.40.0 → 19.41.0

package/dist/components/UniformSlot.d.ts

@@ -1,11 +1,15 @@
 import { ComponentInstance } from '@uniformdev/canvas';
-import { Key, ReactNode } from 'react';
+import React, { Key, ReactNode } from 'react';
 import { CompositionContext } from './UniformComponent';
 export type CustomSlotChildRenderFunc = (options: {
     child: ReactNode;
     component: ComponentInstance;
     key: Key;
 }) => JSX.Element;
+export type UniformSlotWrapperComponentProps = {
+    items: ReactNode[];
+    slotName: string;
+};
 export type UniformSlotProps<TSlotNames extends string> = {
     /** Name of the slot to render */
     name: TSlotNames;
@@ -13,8 +17,17 @@ export type UniformSlotProps<TSlotNames extends string> = {
     data: ComponentInstance;
     /** The context of the composition that is being rendered */
     context: CompositionContext;
-    /** Optional render props enables wrapping all child components in the slot with some markup */
+    /**
+     *  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
+     */
+    wrapperComponent?: React.ComponentType<UniformSlotWrapperComponentProps>;
     /**
      * Optional ReactNode to use as a placeholder in Canvas editor when the slot is empty.
      * The node is used to render a placeholder with realistic dimensions and it's never shown to users.
@@ -22,6 +35,6 @@ export type UniformSlotProps<TSlotNames extends string> = {
      */
     emptyPlaceholder?: ReactNode;
 };
-export declare function UniformSlot<TSlotNames extends string = string>({ name, children, emptyPlaceholder, data: parentData, context, }: UniformSlotProps<TSlotNames> & {
+export declare function UniformSlot<TSlotNames extends string = string>({ name, children, emptyPlaceholder, data: parentData, wrapperComponent, context, }: UniformSlotProps<TSlotNames> & {
     data: ComponentInstance;
 }): JSX.Element | null;

package/dist/components/UniformSlot.js

@@ -1,6 +1,7 @@
-import { createElement, Fragment } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createElement, Fragment } from 'react';
 import { renderComponent } from './renderComponent';
-export function UniformSlot({ name, children, emptyPlaceholder, data: parentData, context, }) {
+export function UniformSlot({ name, children, emptyPlaceholder, data: parentData, wrapperComponent, context, }) {
     var _a;
     const slot = (_a = parentData.slots) === null || _a === void 0 ? void 0 : _a[name];
     if (!slot || !Array.isArray(slot)) {
@@ -29,5 +30,9 @@ export function UniformSlot({ name, children, emptyPlaceholder, data: parentData
         const elements = children ? children({ child, component, key: `wrapped-inner-${index}` }) : child;
         return createElement(Fragment, { key: index }, elements);
     });
-    return createElement(Fragment, undefined, finalChildren);
+    if (!wrapperComponent) {
+        return React.createElement(React.Fragment, undefined, finalChildren);
+    }
+    const Wrapper = wrapperComponent;
+    return _jsx(Wrapper, { items: finalChildren, slotName: name });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc",
-  "version": "19.40.0",
+  "version": "19.41.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "dev": "pnpm build --watch",
@@ -56,13 +56,13 @@
     "typescript": "^5.0.4"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.40.0",
-    "@uniformdev/canvas-react": "19.40.0",
-    "@uniformdev/context": "19.40.0",
-    "@uniformdev/project-map": "19.40.0",
-    "@uniformdev/redirect": "19.40.0",
-    "@uniformdev/richtext": "19.40.0",
-    "@uniformdev/webhooks": "19.40.0",
+    "@uniformdev/canvas": "19.41.0",
+    "@uniformdev/canvas-react": "19.41.0",
+    "@uniformdev/context": "19.41.0",
+    "@uniformdev/project-map": "19.41.0",
+    "@uniformdev/redirect": "19.41.0",
+    "@uniformdev/richtext": "19.41.0",
+    "@uniformdev/webhooks": "19.41.0",
     "@vercel/edge-config": "^0.2.0",
     "dequal": "^2.0.3",
     "js-cookie": "^3.0.5",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f21fe5bd9d42379336cc7cb30e5b2f1955e8c337"
+  "gitHead": "cd4f9fd5bbdcba2b7f7235dbf342418a6bbaacb9"
 }