@platecms/delta-smart-text 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platecms/delta-smart-text",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Provides a component to display smart text by using slate.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -16,44 +16,41 @@
   "type": "module",
   "exports": {
     ".": {
+      "types": "./index.d.ts",
       "import": "./index.mjs",
-      "require": "./index.js",
-      "types": "./index.d.ts"
+      "require": "./index.js"
     },
     "./index.css": "./index.css"
   },
   "dependencies": {
-    "@fortawesome/free-regular-svg-icons": "6.7.2",
-    "@fortawesome/free-solid-svg-icons": "6.7.2",
-    "@fortawesome/react-fontawesome": "0.2.2",
-    "@platecms/delta-cast": "0.4.8",
-    "@platecms/delta-plate-resource-notation": "1.4.1",
-    "@graphql-codegen/cli": "5.0.3",
+    "@platecms/delta-cast": "0.4.0",
+    "@platecms/delta-plate-resource-notation": "0.4.0",
+    "@graphql-codegen/cli": "5.0.7",
     "@graphql-typed-document-node/core": "3.2.0",
-    "@platecms/delta-cast-util-to-plaintext": "1.0.3",
-    "@reduxjs/toolkit": "2.5.1",
+    "@platecms/delta-cast-util-to-plaintext": "0.4.0",
+    "@reduxjs/toolkit": "2.8.2",
     "class-transformer": "0.5.1",
-    "graphql": "16.10.0",
+    "graphql": "16.11.0",
     "is-hotkey": "0.2.0",
     "lodash": "4.17.21",
-    "prismjs": "1.29.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "prismjs": "1.30.0",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "react-redux": "9.2.0",
     "redux-watch": "1.2.0",
     "reflect-metadata": "0.2.2",
-    "slate": "0.112.0",
-    "slate-react": "0.112.1",
+    "slate": "0.118.0",
+    "slate-react": "0.117.4",
     "tslib": "2.8.1",
-    "uuid": "11.0.5",
-    "vue": "3.5.13",
-    "@vitejs/plugin-vue": "4.5.0",
-    "vite-plugin-dts": "4.5.0",
-    "@tailwindcss/vite": "4.0.6",
-    "@vitejs/plugin-react": "4.3.4",
+    "uuid": "11.1.0",
+    "vue": "3.5.18",
+    "@vitejs/plugin-vue": "6.0.1",
+    "vite-plugin-dts": "4.5.4",
+    "@tailwindcss/vite": "4.1.12",
+    "@vitejs/plugin-react": "5.0.0",
     "zwitch": "2.0.4",
-    "@apollo/client": "3.13.1",
-    "@testing-library/react": "^16.3.0",
-    "react-tooltip": "^5.28.1"
+    "@apollo/client": "3.13.9",
+    "@testing-library/react": "16.3.0",
+    "react-tooltip": "5.29.1"
   }
 }

package/react/components/Element.d.ts

@@ -1,7 +1,8 @@
 import { default as React, HTMLAttributes, ReactNode } from 'react';
 import { DeltaElement } from '../types';
