@uniformdev/canvas-react 19.186.2-alpha.14 → 19.186.4-alpha.3

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 (4) hide show
  1. package/dist/index.esm.js +36 -51
  2. package/dist/index.js +45 -60
  3. package/dist/index.mjs +36 -51
  4. package/package.json +6 -6
package/dist/index.esm.js CHANGED
@@ -696,69 +696,55 @@ import {
696
696
  ATTRIBUTE_PARAMETER_TYPE
697
697
  } from "@uniformdev/canvas";
698
698
  import { isRichTextValue, isRichTextValueConsideredEmpty } from "@uniformdev/richtext";
699
- import React20 from "react";
699
+ import React19 from "react";
700
700
 
701
701
  // src/components/UniformRichText/UniformRichTextNode.tsx
702
702
  import { isRichTextNode } from "@uniformdev/richtext";
703
- import React19 from "react";
704
-
705
- // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
706
- import React9 from "react";
707
- var AssetRichTextNode = ({ node }) => {
708
- var _a, _b;
709
- const { __asset } = node;
710
- if (__asset === void 0) {
711
- return null;
712
- }
713
- if (__asset.type !== "image") {
714
- return null;
715
- }
716
- return /* @__PURE__ */ React9.createElement("figure", null, /* @__PURE__ */ React9.createElement("img", { src: __asset.fields.url.value, alt: (_a = __asset.fields.title) == null ? void 0 : _a.value }), ((_b = __asset.fields.description) == null ? void 0 : _b.value) ? /* @__PURE__ */ React9.createElement("figcaption", null, __asset.fields.description.value) : null);
717
- };
703
+ import React18 from "react";
718
704
 
719
705
  // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
720
- import React10 from "react";
706
+ import React9 from "react";
721
707
  var HeadingRichTextNode = ({ children, node }) => {
722
708
  const { tag } = node;
723
709
  const HTag = tag != null ? tag : "h1";
724
- return /* @__PURE__ */ React10.createElement(HTag, null, children);
710
+ return /* @__PURE__ */ React9.createElement(HTag, null, children);
725
711
  };
726
712
 
727
713
  // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
728
- import React11 from "react";
714
+ import React10 from "react";
729
715
  var LinebreakRichTextNode = () => {
730
- return /* @__PURE__ */ React11.createElement("br", null);
716
+ return /* @__PURE__ */ React10.createElement("br", null);
731
717
  };
732
718
 
733
719
  // src/components/UniformRichText/nodes/LinkRichTextNode.tsx
734
720
  import { linkParamValueToHref } from "@uniformdev/richtext";
735
- import React12 from "react";
721
+ import React11 from "react";
736
722
  var LinkRichTextNode = ({ children, node }) => {
737
723
  const { link } = node;
738
- return /* @__PURE__ */ React12.createElement("a", { href: linkParamValueToHref(link) }, children);
724
+ return /* @__PURE__ */ React11.createElement("a", { href: linkParamValueToHref(link) }, children);
739
725
  };
740
726
 
741
727
  // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
742
- import React13 from "react";
728
+ import React12 from "react";
743
729
  var ListItemRichTextNode = ({ children, node }) => {
744
730
  const { value } = node;
745
- return /* @__PURE__ */ React13.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
731
+ return /* @__PURE__ */ React12.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
746
732
  };
747
733
 
748
734
  // src/components/UniformRichText/nodes/ListRichTextNode.tsx
749
- import React14 from "react";
735
+ import React13 from "react";
750
736
  var ListRichTextNode = ({ children, node }) => {
751
737
  const { tag, start } = node;
752
738
  const ListTag = tag != null ? tag : "ul";
753
- return /* @__PURE__ */ React14.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
739
+ return /* @__PURE__ */ React13.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
754
740
  };
755
741
 
756
742
  // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
757
743
  import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
