@wistia/vhs 4.0.0-beta.144ba507.317e0d6 → 4.0.0-beta.297d7ed5.4ab52c0

package/dist/index.d.mts

@@ -5,11 +5,12 @@ import * as react from 'react';
 import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
 import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
 export { useFormikContext } from 'formik';
+import { BaseEditor, Descendant } from 'slate';
+import { ReactEditor } from 'slate-react';
+import { HistoryEditor } from 'slate-history';
 import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
 export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
 import * as styled_components_dist_types from 'styled-components/dist/types';
-import { Descendant } from 'slate';
-import { ReactEditor } from 'slate-react';
 
 interface VHSTheme {
     readonly breakpoint: {
@@ -1868,6 +1869,35 @@ type CustomComponentClass = {
     };
 };
 
+type NodeElementObject = {
+    attributes?: Record<string, string>;
+    children?: NodeLeafObject[];
+    type?: string;
+    url?: string;
+};
+type NodeObject = NodeElementObject | NodeLeafObject;
+type NodeLeafObject = {
+    attributes?: Record<string, string>;
+    bold?: boolean;
+    code?: boolean;
+    italic?: boolean;
+    parent?: NodeObject;
+    children?: NodeLeafObject[];
+    strikethrough?: boolean;
+    text?: string;
+    type?: string;
+    url?: string;
+    underline?: boolean;
+};
+type CustomEditor = BaseEditor & HistoryEditor & ReactEditor;
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: CustomEditor;
+        Element: NodeElementObject;
+        Text: NodeLeafObject;
+    }
+}
+
 declare const rteFormatTypes: Readonly<{
     BOLD: "BOLD";
     ITALIC: "ITALIC";
@@ -2837,34 +2867,6 @@ declare const RangeSelector: {
     displayName: string;
 };
 
-type NodeElementObject = {
-    attributes?: Record<string, string>;
-    children?: NodeLeafObject[];
-    type?: string;
-    url?: string;
-};
-type NodeObject = NodeElementObject | NodeLeafObject;
-type NodeLeafObject = {
-    attributes?: Record<string, string>;
-    bold?: boolean;
-    code?: boolean;
-    italic?: boolean;
-    parent?: NodeObject;
-    children?: NodeLeafObject[];
-    strikethrough?: boolean;
-    text?: string;
-    type?: string;
-    url?: string;
-    underline?: boolean;
-};
-declare module 'slate' {
-    interface CustomTypes {
-        Editor: ReactEditor;
-        Element: NodeElementObject;
-        Text: NodeLeafObject;
-    }
-}
-
 type RichTextEditorProps = {
     /**
      * Optional id to set aria-labelledby

package/dist/index.d.ts

@@ -5,11 +5,12 @@ import * as react from 'react';
 import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
 import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
 export { useFormikContext } from 'formik';
+import { BaseEditor, Descendant } from 'slate';
+import { ReactEditor } from 'slate-react';
+import { HistoryEditor } from 'slate-history';
 import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
 export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
 import * as styled_components_dist_types from 'styled-components/dist/types';
-import { Descendant } from 'slate';
-import { ReactEditor } from 'slate-react';
 
 interface VHSTheme {
     readonly breakpoint: {
@@ -1868,6 +1869,35 @@ type CustomComponentClass = {
     };
 };
 
+type NodeElementObject = {
+    attributes?: Record<string, string>;
+    children?: NodeLeafObject[];
+    type?: string;
+    url?: string;
+};
+type NodeObject = NodeElementObject | NodeLeafObject;
+type NodeLeafObject = {
+    attributes?: Record<string, string>;
+    bold?: boolean;
+    code?: boolean;
+    italic?: boolean;
+    parent?: NodeObject;
+    children?: NodeLeafObject[];
+    strikethrough?: boolean;
+    text?: string;
+    type?: string;
+    url?: string;
+    underline?: boolean;
+};
+type CustomEditor = BaseEditor & HistoryEditor & ReactEditor;
+declare module 'slate' {
+    interface CustomTypes {
+        Editor: CustomEditor;
+        Element: NodeElementObject;
+        Text: NodeLeafObject;
+    }
+}
+
 declare const rteFormatTypes: Readonly<{
     BOLD: "BOLD";
     ITALIC: "ITALIC";
@@ -2837,34 +2867,6 @@ declare const RangeSelector: {
     displayName: string;
 };
 
-type NodeElementObject = {
-    attributes?: Record<string, string>;
-    children?: NodeLeafObject[];
-    type?: string;
-    url?: string;
-};
-type NodeObject = NodeElementObject | NodeLeafObject;
-type NodeLeafObject = {
-    attributes?: Record<string, string>;
-    bold?: boolean;
-    code?: boolean;
-    italic?: boolean;
-    parent?: NodeObject;
-    children?: NodeLeafObject[];
-    strikethrough?: boolean;
-    text?: string;
-    type?: string;
-    url?: string;
-    underline?: boolean;
-};
-declare module 'slate' {
-    interface CustomTypes {
-        Editor: ReactEditor;
-        Element: NodeElementObject;
-        Text: NodeLeafObject;
-    }
-}
-
 type RichTextEditorProps = {
     /**
      * Optional id to set aria-labelledby

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v4.0.0-beta.144ba507.317e0d6
+ * @license @wistia/vhs v4.0.0-beta.297d7ed5.4ab52c0
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -7932,7 +7932,7 @@ FormConnectorCheckboxGroup.displayName = "FormConnectorCheckboxGroup";
 import { isNotUndefined as isNotUndefined6 } from "@wistia/type-guards";
 import { jsx as jsx158 } from "react/jsx-runtime";
 var FormConnectorCustomField = ({
-  customComponent: Element7,
+  customComponent: Element8,
   field,
   form,
   label = "",
@@ -7951,7 +7951,7 @@ var FormConnectorCustomField = ({
       labelProps,
       name,
       children: /* @__PURE__ */ jsx158(
-        Element7,
+        Element8,
         {
           field,
           form,
@@ -8921,9 +8921,9 @@ import { isNotUndefined as isNotUndefined11 } from "@wistia/type-guards";
 import { useCallback as useCallback12, useMemo as useMemo7, useEffect as useEffect18 } from "react";
 import { styled as styled41 } from "styled-components";
 import { Editable, withReact, Slate, ReactEditor } from "slate-react";
-import { createEditor, Transforms as Transforms5, Element as Element6, Text as Text4 } from "slate";
+import { createEditor, Transforms as Transforms5, Element as Element7, Text as Text4 } from "slate";
 import { withHistory } from "slate-history";
-import isHotkey from "is-hotkey";
+import { isHotkey } from "is-hotkey";
 import { isNil as isNil14, isNotNil as isNotNil26, isNonEmptyString as isNonEmptyString11 } from "@wistia/type-guards";
 import isEqual2 from "react-fast-compare";
 
@@ -9172,7 +9172,10 @@ var deserializeHTMLNode = (el) => {
     return null;
   }
   const children = getNodeChildren(el, deserializeHTMLNode);
-  const safeChildren = children.length > 0 && children[0] != null ? children : [emptyTextNode];
+  const filteredChildren = children.filter(
+    (child) => child === null || typeof child === "string" || typeof child === "object" && ("text" in child || "type" in child)
+  );
+  const safeChildren = filteredChildren.length > 0 && filteredChildren[0] != null ? filteredChildren : [emptyTextNode];
   if (el.nodeName === "BODY") {
     return jsx168("fragment", {}, safeChildren);
   }
@@ -9359,10 +9362,10 @@ import { Transforms as Transforms2, Element as Element4, Text as Text3 } from "s
 import { isNotUndefined as isNotUndefined10, isNotNil as isNotNil25 } from "@wistia/type-guards";
 
 // src/components/RichTextEditor/utilities/toggle.ts
-import { Element as Element3, Editor, Transforms } from "slate";
+import { Element as Element3, Transforms, Editor as SlateEditor } from "slate";
 import { isNotNil as isNotNil24, isNonEmptyString as isNonEmptyString8 } from "@wistia/type-guards";
 var isBlockActive = (editor, format) => {
-  const [match] = Editor.nodes(editor, {
+  const [match] = SlateEditor.nodes(editor, {
     match: (node) => Element3.isElement(node) && node.type === format
   });
   return Boolean(match);
@@ -9385,15 +9388,15 @@ var toggleBlck = (editor, format) => {
   }
 };
 var isMarkActive = (editor, format) => {
-  const valueMarks = Editor.marks(editor);
+  const valueMarks = SlateEditor.marks(editor);
   return isNonEmptyString8(valueMarks && Object.keys(valueMarks).find((mark) => mark === format));
 };
 var toggleMark = (editor, format) => {
   const isActive = isMarkActive(editor, format);
   if (isActive) {
-    Editor.removeMark(editor, format);
+    SlateEditor.removeMark(editor, format);
   } else {
-    Editor.addMark(editor, format, true);
+    SlateEditor.addMark(editor, format, true);
   }
 };
 
@@ -9450,14 +9453,14 @@ var withImages = (editor) => {
 };
 
 // src/components/RichTextEditor/utilities/withLinksPlugin.ts
-import { Transforms as Transforms3, Element as Element5, Node, Editor as Editor2, Range, Path } from "slate";
+import { Transforms as Transforms3, Element as Element5, Node, Editor, Range, Path } from "slate";
 import { isNonEmptyString as isNonEmptyString9 } from "@wistia/type-guards";
 var isHashUrl = (urlString) => {
   const urlPattern = /^#.+$/i;
   return Boolean(urlPattern.test(urlString));
 };
 var isLinkActive = (editor) => {
-  const [link] = Editor2.nodes(editor, {
+  const [link] = Editor.nodes(editor, {
     match: (node) => Element5.isElement(node) && node.type === "link"
   });
   return Boolean(link);
@@ -9486,7 +9489,8 @@ var wrapLink = (editor, url) => {
   }
 };
 var withLinks = (editor) => {
-  const { insertData, insertText, isInline, normalizeNode } = editor;
+  const { insertText, isInline, normalizeNode } = editor;
+  const { insertData } = editor;
   editor.isInline = (element) => element.type === "link" ? true : isInline(element);
   editor.insertText = (text) => {
     if (text && isUrl(text)) {
@@ -9541,10 +9545,10 @@ var insertLink = (editor) => {
 };
 
 // src/components/RichTextEditor/utilities/handleListEscape.ts
-import { Transforms as Transforms4, Range as Range2, Editor as Editor3 } from "slate";
+import { Transforms as Transforms4, Range as Range2, Editor as Editor2, Element as Element6 } from "slate";
 var OverriddenEditor = {
-  ...Editor3,
-  isBlck: Editor3.isBlock
+  ...Editor2,
+  isBlck: Editor2.isBlock
 };
 var newLine = {
   type: "paragraph",
@@ -9568,7 +9572,7 @@ var handleListEscape = (editor) => {
   const selectedElement = editor.children[selection.anchor.path[0]];
   const isList = selectedElement.type === "bulleted-list" || selectedElement.type === "numbered-list";
   const blockAbove = OverriddenEditor.above(editor, {
-    match: (node) => OverriddenEditor.isBlck(editor, node)
+    match: (node) => Element6.isElement(node) && OverriddenEditor.isBlck(editor, node)
   });
   if ((textIsNotSelected ?? false) && isList && isLastChildBlankText(blockAbove[0].children)) {
     Transforms4.removeNodes(editor, { hanging: true });
@@ -10056,17 +10060,19 @@ var RichTextEditor = ({
       return;
     }
     const selectedElement = editor.children[selection.anchor.path[0]];
-    if (Element6.isElement(selectedElement) && selectedElement.type === "image") {
+    if (Element7.isElement(selectedElement) && selectedElement.type === "image") {
       toggleBlck(editor, "image");
       Transforms5.removeNodes(editor, { at: selection });
       Transforms5.move(editor, { reverse: true });
-      const spanElement = editor.children.filter((child) => child.type === "span")[0];
-      if (Element6.isElement(spanElement) && spanElement.type === "span" && isNotNil26(spanElement.children) && isNotNil26(spanElement.children[0]) && isNotNil26(spanElement.children[0].text) && spanElement.children[0].text.trim() !== "") {
+      const spanElement = editor.children.filter(
+        (child) => Element7.isElement(child) && child.type === "span"
+      )[0];
+      if (Element7.isElement(spanElement) && spanElement.type === "span" && isNotNil26(spanElement.children) && isNotNil26(spanElement.children[0]) && isNotNil26(spanElement.children[0].text) && spanElement.children[0].text.trim() !== "") {
         Transforms5.setNodes(
           editor,
           { type: "paragraph" },
           {
-            match: (node) => node.type === "span" && isNotNil26(node.children) && Text4.isText(node.children[0]) && isNotNil26(node.children[0].text) && node.children[0].text.trim() !== "",
+            match: (node) => Element7.isElement(node) && node.type === "span" && isNotNil26(node.children) && Text4.isText(node.children[0]) && isNotNil26(node.children[0].text) && node.children[0].text.trim() !== "",
             split: true,
             mode: "highest"
           }
@@ -10082,7 +10088,9 @@ var RichTextEditor = ({
         "data-testid": dataTestId,
         disabled,
         height,
-        onClick: () => ReactEditor.focus(editor),
+        onClick: () => {
+          ReactEditor.focus(editor);
+        },
         children: /* @__PURE__ */ jsxs30(
           Slate,
           {