-export declare function Element({ attributes, children, element, }: {
+export declare function Element({ attributes, children, element, lastKey, }: {
     attributes: HTMLAttributes<HTMLElement>;
     children: ReactNode;
     element: DeltaElement;
+    lastKey: string | undefined;
 }): React.ReactElement;

package/react/components/FontAwesomeIcon.d.ts

@@ -0,0 +1,6 @@
+export declare function FontAwesomeIcon({ icon, className, size, spin, }: {
+    icon: [string, string];
+    className?: string;
+    size?: "lg" | "md" | "sm" | "xs";
+    spin?: boolean;
+}): React.ReactElement;

package/react/components/Leaf.d.ts

@@ -1,7 +1,3 @@
-import { default as React, HTMLAttributes, ReactNode } from 'react';
-import { DeltaLeaf } from '../types';
-export declare function Leaf(props: {
-    attributes: HTMLAttributes<HTMLElement>;
-    leaf: DeltaLeaf;
-    children?: ReactNode;
-}): React.ReactElement;
+import { default as React } from 'react';
+import { RenderLeafProps } from 'slate-react';
+export declare function Leaf(props: RenderLeafProps): React.ReactElement;

package/react/components/elements/LinkElement.d.ts

@@ -0,0 +1,8 @@
+import { default as React, HTMLAttributes, ReactNode } from 'react';
+import { LinkElement as LinkElementType } from '../../types';
+export declare function LinkElement({ attributes, children, element, }: {
+    attributes: HTMLAttributes<HTMLElement>;
+    children: ReactNode;
+    element: LinkElementType;
+}): React.ReactElement;
+export default LinkElement;

package/react/components/inputs/TextInput.d.ts

@@ -0,0 +1,7 @@
+export declare function TextInput({ onChange, name, value, placeholder, label, }: {
+    onChange: (value: string) => void;
+    name?: string;
+    label: string;
+    value: string;
+    placeholder: string;
+}): React.ReactElement;

package/react/components/menus/ContentAndFormatMenu.d.ts

@@ -1,4 +1,10 @@
 import { default as React } from 'react';
-export declare function ContentAndFormatMenu({ uuid }: {
+export declare function ContentAndFormatMenu({ uuid, ref, linkMenuIsOpen, openLinkMenu, searchValue, }: {
     uuid: string;
+    ref: React.RefObject<{
+        escapeContentAndFormatMenu: () => void;
+    } | null>;
+    linkMenuIsOpen: boolean;
+    openLinkMenu: () => void;
+    searchValue: string | null;
 }): React.ReactElement | null;

package/react/components/menus/link/AnchorInput.d.ts

@@ -0,0 +1,8 @@
+import { GridPlacement } from '../../../../../__generated__/graphql';
+export declare function AnchorInput({ label, value, contentExperiencePrn, gridPlacementPrn, onGridPlacementChanged, }: {
+    label: string;
+    value: string;
+    contentExperiencePrn: string;
+    gridPlacementPrn: string | undefined;
+    onGridPlacementChanged: (gridPlacement?: GridPlacement) => void;
+}): React.ReactElement | null;

package/react/components/menus/link/LinkInput.d.ts

@@ -0,0 +1,11 @@
+import { ContentExperience } from '../../../../../__generated__/graphql';
+import { LinkData } from './LinkMenu';
+export declare function LinkInput({ onChange, onContentExperienceChanged, value, placeholder, label, contentExperiencePrn, gridPlacementPrn, }: {
+    onChange: (partial: Partial<LinkData>) => void;
+    onContentExperienceChanged: (contentExperience?: ContentExperience) => void;
+    value: string;
+    placeholder?: string;
+    label: string;
+    contentExperiencePrn?: string;
+    gridPlacementPrn?: string;
+}): React.ReactElement;

package/react/components/menus/link/LinkMenu.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { LinkElement } from '../../../types';
+export interface LinkData {
+    text: string;
+    url: string;
+    target: LinkElement["target"];
+    internal?: {
+        prn: string;
+        anchor?: boolean;
+    };
+}
+export declare function LinkMenu({ showLinkTextInput, buttonText, menuClass, showMenu, onClose, }: {
+    showLinkTextInput?: boolean;
+    buttonText: string;
+    menuClass?: string;
+    showMenu?: boolean;
+    onClose: () => void;
+}): React.ReactElement | null;

package/react/components/menus/partials/MenuButton.d.ts

@@ -1,7 +1,6 @@
-import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
 import { default as React, ReactNode } from 'react';
 export declare function MenuButton({ icon, text, onClick, children, }: {
-    icon?: IconDefinition;
+    icon?: [string, string];
     text: string;
     onClick?: (event: React.MouseEvent) => void;
     children?: ReactNode;

package/react/components/menus/partials/MenuHeader.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
 export declare function MenuHeader({ text, icon }: {
     text: string;
-    icon?: IconDefinition;
+    icon?: [string, string];
 }): React.ReactElement;

package/react/components/toolbar/ToolbarBlockButton.d.ts

@@ -1,9 +1,8 @@
 import { default as React, ReactNode } from 'react';
 import { HeadingElement, ListElement } from '../../types';
-import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
 export declare function ToolbarBlockButton({ format, properties, icon, children, }: {
     format: "code" | "heading" | "list";
-    icon: IconDefinition;
+    icon: [string, string];
     properties?: {
         level?: HeadingElement["level"];
         ordered?: ListElement["ordered"];

package/react/components/toolbar/ToolbarLinkButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export declare function ToolbarLinkButton({ icon, mode, }: {
+    icon: [string, string];
+    mode?: "create" | "edit";
+}): React.ReactElement;
+export default ToolbarLinkButton;

package/react/components/toolbar/ToolbarMarkButton.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
-import { IconDefinition } from '@fortawesome/free-regular-svg-icons';
 declare function ToolbarMarkButton({ format, icon, }: {
     format: "bold" | "italic" | "strikethrough" | "underline";
-    icon: IconDefinition;
+    icon: [string, string];
 }): React.ReactElement;
 export default ToolbarMarkButton;

package/react/components/toolbar/link/ToolbarDisplayLink.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function ToolbarDisplayLink(): React.ReactElement;

package/react/components/toolbar/link/UnlinkButton.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function UnlinkButton(): React.ReactElement;

package/react/types.d.ts

@@ -11,7 +11,7 @@ declare module "slate" {
 export interface DeltaLeafMarkdown {
     title?: boolean;
 }
-export type DeltaElement = BlockquoteElement | CodeElement | ContentValueElement | HeadingElement | ListElement | ListItemElement | ParagraphElement;
+export type DeltaElement = BlockquoteElement | CodeElement | ContentValueElement | HeadingElement | LinkElement | ListElement | ListItemElement | ParagraphElement;
 export type DeltaLeaf = DeltaLeafMarkdown & {
     text: string;
     bold?: true;
@@ -23,7 +23,7 @@ export type DeltaLeaf = DeltaLeafMarkdown & {
 };
 export interface ParagraphElement {
     type: "paragraph";
-    children: (ContentValueElement | DeltaLeaf)[];
+    children: (ContentValueElement | DeltaLeaf | LinkElement)[];
 }
 export interface HeadingElement {
     type: "heading";
@@ -53,3 +53,13 @@ export interface ContentValueElement {
     root: Root | undefined;
     children: DeltaLeaf[];
 }
+export interface LinkElement {
+    type: "link";
+    url: string;
+    children: DeltaLeaf[];
+    target?: "_parent" | "_top" | "blank" | "self";
+    internal?: {
+        prn: string;
+        anchor?: boolean;
+    };
+}

package/react/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { BaseEditor, Editor } from 'slate';
+import { BaseEditor, Editor, Element } from 'slate';
 import { DeltaLeaf, HeadingElement, ListElement } from '../types';
 import { ReactEditor } from 'slate-react';
 import { default as React } from 'react';
@@ -13,3 +13,5 @@ export declare function toggleBlock(editor: BaseEditor & ReactEditor, format: "c
     ordered?: ListElement["ordered"];
 }): void;
 export declare function useClickOutside(ref: React.RefObject<HTMLElement | null>, callback: () => void): void;
+export declare function findElement(editor: Editor, elementType: string): [Element, number[]] | undefined;
+export declare function hasElementSelected(editor: Editor, elementType: string): boolean;