@player-ui/reference-assets-plugin-components 0.16.0--canary.866.36538 → 1.0.0--canary.865.36694
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +14 -14
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/index.legacy-esm.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/src/index.test.tsx +1 -1
- package/src/index.tsx +2 -2
- package/types/index.d.ts +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -51,20 +51,20 @@ __export(src_exports, {
|
|
|
51
51
|
});
|
|
52
52
|
module.exports = __toCommonJS(src_exports);
|
|
53
53
|
var import_react = __toESM(require("react"));
|
|
54
|
-
var
|
|
54
|
+
var import_react_dsl = require("@player-lang/react-dsl");
|
|
55
55
|
var import_common_types_plugin = require("@player-ui/common-types-plugin");
|
|
56
|
-
var dataRefs = (0,
|
|
57
|
-
var validationRefs = (0,
|
|
56
|
+
var dataRefs = (0, import_react_dsl.getObjectReferences)(import_common_types_plugin.dataTypes);
|
|
57
|
+
var validationRefs = (0, import_react_dsl.getObjectReferences)(import_common_types_plugin.validators);
|
|
58
58
|
var Text = (props) => {
|
|
59
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
59
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "text", ...props }, /* @__PURE__ */ import_react.default.createElement("property", { name: "value" }, props.children));
|
|
60
60
|
};
|
|
61
61
|
var Collection = (props) => {
|
|
62
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
62
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "collection", ...props });
|
|
63
63
|
};
|
|
64
64
|
var CollectionComp = (props) => {
|
|
65
65
|
return /* @__PURE__ */ import_react.default.createElement(Collection, null, /* @__PURE__ */ import_react.default.createElement(Collection.Values, null, props.children));
|
|
66
66
|
};
|
|
67
|
-
var slotFactory = (name, isArray = false, wrapInAsset = true) => (0,
|
|
67
|
+
var slotFactory = (name, isArray = false, wrapInAsset = true) => (0, import_react_dsl.createSlot)({
|
|
68
68
|
name,
|
|
69
69
|
TextComp: Text,
|
|
70
70
|
CollectionComp,
|
|
@@ -79,7 +79,7 @@ var SubtitleSlot = slotFactory("subtitle");
|
|
|
79
79
|
var ActionsSlot = slotFactory("actions", true);
|
|
80
80
|
var PrimaryInfoSlot = slotFactory("primaryInfo");
|
|
81
81
|
var ItemsSlot = slotFactory("items", true, false);
|
|
82
|
-
Collection.Values = (0,
|
|
82
|
+
Collection.Values = (0, import_react_dsl.createSlot)({
|
|
83
83
|
name: "values",
|
|
84
84
|
isArray: true,
|
|
85
85
|
TextComp: Text,
|
|
@@ -88,21 +88,21 @@ Collection.Values = (0, import_dsl.createSlot)({
|
|
|
88
88
|
Collection.Label = LabelSlot;
|
|
89
89
|
var Action = (props) => {
|
|
90
90
|
const { exp, children, ...rest } = props;
|
|
91
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
91
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "action", ...rest }, /* @__PURE__ */ import_react.default.createElement("property", { name: "exp" }, Array.isArray(exp) ? (0, import_react_dsl.toJsonElement)(exp.map((e) => e.toValue())) : exp?.toValue()), children);
|
|
92
92
|
};
|
|
93
93
|
Action.Label = LabelSlot;
|
|
94
94
|
var Image = (props) => {
|
|
95
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
95
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "image", ...props });
|
|
96
96
|
};
|
|
97
97
|
Image.Caption = slotFactory("caption");
|
|
98
98
|
var Input = (props) => {
|
|
99
99
|
const { binding, children, ...rest } = props;
|
|
100
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
100
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "input", ...rest }, /* @__PURE__ */ import_react.default.createElement("property", { name: "binding" }, binding.toValue()), children);
|
|
101
101
|
};
|
|
102
102
|
Input.Label = LabelSlot;
|
|
103
103
|
Input.Note = NoteSlot;
|
|
104
104
|
var Info = (props) => {
|
|
105
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
105
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.View, { type: "info", ...props });
|
|
106
106
|
};
|
|
107
107
|
Info.Title = TitleSlot;
|
|
108
108
|
Info.Subtitle = SubtitleSlot;
|
|
@@ -111,20 +111,20 @@ Info.Actions = ActionsSlot;
|
|
|
111
111
|
Info.Footer = slotFactory("footer");
|
|
112
112
|
var Choice = (props) => {
|
|
113
113
|
const { binding, children, ...rest } = props;
|
|
114
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
114
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "choice", ...rest }, /* @__PURE__ */ import_react.default.createElement("property", { name: "binding" }, binding.toValue()), children);
|
|
115
115
|
};
|
|
116
116
|
Choice.Title = TitleSlot;
|
|
117
117
|
Choice.Note = NoteSlot;
|
|
118
118
|
Choice.Items = ItemsSlot;
|
|
119
119
|
var ChoiceItem = (props) => {
|
|
120
120
|
const { children, id, ...rest } = props;
|
|
121
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
121
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.ObjectWithIndexTracking, null, id && /* @__PURE__ */ import_react.default.createElement("property", { name: "id" }, /* @__PURE__ */ import_react.default.createElement("value", null, id)), !id && /* @__PURE__ */ import_react.default.createElement(import_react_dsl.GeneratedIDProperty, null), (0, import_react_dsl.toJsonProperties)(rest, { propertiesToSkip: ["applicability"] }), children);
|
|
122
122
|
};
|
|
123
123
|
ChoiceItem.Label = LabelSlot;
|
|
124
124
|
Choice.Item = ChoiceItem;
|
|
125
125
|
var ChatMessage = (props) => {
|
|
126
126
|
const { id, children } = props;
|
|
127
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
127
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react_dsl.Asset, { type: "chat-message" }, /* @__PURE__ */ import_react.default.createElement("property", { name: "id" }, id), children);
|
|
128
128
|
};
|
|
129
129
|
ChatMessage.Value = ValueSlot;
|
|
130
130
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/components/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n WithChildren,\n AssetPropsWithChildren,\n BindingTemplateInstance,\n ExpressionTemplateInstance,\n DSLSchema as PlayerDSLSchema,\n DataTypeReference,\n DataTypeRefs,\n ValidatorFunctionRefs,\n WithPlayerTypes,\n} from \"@player-
|
|
1
|
+
{"version":3,"sources":["../../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/components/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n WithChildren,\n AssetPropsWithChildren,\n BindingTemplateInstance,\n ExpressionTemplateInstance,\n DSLSchema as PlayerDSLSchema,\n DataTypeReference,\n DataTypeRefs,\n ValidatorFunctionRefs,\n WithPlayerTypes,\n} from \"@player-lang/react-dsl\";\nimport {\n createSlot,\n Asset,\n View,\n getObjectReferences,\n toJsonProperties,\n ObjectWithIndexTracking,\n GeneratedIDProperty,\n toJsonElement,\n} from \"@player-lang/react-dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport type {\n ActionAsset,\n TextAsset,\n CollectionAsset,\n InfoAsset,\n InputAsset,\n ImageAsset,\n ChoiceAsset,\n ChoiceItem as ChoiceItemType,\n ChatMessageAsset,\n} from \"@player-ui/reference-assets-plugin\";\nimport { dataTypes, validators } from \"@player-ui/common-types-plugin\";\n\nexport const dataRefs = getObjectReferences<\n typeof dataTypes,\n DataTypeRefs<typeof dataTypes>\n>(dataTypes);\n\nexport const validationRefs = getObjectReferences<\n typeof validators,\n ValidatorFunctionRefs<typeof validators>\n>(validators);\n\nexport type DSLSchema = PlayerDSLSchema<\n DataTypeReference<typeof dataTypes, ValidatorFunctionRefs<typeof validators>>\n>;\n\nexport const Text = (\n props: Omit<AssetPropsWithChildren<TextAsset>, \"value\"> & {\n value?: string;\n },\n) => {\n return (\n <Asset type=\"text\" {...props}>\n <property name=\"value\">{props.children}</property>\n </Asset>\n );\n};\n\nexport const Collection = (props: AssetPropsWithChildren<CollectionAsset>) => {\n return <Asset type=\"collection\" {...props} />;\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\n/** A utility for quickly creating named slots using the text and collection factories */\nconst slotFactory = (name: string, isArray = false, wrapInAsset = true) =>\n createSlot({\n name,\n TextComp: Text,\n CollectionComp,\n isArray,\n wrapInAsset,\n });\n\nexport const LabelSlot = slotFactory(\"label\");\nexport const ValueSlot = slotFactory(\"value\");\nexport const TitleSlot = slotFactory(\"title\");\nexport const NoteSlot = slotFactory(\"note\");\nexport const SubtitleSlot = slotFactory(\"subtitle\");\nexport const ActionsSlot = slotFactory(\"actions\", true);\nexport const PrimaryInfoSlot = slotFactory(\"primaryInfo\");\nexport const ItemsSlot = slotFactory(\"items\", true, false);\n\nCollection.Values = createSlot({\n name: \"values\",\n isArray: true,\n TextComp: Text,\n wrapInAsset: true,\n});\n\nCollection.Label = LabelSlot;\n\nexport const Action = (\n props: Omit<AssetPropsWithChildren<ActionAsset>, \"exp\"> & {\n /** An optional expression to execute before transitioning */\n exp?: ExpressionTemplateInstance | Array<ExpressionTemplateInstance>;\n },\n) => {\n const { exp, children, ...rest } = props;\n\n return (\n <Asset type=\"action\" {...rest}>\n <property name=\"exp\">\n {Array.isArray(exp)\n ? toJsonElement(exp.map((e) => e.toValue()))\n : exp?.toValue()}\n </property>\n {children}\n </Asset>\n );\n};\n\nAction.Label = LabelSlot;\n\nexport const Image = (props: AssetPropsWithChildren<ImageAsset>) => {\n return <Asset type=\"image\" {...props} />;\n};\n\nImage.Caption = slotFactory(\"caption\");\n\nexport const Input = (\n props: Omit<AssetPropsWithChildren<InputAsset>, \"binding\"> & {\n /** The binding */\n binding: BindingTemplateInstance;\n },\n) => {\n const { binding, children, ...rest } = props;\n return (\n <Asset type=\"input\" {...rest}>\n <property name=\"binding\">{binding.toValue()}</property>\n {children}\n </Asset>\n );\n};\n\nInput.Label = LabelSlot;\nInput.Note = NoteSlot;\n\nexport const Info = (props: AssetPropsWithChildren<InfoAsset>) => {\n return <View type=\"info\" {...props} />;\n};\n\nInfo.Title = TitleSlot;\nInfo.Subtitle = SubtitleSlot;\nInfo.PrimaryInfo = PrimaryInfoSlot;\nInfo.Actions = ActionsSlot;\nInfo.Footer = slotFactory(\"footer\");\n\nexport const Choice = (\n props: Omit<AssetPropsWithChildren<ChoiceAsset>, \"binding\"> & {\n /** The binding */\n binding: BindingTemplateInstance;\n },\n) => {\n const { binding, children, ...rest } = props;\n return (\n <Asset type=\"choice\" {...rest}>\n <property name=\"binding\">{binding.toValue()}</property>\n {children}\n </Asset>\n );\n};\n\nChoice.Title = TitleSlot;\nChoice.Note = NoteSlot;\nChoice.Items = ItemsSlot;\n\nconst ChoiceItem = (\n props: WithChildren<\n WithPlayerTypes<\n Omit<ChoiceItemType, \"id\"> & {\n id?: string;\n }\n >\n >,\n) => {\n const { children, id, ...rest } = props;\n\n return (\n <ObjectWithIndexTracking>\n {id && (\n <property name=\"id\">\n <value>{id}</value>\n </property>\n )}\n {!id && <GeneratedIDProperty />}\n {toJsonProperties(rest, { propertiesToSkip: [\"applicability\"] })}\n {children}\n </ObjectWithIndexTracking>\n );\n};\n\nChoiceItem.Label = LabelSlot;\nChoice.Item = ChoiceItem;\n\nexport const ChatMessage = (\n props: Omit<AssetPropsWithChildren<ChatMessageAsset>, \"id\"> & {\n id: string;\n },\n) => {\n const { id, children } = props;\n return (\n <Asset type=\"chat-message\">\n <property name=\"id\">{id}</property>\n {children}\n </Asset>\n );\n};\n\nChatMessage.Value = ValueSlot;\n"],"mappings":"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","names":["React"]}
|
package/dist/index.legacy-esm.js
CHANGED
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
ObjectWithIndexTracking,
|
|
10
10
|
GeneratedIDProperty,
|
|
11
11
|
toJsonElement
|
|
12
|
-
} from "@player-
|
|
12
|
+
} from "@player-lang/react-dsl";
|
|
13
13
|
import { dataTypes, validators } from "@player-ui/common-types-plugin";
|
|
14
14
|
var dataRefs = getObjectReferences(dataTypes);
|
|
15
15
|
var validationRefs = getObjectReferences(validators);
|
package/dist/index.mjs
CHANGED
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
ObjectWithIndexTracking,
|
|
10
10
|
GeneratedIDProperty,
|
|
11
11
|
toJsonElement
|
|
12
|
-
} from "@player-
|
|
12
|
+
} from "@player-lang/react-dsl";
|
|
13
13
|
import { dataTypes, validators } from "@player-ui/common-types-plugin";
|
|
14
14
|
var dataRefs = getObjectReferences(dataTypes);
|
|
15
15
|
var validationRefs = getObjectReferences(validators);
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/components/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n WithChildren,\n AssetPropsWithChildren,\n BindingTemplateInstance,\n ExpressionTemplateInstance,\n DSLSchema as PlayerDSLSchema,\n DataTypeReference,\n DataTypeRefs,\n ValidatorFunctionRefs,\n WithPlayerTypes,\n} from \"@player-
|
|
1
|
+
{"version":3,"sources":["../../../../../../../../../../../../execroot/_main/bazel-out/k8-fastbuild/bin/plugins/reference-assets/components/src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport type {\n WithChildren,\n AssetPropsWithChildren,\n BindingTemplateInstance,\n ExpressionTemplateInstance,\n DSLSchema as PlayerDSLSchema,\n DataTypeReference,\n DataTypeRefs,\n ValidatorFunctionRefs,\n WithPlayerTypes,\n} from \"@player-lang/react-dsl\";\nimport {\n createSlot,\n Asset,\n View,\n getObjectReferences,\n toJsonProperties,\n ObjectWithIndexTracking,\n GeneratedIDProperty,\n toJsonElement,\n} from \"@player-lang/react-dsl\";\nimport type { Asset as AssetType } from \"@player-ui/player\";\nimport type {\n ActionAsset,\n TextAsset,\n CollectionAsset,\n InfoAsset,\n InputAsset,\n ImageAsset,\n ChoiceAsset,\n ChoiceItem as ChoiceItemType,\n ChatMessageAsset,\n} from \"@player-ui/reference-assets-plugin\";\nimport { dataTypes, validators } from \"@player-ui/common-types-plugin\";\n\nexport const dataRefs = getObjectReferences<\n typeof dataTypes,\n DataTypeRefs<typeof dataTypes>\n>(dataTypes);\n\nexport const validationRefs = getObjectReferences<\n typeof validators,\n ValidatorFunctionRefs<typeof validators>\n>(validators);\n\nexport type DSLSchema = PlayerDSLSchema<\n DataTypeReference<typeof dataTypes, ValidatorFunctionRefs<typeof validators>>\n>;\n\nexport const Text = (\n props: Omit<AssetPropsWithChildren<TextAsset>, \"value\"> & {\n value?: string;\n },\n) => {\n return (\n <Asset type=\"text\" {...props}>\n <property name=\"value\">{props.children}</property>\n </Asset>\n );\n};\n\nexport const Collection = (props: AssetPropsWithChildren<CollectionAsset>) => {\n return <Asset type=\"collection\" {...props} />;\n};\n\nconst CollectionComp = (props: AssetPropsWithChildren<AssetType>) => {\n return (\n <Collection>\n <Collection.Values>{props.children}</Collection.Values>\n </Collection>\n );\n};\n\n/** A utility for quickly creating named slots using the text and collection factories */\nconst slotFactory = (name: string, isArray = false, wrapInAsset = true) =>\n createSlot({\n name,\n TextComp: Text,\n CollectionComp,\n isArray,\n wrapInAsset,\n });\n\nexport const LabelSlot = slotFactory(\"label\");\nexport const ValueSlot = slotFactory(\"value\");\nexport const TitleSlot = slotFactory(\"title\");\nexport const NoteSlot = slotFactory(\"note\");\nexport const SubtitleSlot = slotFactory(\"subtitle\");\nexport const ActionsSlot = slotFactory(\"actions\", true);\nexport const PrimaryInfoSlot = slotFactory(\"primaryInfo\");\nexport const ItemsSlot = slotFactory(\"items\", true, false);\n\nCollection.Values = createSlot({\n name: \"values\",\n isArray: true,\n TextComp: Text,\n wrapInAsset: true,\n});\n\nCollection.Label = LabelSlot;\n\nexport const Action = (\n props: Omit<AssetPropsWithChildren<ActionAsset>, \"exp\"> & {\n /** An optional expression to execute before transitioning */\n exp?: ExpressionTemplateInstance | Array<ExpressionTemplateInstance>;\n },\n) => {\n const { exp, children, ...rest } = props;\n\n return (\n <Asset type=\"action\" {...rest}>\n <property name=\"exp\">\n {Array.isArray(exp)\n ? toJsonElement(exp.map((e) => e.toValue()))\n : exp?.toValue()}\n </property>\n {children}\n </Asset>\n );\n};\n\nAction.Label = LabelSlot;\n\nexport const Image = (props: AssetPropsWithChildren<ImageAsset>) => {\n return <Asset type=\"image\" {...props} />;\n};\n\nImage.Caption = slotFactory(\"caption\");\n\nexport const Input = (\n props: Omit<AssetPropsWithChildren<InputAsset>, \"binding\"> & {\n /** The binding */\n binding: BindingTemplateInstance;\n },\n) => {\n const { binding, children, ...rest } = props;\n return (\n <Asset type=\"input\" {...rest}>\n <property name=\"binding\">{binding.toValue()}</property>\n {children}\n </Asset>\n );\n};\n\nInput.Label = LabelSlot;\nInput.Note = NoteSlot;\n\nexport const Info = (props: AssetPropsWithChildren<InfoAsset>) => {\n return <View type=\"info\" {...props} />;\n};\n\nInfo.Title = TitleSlot;\nInfo.Subtitle = SubtitleSlot;\nInfo.PrimaryInfo = PrimaryInfoSlot;\nInfo.Actions = ActionsSlot;\nInfo.Footer = slotFactory(\"footer\");\n\nexport const Choice = (\n props: Omit<AssetPropsWithChildren<ChoiceAsset>, \"binding\"> & {\n /** The binding */\n binding: BindingTemplateInstance;\n },\n) => {\n const { binding, children, ...rest } = props;\n return (\n <Asset type=\"choice\" {...rest}>\n <property name=\"binding\">{binding.toValue()}</property>\n {children}\n </Asset>\n );\n};\n\nChoice.Title = TitleSlot;\nChoice.Note = NoteSlot;\nChoice.Items = ItemsSlot;\n\nconst ChoiceItem = (\n props: WithChildren<\n WithPlayerTypes<\n Omit<ChoiceItemType, \"id\"> & {\n id?: string;\n }\n >\n >,\n) => {\n const { children, id, ...rest } = props;\n\n return (\n <ObjectWithIndexTracking>\n {id && (\n <property name=\"id\">\n <value>{id}</value>\n </property>\n )}\n {!id && <GeneratedIDProperty />}\n {toJsonProperties(rest, { propertiesToSkip: [\"applicability\"] })}\n {children}\n </ObjectWithIndexTracking>\n );\n};\n\nChoiceItem.Label = LabelSlot;\nChoice.Item = ChoiceItem;\n\nexport const ChatMessage = (\n props: Omit<AssetPropsWithChildren<ChatMessageAsset>, \"id\"> & {\n id: string;\n },\n) => {\n const { id, children } = props;\n return (\n <Asset type=\"chat-message\">\n <property name=\"id\">{id}</property>\n {children}\n </Asset>\n );\n};\n\nChatMessage.Value = ValueSlot;\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
"types"
|
|
7
7
|
],
|
|
8
8
|
"name": "@player-ui/reference-assets-plugin-components",
|
|
9
|
-
"version": "0.
|
|
9
|
+
"version": "1.0.0--canary.865.36694",
|
|
10
10
|
"main": "dist/cjs/index.cjs",
|
|
11
11
|
"peerDependencies": {
|
|
12
|
-
"@player-ui/player": "0.
|
|
12
|
+
"@player-ui/player": "1.0.0--canary.865.36694",
|
|
13
13
|
"react": "^18.2.0",
|
|
14
14
|
"@types/react": "^18.2.39",
|
|
15
|
-
"@player-
|
|
15
|
+
"@player-lang/react-dsl": "1.0.1"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@player-ui/common-types-plugin": "0.
|
|
19
|
-
"@player-ui/reference-assets-plugin": "0.
|
|
18
|
+
"@player-ui/common-types-plugin": "1.0.0--canary.865.36694",
|
|
19
|
+
"@player-ui/reference-assets-plugin": "1.0.0--canary.865.36694",
|
|
20
20
|
"tslib": "^2.6.2"
|
|
21
21
|
},
|
|
22
22
|
"module": "dist/index.legacy-esm.js",
|
package/src/index.test.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { describe, test, expect } from "vitest";
|
|
3
|
-
import { render, binding as b, expression as e } from "@player-
|
|
3
|
+
import { render, binding as b, expression as e } from "@player-lang/react-dsl";
|
|
4
4
|
import { Text, Action, Info, Collection, Input, Choice, ChatMessage } from ".";
|
|
5
5
|
|
|
6
6
|
describe("JSON serialization", () => {
|
package/src/index.tsx
CHANGED
|
@@ -9,7 +9,7 @@ import type {
|
|
|
9
9
|
DataTypeRefs,
|
|
10
10
|
ValidatorFunctionRefs,
|
|
11
11
|
WithPlayerTypes,
|
|
12
|
-
} from "@player-
|
|
12
|
+
} from "@player-lang/react-dsl";
|
|
13
13
|
import {
|
|
14
14
|
createSlot,
|
|
15
15
|
Asset,
|
|
@@ -19,7 +19,7 @@ import {
|
|
|
19
19
|
ObjectWithIndexTracking,
|
|
20
20
|
GeneratedIDProperty,
|
|
21
21
|
toJsonElement,
|
|
22
|
-
} from "@player-
|
|
22
|
+
} from "@player-lang/react-dsl";
|
|
23
23
|
import type { Asset as AssetType } from "@player-ui/player";
|
|
24
24
|
import type {
|
|
25
25
|
ActionAsset,
|
package/types/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { WithChildren, AssetPropsWithChildren, BindingTemplateInstance, ExpressionTemplateInstance, DSLSchema as PlayerDSLSchema, DataTypeReference, ValidatorFunctionRefs, WithPlayerTypes } from "@player-
|
|
2
|
+
import type { WithChildren, AssetPropsWithChildren, BindingTemplateInstance, ExpressionTemplateInstance, DSLSchema as PlayerDSLSchema, DataTypeReference, ValidatorFunctionRefs, WithPlayerTypes } from "@player-lang/react-dsl";
|
|
3
3
|
import type { ActionAsset, TextAsset, CollectionAsset, InfoAsset, InputAsset, ImageAsset, ChoiceAsset, ChoiceItem as ChoiceItemType, ChatMessageAsset } from "@player-ui/reference-assets-plugin";
|
|
4
4
|
import { dataTypes, validators } from "@player-ui/common-types-plugin";
|
|
5
5
|
export declare const dataRefs: {
|