@uniformdev/canvas-react 20.75.1-alpha.0 → 20.76.1-alpha.3

package/dist/{PureUniformText-CzdaUBnC.d.mts → PureUniformText-BFhXK0lt.d.mts}

@@ -5,7 +5,7 @@ type ParameterTextValue = string | undefined;
 type PureUniformTextProps = {
     /**
      * The name of the  HTML tag to render.
-     * @default "span"
+     * @defaultValue "span"
      */
     as?: React.ElementType;
     /** The ID of the parameter. */
@@ -16,20 +16,20 @@ type PureUniformTextProps = {
     isContextualEditing: boolean;
     /**
      * When set to true, it adds `whiteSpace: 'pre-wrap'` to the styles of the root element to allow the rendering of line breaks.
-     * @default false
+     * @defaultValue false
      */
     isMultiline?: boolean;
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
     }) => string | undefined);
     /**
      * A function to customize the rendering of the parameter value. Useful to format the value before rendering it.
-     * @default "(value) => value"
+     * @defaultValue "(value) => value"
      */
     render?: (value: ParameterTextValue) => React.ReactNode;
 } & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'placeholder'>;

package/dist/{PureUniformText-CzdaUBnC.d.ts → PureUniformText-BFhXK0lt.d.ts}

@@ -5,7 +5,7 @@ type ParameterTextValue = string | undefined;
 type PureUniformTextProps = {
     /**
      * The name of the  HTML tag to render.
-     * @default "span"
+     * @defaultValue "span"
      */
     as?: React.ElementType;
     /** The ID of the parameter. */
@@ -16,20 +16,20 @@ type PureUniformTextProps = {
     isContextualEditing: boolean;
     /**
      * When set to true, it adds `whiteSpace: 'pre-wrap'` to the styles of the root element to allow the rendering of line breaks.
-     * @default false
+     * @defaultValue false
      */
     isMultiline?: boolean;
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
     }) => string | undefined);
     /**
      * A function to customize the rendering of the parameter value. Useful to format the value before rendering it.
-     * @default "(value) => value"
+     * @defaultValue "(value) => value"
      */
     render?: (value: ParameterTextValue) => React.ReactNode;
 } & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'placeholder'>;

package/dist/core.d.mts

@@ -1,6 +1,6 @@
 import { ComponentInstance, RootComponentInstance } from '@uniformdev/canvas';
 import React, { PropsWithChildren } from 'react';
