@player-tools/dsl 0.3.0 → 0.4.0--canary.25.709

package/dist/index.cjs.js

@@ -535,7 +535,7 @@ const Template = (props) => {
   }, [proxyRef, outputProp, outputElement.items]);
   return /* @__PURE__ */ React__default["default"].createElement("proxy", {
     ref: proxyRef
-  }, reactJsonReconciler.createPortal(/* @__PURE__ */ React__default["default"].createElement(OptionalIDSuffixProvider, {
+  }, /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, reactJsonReconciler.createPortal(/* @__PURE__ */ React__default["default"].createElement(OptionalIDSuffixProvider, {
     wrapperRef: valueRef,
     templateIndex: `_index${baseContext.depth === 0 ? "" : baseContext.depth}_`
   }, /* @__PURE__ */ React__default["default"].createElement(TemplateProvider, null, /* @__PURE__ */ React__default["default"].createElement("object", null, /* @__PURE__ */ React__default["default"].createElement("property", {
@@ -547,7 +547,7 @@ const Template = (props) => {
   }, props.children)))), outputElement), /* @__PURE__ */ React__default["default"].createElement("value", {
     ref: valueRef,
     value: void 0
-  }));
+  })));
 };
 
 const bindingSymbol = Symbol("binding");

package/dist/index.d.ts

@@ -198,7 +198,7 @@ declare function normalizeText(options: {
     /** The current node */
     node: React$1.ReactNode;
     /** A component to render a text asset */
-    TextComp?: React$1.ComponentType;
+    TextComp?: React$1.ComponentType<React$1.PropsWithChildren>;
 }): React$1.ReactNode;
 /** Create a collection if needed */
 declare function normalizeToCollection(options: {
@@ -207,8 +207,8 @@ declare function normalizeToCollection(options: {
     /** A Text asset */
     TextComp?: React$1.ComponentType;
     /** A collection asset */
-    CollectionComp?: React$1.ComponentType;
-}): React$1.ReactNode;
+    CollectionComp?: React$1.ComponentType<React$1.PropsWithChildren>;
+}): string | number | boolean | React$1.ReactFragment | JSX.Element | null | undefined;
 
 interface SwitchProps {
     /** defaults to a staticSwitch */

package/dist/index.esm.js

@@ -525,7 +525,7 @@ const Template = (props) => {
   }, [proxyRef, outputProp, outputElement.items]);
   return /* @__PURE__ */ React.createElement("proxy", {
     ref: proxyRef
-  }, createPortal(/* @__PURE__ */ React.createElement(OptionalIDSuffixProvider, {
+  }, /* @__PURE__ */ React.createElement(React.Fragment, null, createPortal(/* @__PURE__ */ React.createElement(OptionalIDSuffixProvider, {
     wrapperRef: valueRef,
     templateIndex: `_index${baseContext.depth === 0 ? "" : baseContext.depth}_`
   }, /* @__PURE__ */ React.createElement(TemplateProvider, null, /* @__PURE__ */ React.createElement("object", null, /* @__PURE__ */ React.createElement("property", {
@@ -537,7 +537,7 @@ const Template = (props) => {
   }, props.children)))), outputElement), /* @__PURE__ */ React.createElement("value", {
     ref: valueRef,
     value: void 0
-  }));
+  })));
 };
 
 const bindingSymbol = Symbol("binding");

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@player-tools/dsl",
-  "version": "0.3.0",
+  "version": "0.4.0--canary.25.709",
   "private": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "^18.2.0",
+    "@types/react": "^18.0.27"
   },
   "dependencies": {
-    "@player-ui/types": "^0.2.0",
+    "@player-ui/types": "0.4.0-next.6",
     "@types/mkdirp": "^1.0.2",
     "@types/signale": "^1.4.2",
     "chalk": "^4.0.1",

package/src/compiler/schema.ts

@@ -2,7 +2,7 @@ import type { Schema, Language } from '@player-ui/types';
 import signale from 'signale';
 import { dequal } from 'dequal';
 import { SyncWaterfallHook } from 'tapable-ts';
-import { binding as b } from '..';
+import { binding as b } from '../string-templates';
 import type { BindingTemplateInstance } from '../string-templates';
 
 const bindingSymbol = Symbol('binding');

package/src/switch.tsx

@@ -1,8 +1,8 @@
 import type { PropsWithChildren } from 'react';
 import React from 'react';
 import type { ArrayNode, JsonNode, ObjectNode } from 'react-json-reconciler';
-import { flattenNodes, PropertyNode } from 'react-json-reconciler';
-import { SlotContext } from '.';
+import { flattenNodes } from 'react-json-reconciler';
+import { SlotContext } from './components';
 import { IDSuffixProvider, OptionalIDSuffixProvider } from './auto-id';
 import type {
   BindingTemplateInstance,

package/src/template.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-useless-fragment */
 import React from 'react';
 import type { ObjectNode, JsonNode } from 'react-json-reconciler';
 import {
@@ -163,24 +164,26 @@ export const Template = (props: TemplateProps) => {
 
   return (
     <proxy ref={proxyRef}>
-      {createPortal(
-        <OptionalIDSuffixProvider
-          wrapperRef={valueRef}
-          templateIndex={`_index${
-            baseContext.depth === 0 ? '' : baseContext.depth
-          }_`}
-        >
-          <TemplateProvider>
-            <object>
-              <property name="data">{props.data.toValue()}</property>
-              <property name="output">{outputProp}</property>
-              <property name="value">{props.children}</property>
-            </object>
-          </TemplateProvider>
-        </OptionalIDSuffixProvider>,
-        outputElement
-      )}
-      <value ref={valueRef} value={undefined} />
+      <>
+        {createPortal(
+          <OptionalIDSuffixProvider
+            wrapperRef={valueRef}
+            templateIndex={`_index${
+              baseContext.depth === 0 ? '' : baseContext.depth
+            }_`}
+          >
+            <TemplateProvider>
+              <object>
+                <property name="data">{props.data.toValue()}</property>
+                <property name="output">{outputProp}</property>
+                <property name="value">{props.children}</property>
+              </object>
+            </TemplateProvider>
+          </OptionalIDSuffixProvider>,
+          outputElement
+        )}
+        <value ref={valueRef} value={undefined} />
+      </>
     </proxy>
   );
 };

package/src/utils.tsx

@@ -56,7 +56,7 @@ export function normalizeText(options: {
   node: React.ReactNode;
 
   /** A component to render a text asset */
-  TextComp?: React.ComponentType;
+  TextComp?: React.ComponentType<React.PropsWithChildren>;
 }): React.ReactNode {
   const { node, TextComp } = options;
 
@@ -88,7 +88,7 @@ export function normalizeToCollection(options: {
   TextComp?: React.ComponentType;
 
   /** A collection asset */
-  CollectionComp?: React.ComponentType;
+  CollectionComp?: React.ComponentType<React.PropsWithChildren>;
 }) {
   const { node, CollectionComp } = options;