@uniformdev/canvas-react 19.22.1-alpha.8 → 19.23.1-alpha.12

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.
Files changed (5) hide show
  1. package/dist/index.d.ts +20 -2
  2. package/dist/index.esm.js +3 -3
  3. package/dist/index.js +3 -3
  4. package/dist/index.mjs +3 -3
  5. package/package.json +6 -6
package/dist/index.d.ts CHANGED
@@ -241,6 +241,11 @@ type RichTextRendererComponent<TNode extends RichTextNode = RichTextNode> = Reac
241
241
  type RenderRichTextComponentResolver = (node: RichTextNode) => RichTextRendererComponent | null | undefined;
242
242
 
243
243
  type UniformRichTextProps = {
244
+ /**
245
+ * The name of the HTML tag to render.
246
+ * @default "div"
247
+ */
248
+ as?: React$1.ElementType;
244
249
  /** The ID of the parameter. */
245
250
  parameterId: string;
246
251
  /**
@@ -248,12 +253,25 @@ type UniformRichTextProps = {
248
253
  * for rendering a rich text node
249
254
  */
250
255
  resolveRichTextRenderer?: RenderRichTextComponentResolver;
251
- };
256
+ } & Omit<React$1.HTMLAttributes<HTMLDivElement>, 'children'>;
252
257
  /**
253
258
  * Adds rendering support for Uniform Rich Text parameters
254
259
  * @deprecated This component is unstable, and not ready for production usage.
255
260
  */
256
- declare function UniformRichText({ parameterId, resolveRichTextRenderer }: UniformRichTextProps): React$1.JSX.Element | null;
261
+ declare const UniformRichText: React$1.ForwardRefExoticComponent<{
262
+ /**
263
+ * The name of the HTML tag to render.
264
+ * @default "div"
265
+ */
266
+ as?: React$1.ElementType<any> | undefined;
267
+ /** The ID of the parameter. */
268
+ parameterId: string;
269
+ /**
270
+ * A function which can provide a custom react component
271
+ * for rendering a rich text node
272
+ */
273
+ resolveRichTextRenderer?: RenderRichTextComponentResolver | undefined;
274
+ } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & React$1.RefAttributes<unknown>>;
257
275
 
258
276
  type UniformRichTextNodeProps = {
259
277
  node: RichTextNode;
package/dist/index.esm.js CHANGED
@@ -663,7 +663,7 @@ var resolveRichTextDefaultRenderer = (node) => {
663
663
  };
664
664
 
665
665
  // src/components/UniformRichText/UniformRichText.tsx
666
- function UniformRichText({ parameterId, resolveRichTextRenderer }) {
666
+ var UniformRichText = React16.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
667
667
  const { data: componentData } = useUniformCurrentComponent();
668
668
  const parameter = useMemo2(() => {
669
669
  var _a;
@@ -672,8 +672,8 @@ function UniformRichText({ parameterId, resolveRichTextRenderer }) {
672
672
  const value = useMemo2(() => parameter == null ? void 0 : parameter.value, [parameter]);
673
673
  if (!value || !isRichTextNode2(value == null ? void 0 : value.root))
674
674
  return null;
675
- return /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer });
676
- }
675
+ return Tag === null ? /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React16.createElement(Tag, { ref, ...props }, /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
676
+ });
677
677
 
678
678
  // src/components/UniformText.tsx
679
679
  import React17, { useCallback, useMemo as useMemo3, useState as useState2 } from "react";
package/dist/index.js CHANGED
@@ -695,7 +695,7 @@ var resolveRichTextDefaultRenderer = (node) => {
695
695
  };
696
696
 
697
697
  // src/components/UniformRichText/UniformRichText.tsx
698
- function UniformRichText({ parameterId, resolveRichTextRenderer }) {
698
+ var UniformRichText = import_react16.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
699
699
  const { data: componentData } = useUniformCurrentComponent();
700
700
  const parameter = (0, import_react16.useMemo)(() => {
701
701
  var _a;
@@ -704,8 +704,8 @@ function UniformRichText({ parameterId, resolveRichTextRenderer }) {
704
704
  const value = (0, import_react16.useMemo)(() => parameter == null ? void 0 : parameter.value, [parameter]);
705
705
  if (!value || !(0, import_richtext5.isRichTextNode)(value == null ? void 0 : value.root))
706
706
  return null;
707
- return /* @__PURE__ */ import_react16.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer });
708
- }
707
+ return Tag === null ? /* @__PURE__ */ import_react16.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react16.default.createElement(Tag, { ref, ...props }, /* @__PURE__ */ import_react16.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
708
+ });
709
709
 
710
710
  // src/components/UniformText.tsx
711
711
  var import_react17 = __toESM(require("react"));
package/dist/index.mjs CHANGED
@@ -663,7 +663,7 @@ var resolveRichTextDefaultRenderer = (node) => {
663
663
  };
664
664
 
665
665
  // src/components/UniformRichText/UniformRichText.tsx
666
- function UniformRichText({ parameterId, resolveRichTextRenderer }) {
666
+ var UniformRichText = React16.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", ...props }, ref) {
667
667
  const { data: componentData } = useUniformCurrentComponent();
668
668
  const parameter = useMemo2(() => {
669
669
  var _a;
@@ -672,8 +672,8 @@ function UniformRichText({ parameterId, resolveRichTextRenderer }) {
672
672
  const value = useMemo2(() => parameter == null ? void 0 : parameter.value, [parameter]);
673
673
  if (!value || !isRichTextNode2(value == null ? void 0 : value.root))
674
674
  return null;
675
- return /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer });
676
- }
675
+ return Tag === null ? /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React16.createElement(Tag, { ref, ...props }, /* @__PURE__ */ React16.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }));
676
+ });
677
677
 
678
678
  // src/components/UniformText.tsx
679
679
  import React17, { useCallback, useMemo as useMemo3, useState as useState2 } from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/canvas-react",
3
- "version": "19.22.1-alpha.8+a8f730b12",
3
+ "version": "19.23.1-alpha.12+669adf812",
4
4
  "description": "React SDK for Uniform Canvas",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -24,10 +24,10 @@
24
24
  "document": "api-extractor run --local"
25
25
  },
26
26
  "dependencies": {
27
- "@uniformdev/canvas": "19.22.1-alpha.8+a8f730b12",
28
- "@uniformdev/context": "19.22.1-alpha.8+a8f730b12",
29
- "@uniformdev/context-react": "19.22.1-alpha.8+a8f730b12",
30
- "@uniformdev/richtext": "19.22.1-alpha.8+a8f730b12"
27
+ "@uniformdev/canvas": "19.23.1-alpha.12+669adf812",
28
+ "@uniformdev/context": "19.23.1-alpha.12+669adf812",
29
+ "@uniformdev/context-react": "19.23.1-alpha.12+669adf812",
30
+ "@uniformdev/richtext": "19.23.1-alpha.12+669adf812"
31
31
  },
32
32
  "peerDependencies": {
33
33
  "react": ">= 16 || 17 || 18",
@@ -44,5 +44,5 @@
44
44
  "publishConfig": {
45
45
  "access": "public"
46
46
  },
47
- "gitHead": "a8f730b12035a4d7c2e6a704d3777ff12df52ffc"
47
+ "gitHead": "669adf812df13a7856fb9bc5c4332c77e0697f3f"
48
48
  }