-export { P as PureUniformText, a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.mjs';
+export { P as PureUniformText, a as PureUniformTextProps } from './PureUniformText-BFhXK0lt.mjs';
 
 type PureContextualEditingComponentWrapperProps = {
     isPlaceholder: boolean | undefined;

package/dist/core.d.ts

@@ -1,6 +1,6 @@
 import { ComponentInstance, RootComponentInstance } from '@uniformdev/canvas';
 import React, { PropsWithChildren } from 'react';
-export { P as PureUniformText, a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.js';
+export { P as PureUniformText, a as PureUniformTextProps } from './PureUniformText-BFhXK0lt.js';
 
 type PureContextualEditingComponentWrapperProps = {
     isPlaceholder: boolean | undefined;

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
-import { a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.mjs';
+import { a as PureUniformTextProps } from './PureUniformText-BFhXK0lt.mjs';
 import { CompositionMetadata } from '@uniformdev/context';
 import { RichTextNode } from '@uniformdev/richtext';
 export { linkParamValueToAnchorProps } from '@uniformdev/richtext';
@@ -792,7 +792,7 @@ type RenderRichTextComponentResolver = (node: RichTextNode) => RichTextRendererC
 type UniformRichTextProps = {
     /**
      * The name of the  HTML tag to render.
-     * @default "div"
+     * @defaultValue "div"
      */
     as?: React$1.ElementType | null;
     /** The ID of the parameter. */
@@ -805,7 +805,7 @@ type UniformRichTextProps = {
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
@@ -817,7 +817,7 @@ type UniformRichTextProps = {
 declare const UniformRichText: React$1.ForwardRefExoticComponent<{
     /**
      * The name of the  HTML tag to render.
-     * @default "div"
+     * @defaultValue "div"
      */
     as?: React$1.ElementType | null;
     /** The ID of the parameter. */
@@ -830,7 +830,7 @@ declare const UniformRichText: React$1.ForwardRefExoticComponent<{
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
@@ -896,7 +896,7 @@ type UseUniformContextualEditingStateProps = {
     /**
      * When set to true, the hook will return the global contextual state no matter where its used.
      * When set to false, it will return only the state relevant to the current component (determined using `useUniformCurrentComponent`).
-     * @default false
+     * @defaultValue false
      **/
     global?: boolean;
 };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { Key, ReactNode, PropsWithChildren } from 'react';
 import { ComponentInstance, RootComponentInstance, UpdateCompositionMessage, getParameterAttributes as getParameterAttributes$1, UpdateContextualEditingStateInternalMessage } from '@uniformdev/canvas';
 export { GetParameterAttributesProps, createUniformApiEnhancer } from '@uniformdev/canvas';
-import { a as PureUniformTextProps } from './PureUniformText-CzdaUBnC.js';
+import { a as PureUniformTextProps } from './PureUniformText-BFhXK0lt.js';
 import { CompositionMetadata } from '@uniformdev/context';
 import { RichTextNode } from '@uniformdev/richtext';
 export { linkParamValueToAnchorProps } from '@uniformdev/richtext';
@@ -792,7 +792,7 @@ type RenderRichTextComponentResolver = (node: RichTextNode) => RichTextRendererC
 type UniformRichTextProps = {
     /**
      * The name of the  HTML tag to render.
-     * @default "div"
+     * @defaultValue "div"
      */
     as?: React$1.ElementType | null;
     /** The ID of the parameter. */
@@ -805,7 +805,7 @@ type UniformRichTextProps = {
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
@@ -817,7 +817,7 @@ type UniformRichTextProps = {
 declare const UniformRichText: React$1.ForwardRefExoticComponent<{
     /**
      * The name of the  HTML tag to render.
-     * @default "div"
+     * @defaultValue "div"
      */
     as?: React$1.ElementType | null;
     /** The ID of the parameter. */
@@ -830,7 +830,7 @@ declare const UniformRichText: React$1.ForwardRefExoticComponent<{
     /**
      * Sets the value to show in Canvas editor when the parameter value is empty.
      * Can be a static string, or a function to generate the placeholder out of parameter info.
-     * @default undefined
+     * @defaultValue undefined
      */
     placeholder?: string | ((parameter: {
         id: string;
@@ -896,7 +896,7 @@ type UseUniformContextualEditingStateProps = {
     /**
      * When set to true, the hook will return the global contextual state no matter where its used.
      * When set to false, it will return only the state relevant to the current component (determined using `useUniformCurrentComponent`).
-     * @default false
+     * @defaultValue false
      **/
     global?: boolean;
 };

package/dist/index.esm.js

@@ -781,18 +781,34 @@ var LinebreakRichTextNode = () => {
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
+import { getRichTextListItemValue } from "@uniformdev/richtext";
 import React13 from "react";
 var ListItemRichTextNode = ({ children, node }) => {
   const { value } = node;
-  return /* @__PURE__ */ React13.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
+  const normalizedValue = getRichTextListItemValue(value);
+  return /* @__PURE__ */ React13.createElement(
+    "li",
+    {
+      value: typeof normalizedValue === "number" && Number.isFinite(normalizedValue) && normalizedValue > 0 ? normalizedValue : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ListRichTextNode.tsx
+import { getRichTextListStart } from "@uniformdev/richtext";
 import React14 from "react";
 var ListRichTextNode = ({ children, node }) => {
   const { tag, start } = node;
   const ListTag = tag != null ? tag : "ul";
-  return /* @__PURE__ */ React14.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
+  const normalizedStart = getRichTextListStart(start);
+  return /* @__PURE__ */ React14.createElement(
+    ListTag,
+    {
+      start: typeof normalizedStart === "number" && Number.isFinite(normalizedStart) && normalizedStart > 0 ? normalizedStart : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx

package/dist/index.js

@@ -759,11 +759,11 @@ var LinkRichTextNode = ({ children, node }) => {
 
 // src/components/UniformRichText/UniformRichText.tsx
 var import_canvas11 = require("@uniformdev/canvas");
-var import_richtext6 = require("@uniformdev/richtext");
+var import_richtext8 = require("@uniformdev/richtext");
 var import_react22 = __toESM(require("react"));
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
-var import_richtext5 = require("@uniformdev/richtext");
+var import_richtext7 = require("@uniformdev/richtext");
 var import_react21 = __toESM(require("react"));
 
 // src/components/UniformRichText/nodes/AssetRichTextNode.tsx
@@ -801,41 +801,57 @@ var LinebreakRichTextNode = () => {
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
+var import_richtext2 = require("@uniformdev/richtext");
 var import_react15 = __toESM(require("react"));
 var ListItemRichTextNode = ({ children, node }) => {
   const { value } = node;
-  return /* @__PURE__ */ import_react15.default.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
+  const normalizedValue = (0, import_richtext2.getRichTextListItemValue)(value);
+  return /* @__PURE__ */ import_react15.default.createElement(
+    "li",
+    {
+      value: typeof normalizedValue === "number" && Number.isFinite(normalizedValue) && normalizedValue > 0 ? normalizedValue : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ListRichTextNode.tsx
+var import_richtext3 = require("@uniformdev/richtext");
 var import_react16 = __toESM(require("react"));
 var ListRichTextNode = ({ children, node }) => {
   const { tag, start } = node;
   const ListTag = tag != null ? tag : "ul";
-  return /* @__PURE__ */ import_react16.default.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
+  const normalizedStart = (0, import_richtext3.getRichTextListStart)(start);
+  return /* @__PURE__ */ import_react16.default.createElement(
+    ListTag,
+    {
+      start: typeof normalizedStart === "number" && Number.isFinite(normalizedStart) && normalizedStart > 0 ? normalizedStart : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx
-var import_richtext2 = require("@uniformdev/richtext");
+var import_richtext4 = require("@uniformdev/richtext");
 var import_react17 = __toESM(require("react"));
 var ParagraphRichTextNode = ({ children, node }) => {
   const { format, direction } = node;
   return /* @__PURE__ */ import_react17.default.createElement(
     "p",
     {
-      dir: (0, import_richtext2.isPureDirection)(direction) ? direction : void 0,
-      style: (0, import_richtext2.isPureTextAlign)(format) ? { textAlign: format } : void 0
+      dir: (0, import_richtext4.isPureDirection)(direction) ? direction : void 0,
+      style: (0, import_richtext4.isPureTextAlign)(format) ? { textAlign: format } : void 0
     },
     children
   );
 };
 
 // src/components/UniformRichText/nodes/TableCellRichTextNode.tsx
-var import_richtext3 = require("@uniformdev/richtext");
+var import_richtext5 = require("@uniformdev/richtext");
 var import_react18 = __toESM(require("react"));
 var TableCellRichTextNode = ({ children, node }) => {
   const { headerState } = node;
-  const TableCellTag = (0, import_richtext3.getRichTextTagFromTableCellHeaderState)(headerState);
+  const TableCellTag = (0, import_richtext5.getRichTextTagFromTableCellHeaderState)(headerState);
   return /* @__PURE__ */ import_react18.default.createElement(TableCellTag, null, children);
 };
 
@@ -846,18 +862,18 @@ var TabRichTextNode = () => {
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.tsx
-var import_richtext4 = require("@uniformdev/richtext");
+var import_richtext6 = require("@uniformdev/richtext");
 var import_react20 = __toESM(require("react"));
 var TextRichTextNode = ({ node }) => {
   const { text, format } = node;
-  const tags = (0, import_richtext4.getRichTextTagsFromTextFormat)(format);
+  const tags = (0, import_richtext6.getRichTextTagsFromTextFormat)(format);
   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);
 };
 
 // src/components/UniformRichText/UniformRichTextNode.tsx
 function UniformRichTextNode({ node, ...props }) {
   var _a;
-  if (!(0, import_richtext5.isRichTextNode)(node)) return null;
+  if (!(0, import_richtext7.isRichTextNode)(node)) return null;
   let NodeRenderer = (_a = props.resolveRichTextRenderer) == null ? void 0 : _a.call(props, node);
   if (typeof NodeRenderer === "undefined") {
     NodeRenderer = resolveRichTextDefaultRenderer(node);
@@ -907,10 +923,10 @@ var UniformRichText = import_react22.default.forwardRef(function UniformRichText
   const placeholderProp = placeholder != null ? placeholder : contextualEditingDefaultPlaceholder;
   const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: parameterId }) : placeholderProp;
   const value = parameter.value;
-  if (!value || !(0, import_richtext6.isRichTextValue)(value)) return null;
-  if (!isContextualEditing && (0, import_richtext6.isRichTextValueConsideredEmpty)(value)) return null;
+  if (!value || !(0, import_richtext8.isRichTextValue)(value)) return null;
+  if (!isContextualEditing && (0, import_richtext8.isRichTextValueConsideredEmpty)(value)) return null;
   if (!Tag) {
-    return isContextualEditing && (0, import_richtext6.isRichTextValueConsideredEmpty)(value) ? /* @__PURE__ */ import_react22.default.createElement(
+    return isContextualEditing && (0, import_richtext8.isRichTextValueConsideredEmpty)(value) ? /* @__PURE__ */ import_react22.default.createElement(
       "p",
       {
         ...{
@@ -933,7 +949,7 @@ var UniformRichText = import_react22.default.forwardRef(function UniformRichText
         [import_canvas11.ATTRIBUTE_PARAMETER_TYPE]: "richText"
       } : {}
     },
-    (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 })
+    (0, import_richtext8.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 })
   );
 });
 

package/dist/index.mjs

@@ -781,18 +781,34 @@ var LinebreakRichTextNode = () => {
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.tsx
+import { getRichTextListItemValue } from "@uniformdev/richtext";
 import React13 from "react";
 var ListItemRichTextNode = ({ children, node }) => {
   const { value } = node;
-  return /* @__PURE__ */ React13.createElement("li", { value: Number.isFinite(value) && value > 0 ? value : void 0 }, children);
+  const normalizedValue = getRichTextListItemValue(value);
+  return /* @__PURE__ */ React13.createElement(
+    "li",
+    {
+      value: typeof normalizedValue === "number" && Number.isFinite(normalizedValue) && normalizedValue > 0 ? normalizedValue : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ListRichTextNode.tsx
+import { getRichTextListStart } from "@uniformdev/richtext";
 import React14 from "react";
 var ListRichTextNode = ({ children, node }) => {
   const { tag, start } = node;
   const ListTag = tag != null ? tag : "ul";
-  return /* @__PURE__ */ React14.createElement(ListTag, { start: Number.isFinite(start) && start > 0 ? start : void 0 }, children);
+  const normalizedStart = getRichTextListStart(start);
+  return /* @__PURE__ */ React14.createElement(
+    ListTag,
+    {
+      start: typeof normalizedStart === "number" && Number.isFinite(normalizedStart) && normalizedStart > 0 ? normalizedStart : void 0
+    },
+    children
+  );
 };
 
 // src/components/UniformRichText/nodes/ParagraphRichTextNode.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "20.75.1-alpha.0+effbce0886",
+  "version": "20.76.1-alpha.3+61820b0b3e",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -44,10 +44,10 @@
     "apidocs-extract": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/canvas": "20.75.1-alpha.0+effbce0886",
-    "@uniformdev/context": "20.75.1-alpha.0+effbce0886",
-    "@uniformdev/context-react": "20.75.1-alpha.0+effbce0886",
-    "@uniformdev/richtext": "20.75.1-alpha.0+effbce0886"
+    "@uniformdev/canvas": "20.76.1-alpha.3+61820b0b3e",
+    "@uniformdev/context": "20.76.1-alpha.3+61820b0b3e",
+    "@uniformdev/context-react": "20.76.1-alpha.3+61820b0b3e",
+    "@uniformdev/richtext": "20.76.1-alpha.3+61820b0b3e"
   },
   "peerDependencies": {
     "immer": ">= 10",
@@ -66,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "effbce0886d68a0e9a4f9b492b5f263eafa73813"
+  "gitHead": "61820b0b3e1be2512bcfad6bd0a30092ffa7f9a3"
 }