758
- import React15 from "react";
744
+ import React14 from "react";
759
745
  var ParagraphRichTextNode = ({ children, node }) => {
760
746
  const { format, direction } = node;
761
- return /* @__PURE__ */ React15.createElement(
747
+ return /* @__PURE__ */ React14.createElement(
762
748
  "p",
763
749
  {
764
750
  dir: isPureDirection(direction) ? direction : void 0,
@@ -770,26 +756,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
770
756
 
771
757
  // src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
772
758
  import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
773
- import React16 from "react";
759
+ import React15 from "react";
774
760
  var TableCellRichTextNode = ({ children, node }) => {
775
761
  const { headerState } = node;
776
762
  const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
777
- return /* @__PURE__ */ React16.createElement(TableCellTag, null, children);
763
+ return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
778
764
  };
779
765
 
780
766
  // src/components/UniformRichText/nodes/TabRichTextNode.tsx
781
- import React17 from "react";
767
+ import React16 from "react";
782
768
  var TabRichTextNode = () => {
783
- return /* @__PURE__ */ React17.createElement(React17.Fragment, null, " ");
769
+ return /* @__PURE__ */ React16.createElement(React16.Fragment, null, " ");
784
770
  };
785
771
 
786
772
  // src/components/UniformRichText/nodes/TextRichTextNode.tsx
787
773
  import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
788
- import React18 from "react";
774
+ import React17 from "react";
789
775
  var TextRichTextNode = ({ node }) => {
790
776
  const { text, format } = node;
791
777
  const tags = getRichTextTagsFromTextFormat(format);
792
- return /* @__PURE__ */ React18.createElement(React18.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React18.createElement(Tag, null, children), text) : text);
778
+ return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
793
779
  };
794
780
 
795
781
  // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -803,8 +789,8 @@ function UniformRichTextNode({ node, ...props }) {
803
789
  if (!NodeRenderer) {
804
790
  return null;
805
791
  }
806
- const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React19.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
807
- return /* @__PURE__ */ React19.createElement(NodeRenderer, { node }, children);
792
+ const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React18.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
793
+ return /* @__PURE__ */ React18.createElement(NodeRenderer, { node }, children);
808
794
  }
809
795
  var rendererMap = /* @__PURE__ */ new Map([
810
796
  ["heading", HeadingRichTextNode],
@@ -813,28 +799,27 @@ var rendererMap = /* @__PURE__ */ new Map([
813
799
  ["list", ListRichTextNode],
814
800
  ["listitem", ListItemRichTextNode],
815
801
  ["paragraph", ParagraphRichTextNode],
816
- ["quote", ({ children }) => /* @__PURE__ */ React19.createElement("blockquote", null, children)],
802
+ ["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
817
803
  [
818
804
  "code",
819
- ({ children }) => /* @__PURE__ */ React19.createElement("pre", null, /* @__PURE__ */ React19.createElement("code", null, children))
805
+ ({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
820
806
  ],
821
- ["root", ({ children }) => /* @__PURE__ */ React19.createElement(React19.Fragment, null, children)],
807
+ ["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
822
808
  ["text", TextRichTextNode],
823
809
  ["tab", TabRichTextNode],
824
810
  [
825
811
  "table",
826
- ({ children }) => /* @__PURE__ */ React19.createElement("table", null, /* @__PURE__ */ React19.createElement("tbody", null, children))
812
+ ({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
827
813
  ],
828
- ["tablerow", ({ children }) => /* @__PURE__ */ React19.createElement("tr", null, children)],
829
- ["tablecell", TableCellRichTextNode],
830
- ["asset", AssetRichTextNode]
814
+ ["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
815
+ ["tablecell", TableCellRichTextNode]
831
816
  ]);
832
817
  var resolveRichTextDefaultRenderer = (node) => {
833
818
  return rendererMap.get(node.type);
834
819
  };
835
820
 
836
821
  // src/components/UniformRichText/UniformRichText.tsx
837
- var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
822
+ var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
838
823
  var _a;
839
824
  const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
840
825
  const { isContextualEditing } = useUniformCurrentComposition();
@@ -847,7 +832,7 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
847
832
  const value = parameter.value;
848
833
  if (!value || !isRichTextValue(value)) return null;
849
834
  if (!isContextualEditing && isRichTextValueConsideredEmpty(value)) return null;
850
- return Tag === null ? /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React20.createElement(
835
+ return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
851
836
  Tag,
852
837
  {
853
838
  ref,
@@ -858,15 +843,15 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
858
843
  [ATTRIBUTE_PARAMETER_TYPE]: "richText"
859
844
  } : {}
860
845
  },
861
- isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
846
+ isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
862
847
  );
863
848
  });
864
849
 
865
850
  // src/components/UniformText.tsx
866
- import React22, { useState as useState2 } from "react";
851
+ import React21, { useState as useState2 } from "react";
867
852
 
868
853
  // src/components/PureUniformText.tsx
869
- import React21 from "react";
854
+ import React20 from "react";
870
855
  var PureUniformText = ({
871
856
  as: Tag = "span",
872
857
  parameterId,
@@ -885,10 +870,10 @@ var PureUniformText = ({
885
870
  return null;
886
871
  }
887
872
  if (!isContextualEditing) {
888
- return /* @__PURE__ */ React21.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
873
+ return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
889
874
  }
890
875
  const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
891
- return /* @__PURE__ */ React21.createElement(
876
+ return /* @__PURE__ */ React20.createElement(
892
877
  Tag,
893
878
  {
894
879
  ...props,
@@ -926,7 +911,7 @@ var UniformText = ({
926
911
  }
927
912
  const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
928
913
  const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
929
- return /* @__PURE__ */ React22.createElement(
914
+ return /* @__PURE__ */ React21.createElement(
930
915
  PureUniformText,
931
916
  {
932
917
  ...props,
package/dist/index.js CHANGED
@@ -720,69 +720,55 @@ var UniformPlayground = ({
720
720
  // src/components/UniformRichText/UniformRichText.tsx
721
721
  var import_canvas11 = require("@uniformdev/canvas");
722
722
  var import_richtext6 = require("@uniformdev/richtext");
723
- var import_react22 = __toESM(require("react"));
723
+ var import_react21 = __toESM(require("react"));
724
724
 
725
725
  // src/components/UniformRichText/UniformRichTextNode.tsx
726
726
  var import_richtext5 = require("@uniformdev/richtext");
727
- var import_react21 = __toESM(require("react"));
728
-
729
- // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
730
- var import_react11 = __toESM(require("react"));
731
- var AssetRichTextNode = ({ node }) => {
732
- var _a, _b;
733
- const { __asset } = node;
734
- if (__asset === void 0) {
735
- return null;
736
- }
737
- if (__asset.type !== "image") {
738
- return null;
739
- }
740
- return /* @__PURE__ */ import_react11.default.createElement("figure", null, /* @__PURE__ */ import_react11.default.createElement("img", { src: __asset.fields.url.value, alt: (_a = __asset.fields.title) == null ? void 0 : _a.value }), ((_b = __asset.fields.description) == null ? void 0 : _b.value) ? /* @__PURE__ */ import_react11.default.createElement("figcaption", null, __asset.fields.description.value) : null);
741
- };
727
+ var import_react20 = __toESM(require("react"));
742
728
 
743
729
  // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
744
- var import_react12 = __toESM(require("react"));
730
+ var import_react11 = __toESM(require("react"));
745
731
  var HeadingRichTextNode = ({ children, node }) => {
746
732
  const { tag } = node;
747
733
  const HTag = tag != null ? tag : "h1";
748
- return /* @__PURE__ */ import_react12.default.createElement(HTag, null, children);
734
+ return /* @__PURE__ */ import_react11.default.createElement(HTag, null, children);
749
735
  };
750
736
 
751
737
  // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
752
- var import_react13 = __toESM(require("react"));
738
+ var import_react12 = __toESM(require("react"));
753
739
  var LinebreakRichTextNode = () => {
754
- return /* @__PURE__ */ import_react13.default.createElement("br", null);
740
+ return /* @__PURE__ */ import_react12.default.createElement("br", null);
755
741
  };
756
742
 
757
743
  // src/components/UniformRichText/nodes/LinkRichTextNode.tsx
758
744
  var import_richtext = require("@uniformdev/richtext");
759
- var import_react14 = __toESM(require("react"));
745
+ var import_react13 = __toESM(require("react"));
760
746
  var LinkRichTextNode = ({ children, node }) => {
761
747
  const { link } = node;
762
- return /* @__PURE__ */ import_react14.default.createElement("a", { href: (0, import_richtext.linkParamValueToHref)(link) }, children);
748
+ return /* @__PURE__ */ import_react13.default.createElement("a", { href: (0, import_richtext.linkParamValueToHref)(link) }, children);
763
749
  };
764
750
 
765
751
  // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
766
- var import_react15 = __toESM(require("react"));
752
+ var import_react14 = __toESM(require("react"));
767
753
  var ListItemRichTextNode = ({ children, node }) => {
768
754
  const { value } = node;
769
- return /* @__PURE__ */ import_react15.default.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
755
+ return /* @__PURE__ */ import_react14.default.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
770
756
  };
771
757
 
772
758
  // src/components/UniformRichText/nodes/ListRichTextNode.tsx
773
- var import_react16 = __toESM(require("react"));
759
+ var import_react15 = __toESM(require("react"));
774
760
  var ListRichTextNode = ({ children, node }) => {
775
761
  const { tag, start } = node;
776
762
  const ListTag = tag != null ? tag : "ul";
777
- return /* @__PURE__ */ import_react16.default.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
763
+ return /* @__PURE__ */ import_react15.default.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
778
764
  };
779
765
 
780
766
  // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
781
767
  var import_richtext2 = require("@uniformdev/richtext");
782
- var import_react17 = __toESM(require("react"));
768
+ var import_react16 = __toESM(require("react"));
783
769
  var ParagraphRichTextNode = ({ children, node }) => {
784
770
  const { format, direction } = node;
785
- return /* @__PURE__ */ import_react17.default.createElement(
771
+ return /* @__PURE__ */ import_react16.default.createElement(
786
772
  "p",
787
773
  {
788
774
  dir: (0, import_richtext2.isPureDirection)(direction) ? direction : void 0,
@@ -794,26 +780,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
794
780
 
795
781
  // src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
796
782
  var import_richtext3 = require("@uniformdev/richtext");
797
- var import_react18 = __toESM(require("react"));
783
+ var import_react17 = __toESM(require("react"));
798
784
  var TableCellRichTextNode = ({ children, node }) => {
799
785
  const { headerState } = node;
800
786
  const TableCellTag = (0, import_richtext3.getRichTextTagFromTableCellHeaderState)(headerState);
801
- return /* @__PURE__ */ import_react18.default.createElement(TableCellTag, null, children);
787
+ return /* @__PURE__ */ import_react17.default.createElement(TableCellTag, null, children);
802
788
  };
803
789
 
804
790
  // src/components/UniformRichText/nodes/TabRichTextNode.tsx
805
- var import_react19 = __toESM(require("react"));
791
+ var import_react18 = __toESM(require("react"));
806
792
  var TabRichTextNode = () => {
807
- return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, " ");
793
+ return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, " ");
808
794
  };
809
795
 
810
796
  // src/components/UniformRichText/nodes/TextRichTextNode.tsx
811
797
  var import_richtext4 = require("@uniformdev/richtext");
812
- var import_react20 = __toESM(require("react"));
798
+ var import_react19 = __toESM(require("react"));
813
799
  var TextRichTextNode = ({ node }) => {
814
800
  const { text, format } = node;
815
801
  const tags = (0, import_richtext4.getRichTextTagsFromTextFormat)(format);
816
- return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ import_react20.default.createElement(Tag, null, children), text) : text);
802
+ return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ import_react19.default.createElement(Tag, null, children), text) : text);
817
803
  };
818
804
 
819
805
  // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -827,8 +813,8 @@ function UniformRichTextNode({ node, ...props }) {
827
813
  if (!NodeRenderer) {
828
814
  return null;
829
815
  }
830
- const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
831
- return /* @__PURE__ */ import_react21.default.createElement(NodeRenderer, { node }, children);
816
+ const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ import_react20.default.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
817
+ return /* @__PURE__ */ import_react20.default.createElement(NodeRenderer, { node }, children);
832
818
  }
833
819
  var rendererMap = /* @__PURE__ */ new Map([
834
820
  ["heading", HeadingRichTextNode],
@@ -837,28 +823,27 @@ var rendererMap = /* @__PURE__ */ new Map([
837
823
  ["list", ListRichTextNode],
838
824
  ["listitem", ListItemRichTextNode],
839
825
  ["paragraph", ParagraphRichTextNode],
840
- ["quote", ({ children }) => /* @__PURE__ */ import_react21.default.createElement("blockquote", null, children)],
826
+ ["quote", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("blockquote", null, children)],
841
827
  [
842
828
  "code",
843
- ({ children }) => /* @__PURE__ */ import_react21.default.createElement("pre", null, /* @__PURE__ */ import_react21.default.createElement("code", null, children))
829
+ ({ children }) => /* @__PURE__ */ import_react20.default.createElement("pre", null, /* @__PURE__ */ import_react20.default.createElement("code", null, children))
844
830
  ],
845
- ["root", ({ children }) => /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, children)],
831
+ ["root", ({ children }) => /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, children)],
846
832
  ["text", TextRichTextNode],
847
833
  ["tab", TabRichTextNode],
848
834
  [
849
835
  "table",
850
- ({ children }) => /* @__PURE__ */ import_react21.default.createElement("table", null, /* @__PURE__ */ import_react21.default.createElement("tbody", null, children))
836
+ ({ children }) => /* @__PURE__ */ import_react20.default.createElement("table", null, /* @__PURE__ */ import_react20.default.createElement("tbody", null, children))
851
837
  ],
852
- ["tablerow", ({ children }) => /* @__PURE__ */ import_react21.default.createElement("tr", null, children)],
853
- ["tablecell", TableCellRichTextNode],
854
- ["asset", AssetRichTextNode]
838
+ ["tablerow", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("tr", null, children)],
839
+ ["tablecell", TableCellRichTextNode]
855
840
  ]);
856
841
  var resolveRichTextDefaultRenderer = (node) => {
857
842
  return rendererMap.get(node.type);
858
843
  };
859
844
 
860
845
  // src/components/UniformRichText/UniformRichText.tsx
861
- var UniformRichText = import_react22.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
846
+ var UniformRichText = import_react21.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
862
847
  var _a;
863
848
  const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
864
849
  const { isContextualEditing } = useUniformCurrentComposition();
@@ -871,7 +856,7 @@ var UniformRichText = import_react22.default.forwardRef(function UniformRichText
871
856
  const value = parameter.value;
872
857
  if (!value || !(0, import_richtext6.isRichTextValue)(value)) return null;
873
858
  if (!isContextualEditing && (0, import_richtext6.isRichTextValueConsideredEmpty)(value)) return null;
874
- return Tag === null ? /* @__PURE__ */ import_react22.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react22.default.createElement(
859
+ return Tag === null ? /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react21.default.createElement(
875
860
  Tag,
876
861
  {
877
862
  ref,
@@ -882,15 +867,15 @@ var UniformRichText = import_react22.default.forwardRef(function UniformRichText
882
867
  [import_canvas11.ATTRIBUTE_PARAMETER_TYPE]: "richText"
883
868
  } : {}
884
869
  },
885
- (0, import_richtext6.isRichTextValueConsideredEmpty)(value) ? /* @__PURE__ */ import_react22.default.createElement("p", null, /* @__PURE__ */ import_react22.default.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ import_react22.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
870
+ (0, import_richtext6.isRichTextValueConsideredEmpty)(value) ? /* @__PURE__ */ import_react21.default.createElement("p", null, /* @__PURE__ */ import_react21.default.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
886
871
  );
887
872
  });
888
873
 
889
874
  // src/components/UniformText.tsx
890
- var import_react24 = __toESM(require("react"));
875
+ var import_react23 = __toESM(require("react"));
891
876
 
892
877
  // src/components/PureUniformText.tsx
893
- var import_react23 = __toESM(require("react"));
878
+ var import_react22 = __toESM(require("react"));
894
879
  var PureUniformText = ({
895
880
  as: Tag = "span",
896
881
  parameterId,
@@ -909,10 +894,10 @@ var PureUniformText = ({
909
894
  return null;
910
895
  }
911
896
  if (!isContextualEditing) {
912
- return /* @__PURE__ */ import_react23.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
897
+ return /* @__PURE__ */ import_react22.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
913
898
  }
914
899
  const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
915
- return /* @__PURE__ */ import_react23.default.createElement(
900
+ return /* @__PURE__ */ import_react22.default.createElement(
916
901
  Tag,
917
902
  {
918
903
  ...props,
@@ -941,7 +926,7 @@ var UniformText = ({
941
926
  var _a, _b, _c;
942
927
  const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
943
928
  const { isContextualEditing } = useUniformCurrentComposition();
944
- const [isFocused, setIsFocused] = (0, import_react24.useState)(false);
929
+ const [isFocused, setIsFocused] = (0, import_react23.useState)(false);
945
930
  const parameter = (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[parameterId];
946
931
  const isEditable = (_c = (_b = parameter == null ? void 0 : parameter._contextualEditing) == null ? void 0 : _b.isEditable) != null ? _c : false;
947
932
  const shouldSkipCustomRendering = isFocused && isEditable;
@@ -950,7 +935,7 @@ var UniformText = ({
950
935
  }
951
936
  const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
952
937
  const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
953
- return /* @__PURE__ */ import_react24.default.createElement(
938
+ return /* @__PURE__ */ import_react23.default.createElement(
954
939
  PureUniformText,
955
940
  {
956
941
  ...props,
@@ -983,14 +968,14 @@ var getParameterAttributes = (options) => {
983
968
 
984
969
  // src/hooks/useCompositionEventEffect.ts
985
970
  var import_canvas13 = require("@uniformdev/canvas");
986
- var import_react25 = require("react");
971
+ var import_react24 = require("react");
987
972
  function useCompositionEventEffect({
988
973
  enabled,
989
974
  projectId,
990
975
  compositionId,
991
976
  effect
992
977
  }) {
993
- (0, import_react25.useEffect)(() => {
978
+ (0, import_react24.useEffect)(() => {
994
979
  if (!enabled || !compositionId || !projectId) {
995
980
  return;
996
981
  }
@@ -1019,17 +1004,17 @@ function useCompositionEventEffect({
1019
1004
 
1020
1005
  // src/hooks/useUniformContextualEditingState.ts
1021
1006
  var import_canvas14 = require("@uniformdev/canvas");
1022
- var import_react26 = require("react");
1007
+ var import_react25 = require("react");
1023
1008
  var useUniformContextualEditingState = ({
1024
1009
  global = false
1025
1010
  } = {}) => {
1026
1011
  const { isContextualEditing } = useUniformCurrentComposition();
1027
1012
  const { data: componentData } = useUniformCurrentComponent();
1028
- const [selectedComponentReference, setSelectedComponentReference] = (0, import_react26.useState)();
1029
- const [previewMode, setPreviewMode] = (0, import_react26.useState)(
1013
+ const [selectedComponentReference, setSelectedComponentReference] = (0, import_react25.useState)();
1014
+ const [previewMode, setPreviewMode] = (0, import_react25.useState)(
1030
1015
  isContextualEditing ? "editor" : void 0
1031
1016
  );
1032
- const channel = (0, import_react26.useMemo)(() => {
1017
+ const channel = (0, import_react25.useMemo)(() => {
1033
1018
  if (!isContextualEditing) {
1034
1019
  return;
1035
1020
  }
@@ -1039,7 +1024,7 @@ var useUniformContextualEditingState = ({
1039
1024
  });
1040
1025
  return channel2;
1041
1026
  }, [isContextualEditing]);
1042
- (0, import_react26.useEffect)(() => {
1027
+ (0, import_react25.useEffect)(() => {
1043
1028
  var _a, _b;
1044
1029
  if (!channel) {
1045
1030
  return;
@@ -1063,7 +1048,7 @@ var useUniformContextualEditingState = ({
1063
1048
  unsubscribe();
1064
1049
  };
1065
1050
  }, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference, setPreviewMode]);
1066
- return (0, import_react26.useMemo)(
1051
+ return (0, import_react25.useMemo)(
1067
1052
  () => ({
1068
1053
  isContextualEditing,
1069
1054
  selectedComponentReference,
package/dist/index.mjs CHANGED
@@ -696,69 +696,55 @@ import {
696
696
  ATTRIBUTE_PARAMETER_TYPE
697
697
  } from "@uniformdev/canvas";
698
698
  import { isRichTextValue, isRichTextValueConsideredEmpty } from "@uniformdev/richtext";
699
- import React20 from "react";
699
+ import React19 from "react";
700
700
 
701
701
  // src/components/UniformRichText/UniformRichTextNode.tsx
702
702
  import { isRichTextNode } from "@uniformdev/richtext";
703
- import React19 from "react";
704
-
705
- // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
706
- import React9 from "react";
707
- var AssetRichTextNode = ({ node }) => {
708
- var _a, _b;
709
- const { __asset } = node;
710
- if (__asset === void 0) {
711
- return null;
712
- }
713
- if (__asset.type !== "image") {
714
- return null;
715
- }
716
- return /* @__PURE__ */ React9.createElement("figure", null, /* @__PURE__ */ React9.createElement("img", { src: __asset.fields.url.value, alt: (_a = __asset.fields.title) == null ? void 0 : _a.value }), ((_b = __asset.fields.description) == null ? void 0 : _b.value) ? /* @__PURE__ */ React9.createElement("figcaption", null, __asset.fields.description.value) : null);
717
- };
703
+ import React18 from "react";
718
704
 
719
705
  // src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
720
- import React10 from "react";
706
+ import React9 from "react";
721
707
  var HeadingRichTextNode = ({ children, node }) => {
722
708
  const { tag } = node;
723
709
  const HTag = tag != null ? tag : "h1";
724
- return /* @__PURE__ */ React10.createElement(HTag, null, children);
710
+ return /* @__PURE__ */ React9.createElement(HTag, null, children);
725
711
  };
726
712
 
727
713
  // src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
728
- import React11 from "react";
714
+ import React10 from "react";
729
715
  var LinebreakRichTextNode = () => {
730
- return /* @__PURE__ */ React11.createElement("br", null);
716
+ return /* @__PURE__ */ React10.createElement("br", null);
731
717
  };
732
718
 
733
719
  // src/components/UniformRichText/nodes/LinkRichTextNode.tsx
734
720
  import { linkParamValueToHref } from "@uniformdev/richtext";
735
- import React12 from "react";
721
+ import React11 from "react";
736
722
  var LinkRichTextNode = ({ children, node }) => {
737
723
  const { link } = node;
738
- return /* @__PURE__ */ React12.createElement("a", { href: linkParamValueToHref(link) }, children);
724
+ return /* @__PURE__ */ React11.createElement("a", { href: linkParamValueToHref(link) }, children);
739
725
  };
740
726
 
741
727
  // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
742
- import React13 from "react";
728
+ import React12 from "react";
743
729
  var ListItemRichTextNode = ({ children, node }) => {
744
730
  const { value } = node;
745
- return /* @__PURE__ */ React13.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
731
+ return /* @__PURE__ */ React12.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
746
732
  };
747
733
 
748
734
  // src/components/UniformRichText/nodes/ListRichTextNode.tsx
749
- import React14 from "react";
735
+ import React13 from "react";
750
736
  var ListRichTextNode = ({ children, node }) => {
751
737
  const { tag, start } = node;
752
738
  const ListTag = tag != null ? tag : "ul";
753
- return /* @__PURE__ */ React14.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
739
+ return /* @__PURE__ */ React13.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
754
740
  };
755
741
 
756
742
  // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
757
743
  import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
758
- import React15 from "react";
744
+ import React14 from "react";
759
745
  var ParagraphRichTextNode = ({ children, node }) => {
760
746
  const { format, direction } = node;
761
- return /* @__PURE__ */ React15.createElement(
747
+ return /* @__PURE__ */ React14.createElement(
762
748
  "p",
763
749
  {
764
750
  dir: isPureDirection(direction) ? direction : void 0,
@@ -770,26 +756,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
770
756
 
771
757
  // src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
772
758
  import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
773
- import React16 from "react";
759
+ import React15 from "react";
774
760
  var TableCellRichTextNode = ({ children, node }) => {
775
761
  const { headerState } = node;
776
762
  const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
777
- return /* @__PURE__ */ React16.createElement(TableCellTag, null, children);
763
+ return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
778
764
  };
779
765
 
780
766
  // src/components/UniformRichText/nodes/TabRichTextNode.tsx
781
- import React17 from "react";
767
+ import React16 from "react";
782
768
  var TabRichTextNode = () => {
783
- return /* @__PURE__ */ React17.createElement(React17.Fragment, null, " ");
769
+ return /* @__PURE__ */ React16.createElement(React16.Fragment, null, " ");
784
770
  };
785
771
 
786
772
  // src/components/UniformRichText/nodes/TextRichTextNode.tsx
787
773
  import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
788
- import React18 from "react";
774
+ import React17 from "react";
789
775
  var TextRichTextNode = ({ node }) => {
790
776
  const { text, format } = node;
791
777
  const tags = getRichTextTagsFromTextFormat(format);
792
- return /* @__PURE__ */ React18.createElement(React18.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React18.createElement(Tag, null, children), text) : text);
778
+ return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
793
779
  };
794
780
 
795
781
  // src/components/UniformRichText/UniformRichTextNode.tsx
@@ -803,8 +789,8 @@ function UniformRichTextNode({ node, ...props }) {
803
789
  if (!NodeRenderer) {
804
790
  return null;
805
791
  }
806
- const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React19.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
807
- return /* @__PURE__ */ React19.createElement(NodeRenderer, { node }, children);
792
+ const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */ React18.createElement(UniformRichTextNode, { ...props, key: i, node: childNode })) : null;
793
+ return /* @__PURE__ */ React18.createElement(NodeRenderer, { node }, children);
808
794
  }
809
795
  var rendererMap = /* @__PURE__ */ new Map([
810
796
  ["heading", HeadingRichTextNode],
@@ -813,28 +799,27 @@ var rendererMap = /* @__PURE__ */ new Map([
813
799
  ["list", ListRichTextNode],
814
800
  ["listitem", ListItemRichTextNode],
815
801
  ["paragraph", ParagraphRichTextNode],
816
- ["quote", ({ children }) => /* @__PURE__ */ React19.createElement("blockquote", null, children)],
802
+ ["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
817
803
  [
818
804
  "code",
819
- ({ children }) => /* @__PURE__ */ React19.createElement("pre", null, /* @__PURE__ */ React19.createElement("code", null, children))
805
+ ({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
820
806
  ],
821
- ["root", ({ children }) => /* @__PURE__ */ React19.createElement(React19.Fragment, null, children)],
807
+ ["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
822
808
  ["text", TextRichTextNode],
823
809
  ["tab", TabRichTextNode],
824
810
  [
825
811
  "table",
826
- ({ children }) => /* @__PURE__ */ React19.createElement("table", null, /* @__PURE__ */ React19.createElement("tbody", null, children))
812
+ ({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
827
813
  ],
828
- ["tablerow", ({ children }) => /* @__PURE__ */ React19.createElement("tr", null, children)],
829
- ["tablecell", TableCellRichTextNode],
830
- ["asset", AssetRichTextNode]
814
+ ["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
815
+ ["tablecell", TableCellRichTextNode]
831
816
  ]);
832
817
  var resolveRichTextDefaultRenderer = (node) => {
833
818
  return rendererMap.get(node.type);
834
819
  };
835
820
 
836
821
  // src/components/UniformRichText/UniformRichText.tsx
837
- var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
822
+ var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
838
823
  var _a;
839
824
  const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
840
825
  const { isContextualEditing } = useUniformCurrentComposition();
@@ -847,7 +832,7 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
847
832
  const value = parameter.value;
848
833
  if (!value || !isRichTextValue(value)) return null;
849
834
  if (!isContextualEditing && isRichTextValueConsideredEmpty(value)) return null;
850
- return Tag === null ? /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React20.createElement(
835
+ return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
851
836
  Tag,
852
837
  {
853
838
  ref,
@@ -858,15 +843,15 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
858
843
  [ATTRIBUTE_PARAMETER_TYPE]: "richText"
859
844
  } : {}
860
845
  },
861
- isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React20.createElement("p", null, /* @__PURE__ */ React20.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React20.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
846
+ isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
862
847
  );
863
848
  });
864
849
 
865
850
  // src/components/UniformText.tsx
866
- import React22, { useState as useState2 } from "react";
851
+ import React21, { useState as useState2 } from "react";
867
852
 
868
853
  // src/components/PureUniformText.tsx
869
- import React21 from "react";
854
+ import React20 from "react";
870
855
  var PureUniformText = ({
871
856
  as: Tag = "span",
872
857
  parameterId,
@@ -885,10 +870,10 @@ var PureUniformText = ({
885
870
  return null;
886
871
  }
887
872
  if (!isContextualEditing) {
888
- return /* @__PURE__ */ React21.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
873
+ return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
889
874
  }
890
875
  const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
891
- return /* @__PURE__ */ React21.createElement(
876
+ return /* @__PURE__ */ React20.createElement(
892
877
  Tag,
893
878
  {
894
879
  ...props,
@@ -926,7 +911,7 @@ var UniformText = ({
926
911
  }
927
912
  const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
928
913
  const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
929
- return /* @__PURE__ */ React22.createElement(
914
+ return /* @__PURE__ */ React21.createElement(
930
915
  PureUniformText,
931
916
  {
932
917
  ...props,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/canvas-react",
3
- "version": "19.186.2-alpha.14+2868049c36",
3
+ "version": "19.186.4-alpha.3+59de2f77b6",
4
4
  "description": "React SDK for Uniform Canvas",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -45,10 +45,10 @@
45
45
  "document": "api-extractor run --local"
46
46
  },
47
47
  "dependencies": {
48
- "@uniformdev/canvas": "19.186.2-alpha.14+2868049c36",
49
- "@uniformdev/context": "19.186.2-alpha.14+2868049c36",
50
- "@uniformdev/context-react": "19.186.2-alpha.14+2868049c36",
51
- "@uniformdev/richtext": "19.186.2-alpha.14+2868049c36"
48
+ "@uniformdev/canvas": "19.186.4-alpha.3+59de2f77b6",
49
+ "@uniformdev/context": "19.186.4-alpha.3+59de2f77b6",
50
+ "@uniformdev/context-react": "19.186.4-alpha.3+59de2f77b6",
51
+ "@uniformdev/richtext": "19.186.4-alpha.3+59de2f77b6"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "immer": ">= 10",
@@ -67,5 +67,5 @@
67
67
  "publishConfig": {
68
68
  "access": "public"
69
69
  },
70
- "gitHead": "2868049c365d370abc91762e89dc845c61c02b78"
70
+ "gitHead": "59de2f77b6270e36c6a5e95b0bd6b1756c4dcdf0"
71
71
  }