@uniformdev/canvas-react 19.185.1-alpha.8 → 19.186.1
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/index.d.mts +4 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.esm.js +36 -52
- package/dist/index.js +58 -74
- package/dist/index.mjs +36 -52
- package/package.json +6 -6
package/dist/index.d.mts
CHANGED
|
@@ -227,6 +227,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
227
227
|
isPatternParameter?: boolean;
|
|
228
228
|
ignorePatternParameterDefault?: boolean;
|
|
229
229
|
optionalPatternParameter?: boolean;
|
|
230
|
+
dataSourceVariant?: "unpublished";
|
|
230
231
|
variables?: {
|
|
231
232
|
[key: string]: string;
|
|
232
233
|
};
|
|
@@ -238,6 +239,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
238
239
|
isPatternParameter?: boolean;
|
|
239
240
|
ignorePatternParameterDefault?: boolean;
|
|
240
241
|
optionalPatternParameter?: boolean;
|
|
242
|
+
dataSourceVariant?: "unpublished";
|
|
241
243
|
variables?: {
|
|
242
244
|
[key: string]: string;
|
|
243
245
|
};
|
|
@@ -320,6 +322,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
320
322
|
isPatternParameter?: boolean;
|
|
321
323
|
ignorePatternParameterDefault?: boolean;
|
|
322
324
|
optionalPatternParameter?: boolean;
|
|
325
|
+
dataSourceVariant?: "unpublished";
|
|
323
326
|
variables?: {
|
|
324
327
|
[key: string]: string;
|
|
325
328
|
};
|
|
@@ -331,6 +334,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
331
334
|
isPatternParameter?: boolean;
|
|
332
335
|
ignorePatternParameterDefault?: boolean;
|
|
333
336
|
optionalPatternParameter?: boolean;
|
|
337
|
+
dataSourceVariant?: "unpublished";
|
|
334
338
|
variables?: {
|
|
335
339
|
[key: string]: string;
|
|
336
340
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -227,6 +227,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
227
227
|
isPatternParameter?: boolean;
|
|
228
228
|
ignorePatternParameterDefault?: boolean;
|
|
229
229
|
optionalPatternParameter?: boolean;
|
|
230
|
+
dataSourceVariant?: "unpublished";
|
|
230
231
|
variables?: {
|
|
231
232
|
[key: string]: string;
|
|
232
233
|
};
|
|
@@ -238,6 +239,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
238
239
|
isPatternParameter?: boolean;
|
|
239
240
|
ignorePatternParameterDefault?: boolean;
|
|
240
241
|
optionalPatternParameter?: boolean;
|
|
242
|
+
dataSourceVariant?: "unpublished";
|
|
241
243
|
variables?: {
|
|
242
244
|
[key: string]: string;
|
|
243
245
|
};
|
|
@@ -320,6 +322,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
320
322
|
isPatternParameter?: boolean;
|
|
321
323
|
ignorePatternParameterDefault?: boolean;
|
|
322
324
|
optionalPatternParameter?: boolean;
|
|
325
|
+
dataSourceVariant?: "unpublished";
|
|
323
326
|
variables?: {
|
|
324
327
|
[key: string]: string;
|
|
325
328
|
};
|
|
@@ -331,6 +334,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
|
|
|
331
334
|
isPatternParameter?: boolean;
|
|
332
335
|
ignorePatternParameterDefault?: boolean;
|
|
333
336
|
optionalPatternParameter?: boolean;
|
|
337
|
+
dataSourceVariant?: "unpublished";
|
|
334
338
|
variables?: {
|
|
335
339
|
[key: string]: string;
|
|
336
340
|
};
|
package/dist/index.esm.js
CHANGED
|
@@ -696,70 +696,55 @@ import {
|
|
|
696
696
|
ATTRIBUTE_PARAMETER_TYPE
|
|
697
697
|
} from "@uniformdev/canvas";
|
|
698
698
|
import { isRichTextValue, isRichTextValueConsideredEmpty } from "@uniformdev/richtext";
|
|
699
|
-
import
|
|
699
|
+
import React19 from "react";
|
|
700
700
|
|
|
701
701
|
// src/components/UniformRichText/UniformRichTextNode.tsx
|
|
702
702
|
import { isRichTextNode } from "@uniformdev/richtext";
|
|
703
|
-
import
|
|
704
|
-
|
|
705
|
-
// src/components/UniformRichText/nodes/AssetRichTextNode.tsx
|
|
706
|
-
import { ASSETS_SOURCE_UNIFORM } from "@uniformdev/canvas";
|
|
707
|
-
import React9 from "react";
|
|
708
|
-
var AssetRichTextNode = ({ node }) => {
|
|
709
|
-
var _a, _b;
|
|
710
|
-
const { __asset } = node;
|
|
711
|
-
if (__asset === void 0) {
|
|
712
|
-
return null;
|
|
713
|
-
}
|
|
714
|
-
if (__asset.type !== "image" || __asset._source !== ASSETS_SOURCE_UNIFORM) {
|
|
715
|
-
return null;
|
|
716
|
-
}
|
|
717
|
-
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);
|
|
718
|
-
};
|
|
703
|
+
import React18 from "react";
|
|
719
704
|
|
|
720
705
|
// src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
|
|
721
|
-
import
|
|
706
|
+
import React9 from "react";
|
|
722
707
|
var HeadingRichTextNode = ({ children, node }) => {
|
|
723
708
|
const { tag } = node;
|
|
724
709
|
const HTag = tag != null ? tag : "h1";
|
|
725
|
-
return /* @__PURE__ */
|
|
710
|
+
return /* @__PURE__ */ React9.createElement(HTag, null, children);
|
|
726
711
|
};
|
|
727
712
|
|
|
728
713
|
// src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
|
|
729
|
-
import
|
|
714
|
+
import React10 from "react";
|
|
730
715
|
var LinebreakRichTextNode = () => {
|
|
731
|
-
return /* @__PURE__ */
|
|
716
|
+
return /* @__PURE__ */ React10.createElement("br", null);
|
|
732
717
|
};
|
|
733
718
|
|
|
734
719
|
// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
|
|
735
720
|
import { linkParamValueToHref } from "@uniformdev/richtext";
|
|
736
|
-
import
|
|
721
|
+
import React11 from "react";
|
|
737
722
|
var LinkRichTextNode = ({ children, node }) => {
|
|
738
723
|
const { link } = node;
|
|
739
|
-
return /* @__PURE__ */
|
|
724
|
+
return /* @__PURE__ */ React11.createElement("a", { href: linkParamValueToHref(link) }, children);
|
|
740
725
|
};
|
|
741
726
|
|
|
742
727
|
// src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
|
|
743
|
-
import
|
|
728
|
+
import React12 from "react";
|
|
744
729
|
var ListItemRichTextNode = ({ children, node }) => {
|
|
745
730
|
const { value } = node;
|
|
746
|
-
return /* @__PURE__ */
|
|
731
|
+
return /* @__PURE__ */ React12.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
|
|
747
732
|
};
|
|
748
733
|
|
|
749
734
|
// src/components/UniformRichText/nodes/ListRichTextNode.tsx
|
|
750
|
-
import
|
|
735
|
+
import React13 from "react";
|
|
751
736
|
var ListRichTextNode = ({ children, node }) => {
|
|
752
737
|
const { tag, start } = node;
|
|
753
738
|
const ListTag = tag != null ? tag : "ul";
|
|
754
|
-
return /* @__PURE__ */
|
|
739
|
+
return /* @__PURE__ */ React13.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
|
|
755
740
|
};
|
|
756
741
|
|
|
757
742
|
// src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
|
|
758
743
|
import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
|
|
759
|
-
import
|
|
744
|
+
import React14 from "react";
|
|
760
745
|
var ParagraphRichTextNode = ({ children, node }) => {
|
|
761
746
|
const { format, direction } = node;
|
|
762
|
-
return /* @__PURE__ */
|
|
747
|
+
return /* @__PURE__ */ React14.createElement(
|
|
763
748
|
"p",
|
|
764
749
|
{
|
|
765
750
|
dir: isPureDirection(direction) ? direction : void 0,
|
|
@@ -771,26 +756,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
|
|
|
771
756
|
|
|
772
757
|
// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
|
|
773
758
|
import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
|
|
774
|
-
import
|
|
759
|
+
import React15 from "react";
|
|
775
760
|
var TableCellRichTextNode = ({ children, node }) => {
|
|
776
761
|
const { headerState } = node;
|
|
777
762
|
const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
|
|
778
|
-
return /* @__PURE__ */
|
|
763
|
+
return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
|
|
779
764
|
};
|
|
780
765
|
|
|
781
766
|
// src/components/UniformRichText/nodes/TabRichTextNode.tsx
|
|
782
|
-
import
|
|
767
|
+
import React16 from "react";
|
|
783
768
|
var TabRichTextNode = () => {
|
|
784
|
-
return /* @__PURE__ */
|
|
769
|
+
return /* @__PURE__ */ React16.createElement(React16.Fragment, null, " ");
|
|
785
770
|
};
|
|
786
771
|
|
|
787
772
|
// src/components/UniformRichText/nodes/TextRichTextNode.tsx
|
|
788
773
|
import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
|
|
789
|
-
import
|
|
774
|
+
import React17 from "react";
|
|
790
775
|
var TextRichTextNode = ({ node }) => {
|
|
791
776
|
const { text, format } = node;
|
|
792
777
|
const tags = getRichTextTagsFromTextFormat(format);
|
|
793
|
-
return /* @__PURE__ */
|
|
778
|
+
return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
|
|
794
779
|
};
|
|
795
780
|
|
|
796
781
|
// src/components/UniformRichText/UniformRichTextNode.tsx
|
|
@@ -804,8 +789,8 @@ function UniformRichTextNode({ node, ...props }) {
|
|
|
804
789
|
if (!NodeRenderer) {
|
|
805
790
|
return null;
|
|
806
791
|
}
|
|
807
|
-
const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */
|
|
808
|
-
return /* @__PURE__ */
|
|
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);
|
|
809
794
|
}
|
|
810
795
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
811
796
|
["heading", HeadingRichTextNode],
|
|
@@ -814,28 +799,27 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
814
799
|
["list", ListRichTextNode],
|
|
815
800
|
["listitem", ListItemRichTextNode],
|
|
816
801
|
["paragraph", ParagraphRichTextNode],
|
|
817
|
-
["quote", ({ children }) => /* @__PURE__ */
|
|
802
|
+
["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
|
|
818
803
|
[
|
|
819
804
|
"code",
|
|
820
|
-
({ children }) => /* @__PURE__ */
|
|
805
|
+
({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
|
|
821
806
|
],
|
|
822
|
-
["root", ({ children }) => /* @__PURE__ */
|
|
807
|
+
["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
|
|
823
808
|
["text", TextRichTextNode],
|
|
824
809
|
["tab", TabRichTextNode],
|
|
825
810
|
[
|
|
826
811
|
"table",
|
|
827
|
-
({ children }) => /* @__PURE__ */
|
|
812
|
+
({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
|
|
828
813
|
],
|
|
829
|
-
["tablerow", ({ children }) => /* @__PURE__ */
|
|
830
|
-
["tablecell", TableCellRichTextNode]
|
|
831
|
-
["asset", AssetRichTextNode]
|
|
814
|
+
["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
|
|
815
|
+
["tablecell", TableCellRichTextNode]
|
|
832
816
|
]);
|
|
833
817
|
var resolveRichTextDefaultRenderer = (node) => {
|
|
834
818
|
return rendererMap.get(node.type);
|
|
835
819
|
};
|
|
836
820
|
|
|
837
821
|
// src/components/UniformRichText/UniformRichText.tsx
|
|
838
|
-
var UniformRichText =
|
|
822
|
+
var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
|
|
839
823
|
var _a;
|
|
840
824
|
const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
|
|
841
825
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
@@ -848,7 +832,7 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
|
|
|
848
832
|
const value = parameter.value;
|
|
849
833
|
if (!value || !isRichTextValue(value)) return null;
|
|
850
834
|
if (!isContextualEditing && isRichTextValueConsideredEmpty(value)) return null;
|
|
851
|
-
return Tag === null ? /* @__PURE__ */
|
|
835
|
+
return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
|
|
852
836
|
Tag,
|
|
853
837
|
{
|
|
854
838
|
ref,
|
|
@@ -859,15 +843,15 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
|
|
|
859
843
|
[ATTRIBUTE_PARAMETER_TYPE]: "richText"
|
|
860
844
|
} : {}
|
|
861
845
|
},
|
|
862
|
-
isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */
|
|
846
|
+
isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
|
|
863
847
|
);
|
|
864
848
|
});
|
|
865
849
|
|
|
866
850
|
// src/components/UniformText.tsx
|
|
867
|
-
import
|
|
851
|
+
import React21, { useState as useState2 } from "react";
|
|
868
852
|
|
|
869
853
|
// src/components/PureUniformText.tsx
|
|
870
|
-
import
|
|
854
|
+
import React20 from "react";
|
|
871
855
|
var PureUniformText = ({
|
|
872
856
|
as: Tag = "span",
|
|
873
857
|
parameterId,
|
|
@@ -886,10 +870,10 @@ var PureUniformText = ({
|
|
|
886
870
|
return null;
|
|
887
871
|
}
|
|
888
872
|
if (!isContextualEditing) {
|
|
889
|
-
return /* @__PURE__ */
|
|
873
|
+
return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
|
|
890
874
|
}
|
|
891
875
|
const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
|
|
892
|
-
return /* @__PURE__ */
|
|
876
|
+
return /* @__PURE__ */ React20.createElement(
|
|
893
877
|
Tag,
|
|
894
878
|
{
|
|
895
879
|
...props,
|
|
@@ -927,7 +911,7 @@ var UniformText = ({
|
|
|
927
911
|
}
|
|
928
912
|
const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
|
|
929
913
|
const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
|
|
930
|
-
return /* @__PURE__ */
|
|
914
|
+
return /* @__PURE__ */ React21.createElement(
|
|
931
915
|
PureUniformText,
|
|
932
916
|
{
|
|
933
917
|
...props,
|
package/dist/index.js
CHANGED
|
@@ -718,72 +718,57 @@ var UniformPlayground = ({
|
|
|
718
718
|
};
|
|
719
719
|
|
|
720
720
|
// src/components/UniformRichText/UniformRichText.tsx
|
|
721
|
-
var
|
|
721
|
+
var import_canvas11 = require("@uniformdev/canvas");
|
|
722
722
|
var import_richtext6 = require("@uniformdev/richtext");
|
|
723
|
-
var
|
|
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
|
|
728
|
-
|
|
729
|
-
// src/components/UniformRichText/nodes/AssetRichTextNode.tsx
|
|
730
|
-
var import_canvas11 = require("@uniformdev/canvas");
|
|
731
|
-
var import_react11 = __toESM(require("react"));
|
|
732
|
-
var AssetRichTextNode = ({ node }) => {
|
|
733
|
-
var _a, _b;
|
|
734
|
-
const { __asset } = node;
|
|
735
|
-
if (__asset === void 0) {
|
|
736
|
-
return null;
|
|
737
|
-
}
|
|
738
|
-
if (__asset.type !== "image" || __asset._source !== import_canvas11.ASSETS_SOURCE_UNIFORM) {
|
|
739
|
-
return null;
|
|
740
|
-
}
|
|
741
|
-
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);
|
|
742
|
-
};
|
|
727
|
+
var import_react20 = __toESM(require("react"));
|
|
743
728
|
|
|
744
729
|
// src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
|
|
745
|
-
var
|
|
730
|
+
var import_react11 = __toESM(require("react"));
|
|
746
731
|
var HeadingRichTextNode = ({ children, node }) => {
|
|
747
732
|
const { tag } = node;
|
|
748
733
|
const HTag = tag != null ? tag : "h1";
|
|
749
|
-
return /* @__PURE__ */
|
|
734
|
+
return /* @__PURE__ */ import_react11.default.createElement(HTag, null, children);
|
|
750
735
|
};
|
|
751
736
|
|
|
752
737
|
// src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
|
|
753
|
-
var
|
|
738
|
+
var import_react12 = __toESM(require("react"));
|
|
754
739
|
var LinebreakRichTextNode = () => {
|
|
755
|
-
return /* @__PURE__ */
|
|
740
|
+
return /* @__PURE__ */ import_react12.default.createElement("br", null);
|
|
756
741
|
};
|
|
757
742
|
|
|
758
743
|
// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
|
|
759
744
|
var import_richtext = require("@uniformdev/richtext");
|
|
760
|
-
var
|
|
745
|
+
var import_react13 = __toESM(require("react"));
|
|
761
746
|
var LinkRichTextNode = ({ children, node }) => {
|
|
762
747
|
const { link } = node;
|
|
763
|
-
return /* @__PURE__ */
|
|
748
|
+
return /* @__PURE__ */ import_react13.default.createElement("a", { href: (0, import_richtext.linkParamValueToHref)(link) }, children);
|
|
764
749
|
};
|
|
765
750
|
|
|
766
751
|
// src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
|
|
767
|
-
var
|
|
752
|
+
var import_react14 = __toESM(require("react"));
|
|
768
753
|
var ListItemRichTextNode = ({ children, node }) => {
|
|
769
754
|
const { value } = node;
|
|
770
|
-
return /* @__PURE__ */
|
|
755
|
+
return /* @__PURE__ */ import_react14.default.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
|
|
771
756
|
};
|
|
772
757
|
|
|
773
758
|
// src/components/UniformRichText/nodes/ListRichTextNode.tsx
|
|
774
|
-
var
|
|
759
|
+
var import_react15 = __toESM(require("react"));
|
|
775
760
|
var ListRichTextNode = ({ children, node }) => {
|
|
776
761
|
const { tag, start } = node;
|
|
777
762
|
const ListTag = tag != null ? tag : "ul";
|
|
778
|
-
return /* @__PURE__ */
|
|
763
|
+
return /* @__PURE__ */ import_react15.default.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
|
|
779
764
|
};
|
|
780
765
|
|
|
781
766
|
// src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
|
|
782
767
|
var import_richtext2 = require("@uniformdev/richtext");
|
|
783
|
-
var
|
|
768
|
+
var import_react16 = __toESM(require("react"));
|
|
784
769
|
var ParagraphRichTextNode = ({ children, node }) => {
|
|
785
770
|
const { format, direction } = node;
|
|
786
|
-
return /* @__PURE__ */
|
|
771
|
+
return /* @__PURE__ */ import_react16.default.createElement(
|
|
787
772
|
"p",
|
|
788
773
|
{
|
|
789
774
|
dir: (0, import_richtext2.isPureDirection)(direction) ? direction : void 0,
|
|
@@ -795,26 +780,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
|
|
|
795
780
|
|
|
796
781
|
// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
|
|
797
782
|
var import_richtext3 = require("@uniformdev/richtext");
|
|
798
|
-
var
|
|
783
|
+
var import_react17 = __toESM(require("react"));
|
|
799
784
|
var TableCellRichTextNode = ({ children, node }) => {
|
|
800
785
|
const { headerState } = node;
|
|
801
786
|
const TableCellTag = (0, import_richtext3.getRichTextTagFromTableCellHeaderState)(headerState);
|
|
802
|
-
return /* @__PURE__ */
|
|
787
|
+
return /* @__PURE__ */ import_react17.default.createElement(TableCellTag, null, children);
|
|
803
788
|
};
|
|
804
789
|
|
|
805
790
|
// src/components/UniformRichText/nodes/TabRichTextNode.tsx
|
|
806
|
-
var
|
|
791
|
+
var import_react18 = __toESM(require("react"));
|
|
807
792
|
var TabRichTextNode = () => {
|
|
808
|
-
return /* @__PURE__ */
|
|
793
|
+
return /* @__PURE__ */ import_react18.default.createElement(import_react18.default.Fragment, null, " ");
|
|
809
794
|
};
|
|
810
795
|
|
|
811
796
|
// src/components/UniformRichText/nodes/TextRichTextNode.tsx
|
|
812
797
|
var import_richtext4 = require("@uniformdev/richtext");
|
|
813
|
-
var
|
|
798
|
+
var import_react19 = __toESM(require("react"));
|
|
814
799
|
var TextRichTextNode = ({ node }) => {
|
|
815
800
|
const { text, format } = node;
|
|
816
801
|
const tags = (0, import_richtext4.getRichTextTagsFromTextFormat)(format);
|
|
817
|
-
return /* @__PURE__ */
|
|
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);
|
|
818
803
|
};
|
|
819
804
|
|
|
820
805
|
// src/components/UniformRichText/UniformRichTextNode.tsx
|
|
@@ -828,8 +813,8 @@ function UniformRichTextNode({ node, ...props }) {
|
|
|
828
813
|
if (!NodeRenderer) {
|
|
829
814
|
return null;
|
|
830
815
|
}
|
|
831
|
-
const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */
|
|
832
|
-
return /* @__PURE__ */
|
|
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);
|
|
833
818
|
}
|
|
834
819
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
835
820
|
["heading", HeadingRichTextNode],
|
|
@@ -838,28 +823,27 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
838
823
|
["list", ListRichTextNode],
|
|
839
824
|
["listitem", ListItemRichTextNode],
|
|
840
825
|
["paragraph", ParagraphRichTextNode],
|
|
841
|
-
["quote", ({ children }) => /* @__PURE__ */
|
|
826
|
+
["quote", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("blockquote", null, children)],
|
|
842
827
|
[
|
|
843
828
|
"code",
|
|
844
|
-
({ children }) => /* @__PURE__ */
|
|
829
|
+
({ children }) => /* @__PURE__ */ import_react20.default.createElement("pre", null, /* @__PURE__ */ import_react20.default.createElement("code", null, children))
|
|
845
830
|
],
|
|
846
|
-
["root", ({ children }) => /* @__PURE__ */
|
|
831
|
+
["root", ({ children }) => /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, children)],
|
|
847
832
|
["text", TextRichTextNode],
|
|
848
833
|
["tab", TabRichTextNode],
|
|
849
834
|
[
|
|
850
835
|
"table",
|
|
851
|
-
({ children }) => /* @__PURE__ */
|
|
836
|
+
({ children }) => /* @__PURE__ */ import_react20.default.createElement("table", null, /* @__PURE__ */ import_react20.default.createElement("tbody", null, children))
|
|
852
837
|
],
|
|
853
|
-
["tablerow", ({ children }) => /* @__PURE__ */
|
|
854
|
-
["tablecell", TableCellRichTextNode]
|
|
855
|
-
["asset", AssetRichTextNode]
|
|
838
|
+
["tablerow", ({ children }) => /* @__PURE__ */ import_react20.default.createElement("tr", null, children)],
|
|
839
|
+
["tablecell", TableCellRichTextNode]
|
|
856
840
|
]);
|
|
857
841
|
var resolveRichTextDefaultRenderer = (node) => {
|
|
858
842
|
return rendererMap.get(node.type);
|
|
859
843
|
};
|
|
860
844
|
|
|
861
845
|
// src/components/UniformRichText/UniformRichText.tsx
|
|
862
|
-
var UniformRichText =
|
|
846
|
+
var UniformRichText = import_react21.default.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
|
|
863
847
|
var _a;
|
|
864
848
|
const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
|
|
865
849
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
@@ -872,26 +856,26 @@ var UniformRichText = import_react22.default.forwardRef(function UniformRichText
|
|
|
872
856
|
const value = parameter.value;
|
|
873
857
|
if (!value || !(0, import_richtext6.isRichTextValue)(value)) return null;
|
|
874
858
|
if (!isContextualEditing && (0, import_richtext6.isRichTextValueConsideredEmpty)(value)) return null;
|
|
875
|
-
return Tag === null ? /* @__PURE__ */
|
|
859
|
+
return Tag === null ? /* @__PURE__ */ import_react21.default.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ import_react21.default.createElement(
|
|
876
860
|
Tag,
|
|
877
861
|
{
|
|
878
862
|
ref,
|
|
879
863
|
...props,
|
|
880
864
|
...isContextualEditing ? {
|
|
881
|
-
[
|
|
882
|
-
[
|
|
883
|
-
[
|
|
865
|
+
[import_canvas11.ATTRIBUTE_COMPONENT_ID]: componentData == null ? void 0 : componentData._id,
|
|
866
|
+
[import_canvas11.ATTRIBUTE_PARAMETER_ID]: parameterId,
|
|
867
|
+
[import_canvas11.ATTRIBUTE_PARAMETER_TYPE]: "richText"
|
|
884
868
|
} : {}
|
|
885
869
|
},
|
|
886
|
-
(0, import_richtext6.isRichTextValueConsideredEmpty)(value) ? /* @__PURE__ */
|
|
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 })
|
|
887
871
|
);
|
|
888
872
|
});
|
|
889
873
|
|
|
890
874
|
// src/components/UniformText.tsx
|
|
891
|
-
var
|
|
875
|
+
var import_react23 = __toESM(require("react"));
|
|
892
876
|
|
|
893
877
|
// src/components/PureUniformText.tsx
|
|
894
|
-
var
|
|
878
|
+
var import_react22 = __toESM(require("react"));
|
|
895
879
|
var PureUniformText = ({
|
|
896
880
|
as: Tag = "span",
|
|
897
881
|
parameterId,
|
|
@@ -910,10 +894,10 @@ var PureUniformText = ({
|
|
|
910
894
|
return null;
|
|
911
895
|
}
|
|
912
896
|
if (!isContextualEditing) {
|
|
913
|
-
return /* @__PURE__ */
|
|
897
|
+
return /* @__PURE__ */ import_react22.default.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
|
|
914
898
|
}
|
|
915
899
|
const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
|
|
916
|
-
return /* @__PURE__ */
|
|
900
|
+
return /* @__PURE__ */ import_react22.default.createElement(
|
|
917
901
|
Tag,
|
|
918
902
|
{
|
|
919
903
|
...props,
|
|
@@ -942,7 +926,7 @@ var UniformText = ({
|
|
|
942
926
|
var _a, _b, _c;
|
|
943
927
|
const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
|
|
944
928
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
945
|
-
const [isFocused, setIsFocused] = (0,
|
|
929
|
+
const [isFocused, setIsFocused] = (0, import_react23.useState)(false);
|
|
946
930
|
const parameter = (_a = componentData == null ? void 0 : componentData.parameters) == null ? void 0 : _a[parameterId];
|
|
947
931
|
const isEditable = (_c = (_b = parameter == null ? void 0 : parameter._contextualEditing) == null ? void 0 : _b.isEditable) != null ? _c : false;
|
|
948
932
|
const shouldSkipCustomRendering = isFocused && isEditable;
|
|
@@ -951,7 +935,7 @@ var UniformText = ({
|
|
|
951
935
|
}
|
|
952
936
|
const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
|
|
953
937
|
const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
|
|
954
|
-
return /* @__PURE__ */
|
|
938
|
+
return /* @__PURE__ */ import_react23.default.createElement(
|
|
955
939
|
PureUniformText,
|
|
956
940
|
{
|
|
957
941
|
...props,
|
|
@@ -974,35 +958,35 @@ var UniformText = ({
|
|
|
974
958
|
};
|
|
975
959
|
|
|
976
960
|
// src/helpers/getParameterAttributes.ts
|
|
977
|
-
var
|
|
961
|
+
var import_canvas12 = require("@uniformdev/canvas");
|
|
978
962
|
var getParameterAttributes = (options) => {
|
|
979
963
|
return {
|
|
980
|
-
...(0,
|
|
964
|
+
...(0, import_canvas12.getParameterAttributes)(options),
|
|
981
965
|
suppressContentEditableWarning: true
|
|
982
966
|
};
|
|
983
967
|
};
|
|
984
968
|
|
|
985
969
|
// src/hooks/useCompositionEventEffect.ts
|
|
986
|
-
var
|
|
987
|
-
var
|
|
970
|
+
var import_canvas13 = require("@uniformdev/canvas");
|
|
971
|
+
var import_react24 = require("react");
|
|
988
972
|
function useCompositionEventEffect({
|
|
989
973
|
enabled,
|
|
990
974
|
projectId,
|
|
991
975
|
compositionId,
|
|
992
976
|
effect
|
|
993
977
|
}) {
|
|
994
|
-
(0,
|
|
978
|
+
(0, import_react24.useEffect)(() => {
|
|
995
979
|
if (!enabled || !compositionId || !projectId) {
|
|
996
980
|
return;
|
|
997
981
|
}
|
|
998
982
|
let goodbye = void 0;
|
|
999
983
|
const loadEffect = async () => {
|
|
1000
|
-
const eventBus = await (0,
|
|
984
|
+
const eventBus = await (0, import_canvas13.createEventBus)();
|
|
1001
985
|
if (eventBus) {
|
|
1002
|
-
goodbye = (0,
|
|
986
|
+
goodbye = (0, import_canvas13.subscribeToComposition)({
|
|
1003
987
|
eventBus,
|
|
1004
988
|
compositionId,
|
|
1005
|
-
compositionState:
|
|
989
|
+
compositionState: import_canvas13.CANVAS_DRAFT_STATE,
|
|
1006
990
|
projectId,
|
|
1007
991
|
callback: effect,
|
|
1008
992
|
event: "updated"
|
|
@@ -1019,28 +1003,28 @@ function useCompositionEventEffect({
|
|
|
1019
1003
|
}
|
|
1020
1004
|
|
|
1021
1005
|
// src/hooks/useUniformContextualEditingState.ts
|
|
1022
|
-
var
|
|
1023
|
-
var
|
|
1006
|
+
var import_canvas14 = require("@uniformdev/canvas");
|
|
1007
|
+
var import_react25 = require("react");
|
|
1024
1008
|
var useUniformContextualEditingState = ({
|
|
1025
1009
|
global = false
|
|
1026
1010
|
} = {}) => {
|
|
1027
1011
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
1028
1012
|
const { data: componentData } = useUniformCurrentComponent();
|
|
1029
|
-
const [selectedComponentReference, setSelectedComponentReference] = (0,
|
|
1030
|
-
const [previewMode, setPreviewMode] = (0,
|
|
1013
|
+
const [selectedComponentReference, setSelectedComponentReference] = (0, import_react25.useState)();
|
|
1014
|
+
const [previewMode, setPreviewMode] = (0, import_react25.useState)(
|
|
1031
1015
|
isContextualEditing ? "editor" : void 0
|
|
1032
1016
|
);
|
|
1033
|
-
const channel = (0,
|
|
1017
|
+
const channel = (0, import_react25.useMemo)(() => {
|
|
1034
1018
|
if (!isContextualEditing) {
|
|
1035
1019
|
return;
|
|
1036
1020
|
}
|
|
1037
|
-
const channel2 = (0,
|
|
1021
|
+
const channel2 = (0, import_canvas14.createCanvasChannel)({
|
|
1038
1022
|
broadcastTo: [window],
|
|
1039
1023
|
listenTo: [window]
|
|
1040
1024
|
});
|
|
1041
1025
|
return channel2;
|
|
1042
1026
|
}, [isContextualEditing]);
|
|
1043
|
-
(0,
|
|
1027
|
+
(0, import_react25.useEffect)(() => {
|
|
1044
1028
|
var _a, _b;
|
|
1045
1029
|
if (!channel) {
|
|
1046
1030
|
return;
|
|
@@ -1050,7 +1034,7 @@ var useUniformContextualEditingState = ({
|
|
|
1050
1034
|
}
|
|
1051
1035
|
const unsubscribe = channel.on("update-contextual-editing-state-internal", async (message) => {
|
|
1052
1036
|
var _a2;
|
|
1053
|
-
if (!(0,
|
|
1037
|
+
if (!(0, import_canvas14.isUpdateContextualEditingStateInternalMessage)(message)) {
|
|
1054
1038
|
return;
|
|
1055
1039
|
}
|
|
1056
1040
|
setPreviewMode(message.state.previewMode);
|
|
@@ -1064,7 +1048,7 @@ var useUniformContextualEditingState = ({
|
|
|
1064
1048
|
unsubscribe();
|
|
1065
1049
|
};
|
|
1066
1050
|
}, [global, channel, componentData == null ? void 0 : componentData._id, setSelectedComponentReference, setPreviewMode]);
|
|
1067
|
-
return (0,
|
|
1051
|
+
return (0, import_react25.useMemo)(
|
|
1068
1052
|
() => ({
|
|
1069
1053
|
isContextualEditing,
|
|
1070
1054
|
selectedComponentReference,
|
package/dist/index.mjs
CHANGED
|
@@ -696,70 +696,55 @@ import {
|
|
|
696
696
|
ATTRIBUTE_PARAMETER_TYPE
|
|
697
697
|
} from "@uniformdev/canvas";
|
|
698
698
|
import { isRichTextValue, isRichTextValueConsideredEmpty } from "@uniformdev/richtext";
|
|
699
|
-
import
|
|
699
|
+
import React19 from "react";
|
|
700
700
|
|
|
701
701
|
// src/components/UniformRichText/UniformRichTextNode.tsx
|
|
702
702
|
import { isRichTextNode } from "@uniformdev/richtext";
|
|
703
|
-
import
|
|
704
|
-
|
|
705
|
-
// src/components/UniformRichText/nodes/AssetRichTextNode.tsx
|
|
706
|
-
import { ASSETS_SOURCE_UNIFORM } from "@uniformdev/canvas";
|
|
707
|
-
import React9 from "react";
|
|
708
|
-
var AssetRichTextNode = ({ node }) => {
|
|
709
|
-
var _a, _b;
|
|
710
|
-
const { __asset } = node;
|
|
711
|
-
if (__asset === void 0) {
|
|
712
|
-
return null;
|
|
713
|
-
}
|
|
714
|
-
if (__asset.type !== "image" || __asset._source !== ASSETS_SOURCE_UNIFORM) {
|
|
715
|
-
return null;
|
|
716
|
-
}
|
|
717
|
-
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);
|
|
718
|
-
};
|
|
703
|
+
import React18 from "react";
|
|
719
704
|
|
|
720
705
|
// src/components/UniformRichText/nodes/HeadingRichTextNode.tsx
|
|
721
|
-
import
|
|
706
|
+
import React9 from "react";
|
|
722
707
|
var HeadingRichTextNode = ({ children, node }) => {
|
|
723
708
|
const { tag } = node;
|
|
724
709
|
const HTag = tag != null ? tag : "h1";
|
|
725
|
-
return /* @__PURE__ */
|
|
710
|
+
return /* @__PURE__ */ React9.createElement(HTag, null, children);
|
|
726
711
|
};
|
|
727
712
|
|
|
728
713
|
// src/components/UniformRichText/nodes/LinebreakRichTextNode.tsx
|
|
729
|
-
import
|
|
714
|
+
import React10 from "react";
|
|
730
715
|
var LinebreakRichTextNode = () => {
|
|
731
|
-
return /* @__PURE__ */
|
|
716
|
+
return /* @__PURE__ */ React10.createElement("br", null);
|
|
732
717
|
};
|
|
733
718
|
|
|
734
719
|
// src/components/UniformRichText/nodes/LinkRichTextNode.tsx
|
|
735
720
|
import { linkParamValueToHref } from "@uniformdev/richtext";
|
|
736
|
-
import
|
|
721
|
+
import React11 from "react";
|
|
737
722
|
var LinkRichTextNode = ({ children, node }) => {
|
|
738
723
|
const { link } = node;
|
|
739
|
-
return /* @__PURE__ */
|
|
724
|
+
return /* @__PURE__ */ React11.createElement("a", { href: linkParamValueToHref(link) }, children);
|
|
740
725
|
};
|
|
741
726
|
|
|
742
727
|
// src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
|
|
743
|
-
import
|
|
728
|
+
import React12 from "react";
|
|
744
729
|
var ListItemRichTextNode = ({ children, node }) => {
|
|
745
730
|
const { value } = node;
|
|
746
|
-
return /* @__PURE__ */
|
|
731
|
+
return /* @__PURE__ */ React12.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
|
|
747
732
|
};
|
|
748
733
|
|
|
749
734
|
// src/components/UniformRichText/nodes/ListRichTextNode.tsx
|
|
750
|
-
import
|
|
735
|
+
import React13 from "react";
|
|
751
736
|
var ListRichTextNode = ({ children, node }) => {
|
|
752
737
|
const { tag, start } = node;
|
|
753
738
|
const ListTag = tag != null ? tag : "ul";
|
|
754
|
-
return /* @__PURE__ */
|
|
739
|
+
return /* @__PURE__ */ React13.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
|
|
755
740
|
};
|
|
756
741
|
|
|
757
742
|
// src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
|
|
758
743
|
import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
|
|
759
|
-
import
|
|
744
|
+
import React14 from "react";
|
|
760
745
|
var ParagraphRichTextNode = ({ children, node }) => {
|
|
761
746
|
const { format, direction } = node;
|
|
762
|
-
return /* @__PURE__ */
|
|
747
|
+
return /* @__PURE__ */ React14.createElement(
|
|
763
748
|
"p",
|
|
764
749
|
{
|
|
765
750
|
dir: isPureDirection(direction) ? direction : void 0,
|
|
@@ -771,26 +756,26 @@ var ParagraphRichTextNode = ({ children, node }) => {
|
|
|
771
756
|
|
|
772
757
|
// src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
|
|
773
758
|
import { getRichTextTagFromTableCellHeaderState } from "@uniformdev/richtext";
|
|
774
|
-
import
|
|
759
|
+
import React15 from "react";
|
|
775
760
|
var TableCellRichTextNode = ({ children, node }) => {
|
|
776
761
|
const { headerState } = node;
|
|
777
762
|
const TableCellTag = getRichTextTagFromTableCellHeaderState(headerState);
|
|
778
|
-
return /* @__PURE__ */
|
|
763
|
+
return /* @__PURE__ */ React15.createElement(TableCellTag, null, children);
|
|
779
764
|
};
|
|
780
765
|
|
|
781
766
|
// src/components/UniformRichText/nodes/TabRichTextNode.tsx
|
|
782
|
-
import
|
|
767
|
+
import React16 from "react";
|
|
783
768
|
var TabRichTextNode = () => {
|
|
784
|
-
return /* @__PURE__ */
|
|
769
|
+
return /* @__PURE__ */ React16.createElement(React16.Fragment, null, " ");
|
|
785
770
|
};
|
|
786
771
|
|
|
787
772
|
// src/components/UniformRichText/nodes/TextRichTextNode.tsx
|
|
788
773
|
import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
|
|
789
|
-
import
|
|
774
|
+
import React17 from "react";
|
|
790
775
|
var TextRichTextNode = ({ node }) => {
|
|
791
776
|
const { text, format } = node;
|
|
792
777
|
const tags = getRichTextTagsFromTextFormat(format);
|
|
793
|
-
return /* @__PURE__ */
|
|
778
|
+
return /* @__PURE__ */ React17.createElement(React17.Fragment, null, tags.length > 0 ? tags.reduceRight((children, Tag) => /* @__PURE__ */ React17.createElement(Tag, null, children), text) : text);
|
|
794
779
|
};
|
|
795
780
|
|
|
796
781
|
// src/components/UniformRichText/UniformRichTextNode.tsx
|
|
@@ -804,8 +789,8 @@ function UniformRichTextNode({ node, ...props }) {
|
|
|
804
789
|
if (!NodeRenderer) {
|
|
805
790
|
return null;
|
|
806
791
|
}
|
|
807
|
-
const children = node.children ? node.children.map((childNode, i) => /* @__PURE__ */
|
|
808
|
-
return /* @__PURE__ */
|
|
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);
|
|
809
794
|
}
|
|
810
795
|
var rendererMap = /* @__PURE__ */ new Map([
|
|
811
796
|
["heading", HeadingRichTextNode],
|
|
@@ -814,28 +799,27 @@ var rendererMap = /* @__PURE__ */ new Map([
|
|
|
814
799
|
["list", ListRichTextNode],
|
|
815
800
|
["listitem", ListItemRichTextNode],
|
|
816
801
|
["paragraph", ParagraphRichTextNode],
|
|
817
|
-
["quote", ({ children }) => /* @__PURE__ */
|
|
802
|
+
["quote", ({ children }) => /* @__PURE__ */ React18.createElement("blockquote", null, children)],
|
|
818
803
|
[
|
|
819
804
|
"code",
|
|
820
|
-
({ children }) => /* @__PURE__ */
|
|
805
|
+
({ children }) => /* @__PURE__ */ React18.createElement("pre", null, /* @__PURE__ */ React18.createElement("code", null, children))
|
|
821
806
|
],
|
|
822
|
-
["root", ({ children }) => /* @__PURE__ */
|
|
807
|
+
["root", ({ children }) => /* @__PURE__ */ React18.createElement(React18.Fragment, null, children)],
|
|
823
808
|
["text", TextRichTextNode],
|
|
824
809
|
["tab", TabRichTextNode],
|
|
825
810
|
[
|
|
826
811
|
"table",
|
|
827
|
-
({ children }) => /* @__PURE__ */
|
|
812
|
+
({ children }) => /* @__PURE__ */ React18.createElement("table", null, /* @__PURE__ */ React18.createElement("tbody", null, children))
|
|
828
813
|
],
|
|
829
|
-
["tablerow", ({ children }) => /* @__PURE__ */
|
|
830
|
-
["tablecell", TableCellRichTextNode]
|
|
831
|
-
["asset", AssetRichTextNode]
|
|
814
|
+
["tablerow", ({ children }) => /* @__PURE__ */ React18.createElement("tr", null, children)],
|
|
815
|
+
["tablecell", TableCellRichTextNode]
|
|
832
816
|
]);
|
|
833
817
|
var resolveRichTextDefaultRenderer = (node) => {
|
|
834
818
|
return rendererMap.get(node.type);
|
|
835
819
|
};
|
|
836
820
|
|
|
837
821
|
// src/components/UniformRichText/UniformRichText.tsx
|
|
838
|
-
var UniformRichText =
|
|
822
|
+
var UniformRichText = React19.forwardRef(function UniformRichText2({ parameterId, resolveRichTextRenderer, as: Tag = "div", placeholder, ...props }, ref) {
|
|
839
823
|
var _a;
|
|
840
824
|
const { data: componentData, contextualEditingDefaultPlaceholder } = useUniformCurrentComponent();
|
|
841
825
|
const { isContextualEditing } = useUniformCurrentComposition();
|
|
@@ -848,7 +832,7 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
|
|
|
848
832
|
const value = parameter.value;
|
|
849
833
|
if (!value || !isRichTextValue(value)) return null;
|
|
850
834
|
if (!isContextualEditing && isRichTextValueConsideredEmpty(value)) return null;
|
|
851
|
-
return Tag === null ? /* @__PURE__ */
|
|
835
|
+
return Tag === null ? /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer }) : /* @__PURE__ */ React19.createElement(
|
|
852
836
|
Tag,
|
|
853
837
|
{
|
|
854
838
|
ref,
|
|
@@ -859,15 +843,15 @@ var UniformRichText = React20.forwardRef(function UniformRichText2({ parameterId
|
|
|
859
843
|
[ATTRIBUTE_PARAMETER_TYPE]: "richText"
|
|
860
844
|
} : {}
|
|
861
845
|
},
|
|
862
|
-
isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */
|
|
846
|
+
isRichTextValueConsideredEmpty(value) ? /* @__PURE__ */ React19.createElement("p", null, /* @__PURE__ */ React19.createElement("i", null, computedPlaceholder)) : /* @__PURE__ */ React19.createElement(UniformRichTextNode, { node: value.root, resolveRichTextRenderer })
|
|
863
847
|
);
|
|
864
848
|
});
|
|
865
849
|
|
|
866
850
|
// src/components/UniformText.tsx
|
|
867
|
-
import
|
|
851
|
+
import React21, { useState as useState2 } from "react";
|
|
868
852
|
|
|
869
853
|
// src/components/PureUniformText.tsx
|
|
870
|
-
import
|
|
854
|
+
import React20 from "react";
|
|
871
855
|
var PureUniformText = ({
|
|
872
856
|
as: Tag = "span",
|
|
873
857
|
parameterId,
|
|
@@ -886,10 +870,10 @@ var PureUniformText = ({
|
|
|
886
870
|
return null;
|
|
887
871
|
}
|
|
888
872
|
if (!isContextualEditing) {
|
|
889
|
-
return /* @__PURE__ */
|
|
873
|
+
return /* @__PURE__ */ React20.createElement(Tag, { style: isMultiline ? { whiteSpace: "pre-wrap" } : {}, ...props }, render(value));
|
|
890
874
|
}
|
|
891
875
|
const computedPlaceholder = typeof placeholder === "function" ? placeholder({ id: parameterId }) : placeholder;
|
|
892
|
-
return /* @__PURE__ */
|
|
876
|
+
return /* @__PURE__ */ React20.createElement(
|
|
893
877
|
Tag,
|
|
894
878
|
{
|
|
895
879
|
...props,
|
|
@@ -927,7 +911,7 @@ var UniformText = ({
|
|
|
927
911
|
}
|
|
928
912
|
const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
|
|
929
913
|
const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
|
|
930
|
-
return /* @__PURE__ */
|
|
914
|
+
return /* @__PURE__ */ React21.createElement(
|
|
931
915
|
PureUniformText,
|
|
932
916
|
{
|
|
933
917
|
...props,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-react",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.186.1",
|
|
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.
|
|
49
|
-
"@uniformdev/context": "19.
|
|
50
|
-
"@uniformdev/context-react": "19.
|
|
51
|
-
"@uniformdev/richtext": "19.
|
|
48
|
+
"@uniformdev/canvas": "19.186.1",
|
|
49
|
+
"@uniformdev/context": "19.186.1",
|
|
50
|
+
"@uniformdev/context-react": "19.186.1",
|
|
51
|
+
"@uniformdev/richtext": "19.186.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"immer": ">= 10",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"publishConfig": {
|
|
68
68
|
"access": "public"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "12ca61d140d99b4f2de67428425076cecbc6577b"
|
|
71
71
|
}
|