payload-richtext-tiptap 0.0.60 → 0.0.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-richtext-tiptap",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "description": "Rich text tiptap for Payload CMS",
   "keywords": [
     "payload",

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { MenuListProps } from "./types.js";
-export declare const MenuList: React.ForwardRefExoticComponent<MenuListProps & React.RefAttributes<unknown>>;
-export default MenuList;
-//# sourceMappingURL=MenuList.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuList.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/MenuList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAW,aAAa,EAAE,MAAM,YAAY,CAAC;AAIpD,eAAO,MAAM,QAAQ,+EAiJnB,CAAC;AAIH,eAAe,QAAQ,CAAC"}

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.js

@@ -1,123 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useCallback, useEffect, useRef, useState } from "react";
-import { DropdownButton } from "../../features/ui/Dropdown/Dropdown.js";
-import { Surface } from "../../features/ui/Surface.js";
-import { Icon } from "../../features/ui/Icon.js";
-export const MenuList = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const scrollContainer = useRef(null);
-    const activeItem = useRef(null);
-    const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);
-    const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);
-    // Anytime the groups change, i.e. the user types to narrow it down, we want to
-    // reset the current selection to the first menu item
-    useEffect(()=>{
-        setSelectedGroupIndex(0);
-        setSelectedCommandIndex(0);
-    }, [
-        props.items
-    ]);
-    const selectItem = useCallback((groupIndex, commandIndex)=>{
-        const command = props.items[groupIndex].commands[commandIndex];
-        props.command(command);
-    }, [
-        props
-    ]);
-    React.useImperativeHandle(ref, ()=>({
-            onKeyDown: ({ event })=>{
-                if (event.key === "ArrowDown") {
-                    if (!props.items.length) {
-                        return false;
-                    }
-                    const commands = props.items[selectedGroupIndex].commands;
-                    let newCommandIndex = selectedCommandIndex + 1;
-                    let newGroupIndex = selectedGroupIndex;
-                    if (commands.length - 1 < newCommandIndex) {
-                        newCommandIndex = 0;
-                        newGroupIndex = selectedGroupIndex + 1;
-                    }
-                    if (props.items.length - 1 < newGroupIndex) {
-                        newGroupIndex = 0;
-                    }
-                    setSelectedCommandIndex(newCommandIndex);
-                    setSelectedGroupIndex(newGroupIndex);
-                    return true;
-                }
-                if (event.key === "ArrowUp") {
-                    if (!props.items.length) {
-                        return false;
-                    }
-                    let newCommandIndex = selectedCommandIndex - 1;
-                    let newGroupIndex = selectedGroupIndex;
-                    if (newCommandIndex < 0) {
-                        newGroupIndex = selectedGroupIndex - 1;
-                        newCommandIndex = props.items[newGroupIndex]?.commands.length - 1 || 0;
-                    }
-                    if (newGroupIndex < 0) {
-                        newGroupIndex = props.items.length - 1;
-                        newCommandIndex = props.items[newGroupIndex].commands.length - 1;
-                    }
-                    setSelectedCommandIndex(newCommandIndex);
-                    setSelectedGroupIndex(newGroupIndex);
-                    return true;
-                }
-                if (event.key === "Enter") {
-                    if (!props.items.length || selectedGroupIndex === -1 || selectedCommandIndex === -1) {
-                        return false;
-                    }
-                    selectItem(selectedGroupIndex, selectedCommandIndex);
-                    return true;
-                }
-                return false;
-            }
-        }));
-    useEffect(()=>{
-        if (activeItem.current && scrollContainer.current) {
-            const offsetTop = activeItem.current.offsetTop;
-            const offsetHeight = activeItem.current.offsetHeight;
-            scrollContainer.current.scrollTop = offsetTop - offsetHeight;
-        }
-    }, [
-        selectedCommandIndex,
-        selectedGroupIndex
-    ]);
-    const createCommandClickHandler = useCallback((groupIndex, commandIndex)=>{
-        return ()=>{
-            selectItem(groupIndex, commandIndex);
-        };
-    }, [
-        selectItem
-    ]);
-    if (!props.items.length) {
-        return null;
-    }
-    return /*#__PURE__*/ _jsx(Surface, {
-        ref: scrollContainer,
-        className: "text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2",
-        children: /*#__PURE__*/ _jsx("div", {
-            className: "grid grid-cols-1 gap-0.5",
-            children: props.items.map((group, groupIndex)=>/*#__PURE__*/ _jsxs(React.Fragment, {
-                    children: [
-                        /*#__PURE__*/ _jsx("div", {
-                            className: "text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5",
-                            children: group.title
-                        }, `${group.title}`),
-                        group.commands.map((command, commandIndex)=>/*#__PURE__*/ _jsxs(DropdownButton, {
-                                isActive: selectedGroupIndex === groupIndex && selectedCommandIndex === commandIndex,
-                                onClick: createCommandClickHandler(groupIndex, commandIndex),
-                                children: [
-                                    /*#__PURE__*/ _jsx(Icon, {
-                                        icon: command.icon,
-                                        className: "mr-1"
-                                    }),
-                                    command.label
-                                ]
-                            }, `${command.label}`))
-                    ]
-                }, `${group.title}-wrapper`))
-        })
-    });
-});
-MenuList.displayName = "MenuList";
-export default MenuList;
-
-//# sourceMappingURL=MenuList.js.map

package/dist/src/fields/TiptapEditor/extensions/AICommand/MenuList.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/AICommand/MenuList.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { DropdownButton } from \"../../features/ui/Dropdown/Dropdown.js\";\nimport { Surface } from \"../../features/ui/Surface.js\";\nimport { Command, MenuListProps } from \"./types.js\";\n\nimport { Icon } from \"../../features/ui/Icon.js\";\n\nexport const MenuList = React.forwardRef((props: MenuListProps, ref) => {\n  const scrollContainer = useRef<HTMLDivElement>(null);\n  const activeItem = useRef<HTMLButtonElement>(null);\n  const [selectedGroupIndex, setSelectedGroupIndex] = useState(0);\n  const [selectedCommandIndex, setSelectedCommandIndex] = useState(0);\n\n  // Anytime the groups change, i.e. the user types to narrow it down, we want to\n  // reset the current selection to the first menu item\n  useEffect(() => {\n    setSelectedGroupIndex(0);\n    setSelectedCommandIndex(0);\n  }, [props.items]);\n\n  const selectItem = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      const command = props.items[groupIndex].commands[commandIndex];\n      props.command(command);\n    },\n    [props]\n  );\n\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: React.KeyboardEvent }) => {\n      if (event.key === \"ArrowDown\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        const commands = props.items[selectedGroupIndex].commands;\n\n        let newCommandIndex = selectedCommandIndex + 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (commands.length - 1 < newCommandIndex) {\n          newCommandIndex = 0;\n          newGroupIndex = selectedGroupIndex + 1;\n        }\n\n        if (props.items.length - 1 < newGroupIndex) {\n          newGroupIndex = 0;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"ArrowUp\") {\n        if (!props.items.length) {\n          return false;\n        }\n\n        let newCommandIndex = selectedCommandIndex - 1;\n        let newGroupIndex = selectedGroupIndex;\n\n        if (newCommandIndex < 0) {\n          newGroupIndex = selectedGroupIndex - 1;\n          newCommandIndex =\n            props.items[newGroupIndex]?.commands.length - 1 || 0;\n        }\n\n        if (newGroupIndex < 0) {\n          newGroupIndex = props.items.length - 1;\n          newCommandIndex = props.items[newGroupIndex].commands.length - 1;\n        }\n\n        setSelectedCommandIndex(newCommandIndex);\n        setSelectedGroupIndex(newGroupIndex);\n\n        return true;\n      }\n\n      if (event.key === \"Enter\") {\n        if (\n          !props.items.length ||\n          selectedGroupIndex === -1 ||\n          selectedCommandIndex === -1\n        ) {\n          return false;\n        }\n\n        selectItem(selectedGroupIndex, selectedCommandIndex);\n\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  useEffect(() => {\n    if (activeItem.current && scrollContainer.current) {\n      const offsetTop = activeItem.current.offsetTop;\n      const offsetHeight = activeItem.current.offsetHeight;\n\n      scrollContainer.current.scrollTop = offsetTop - offsetHeight;\n    }\n  }, [selectedCommandIndex, selectedGroupIndex]);\n\n  const createCommandClickHandler = useCallback(\n    (groupIndex: number, commandIndex: number) => {\n      return () => {\n        selectItem(groupIndex, commandIndex);\n      };\n    },\n    [selectItem]\n  );\n\n  if (!props.items.length) {\n    return null;\n  }\n\n  return (\n    <Surface\n      ref={scrollContainer}\n      className=\"text-black max-h-[min(80vh,24rem)] overflow-auto flex-wrap mb-8 p-2\"\n    >\n      <div className=\"grid grid-cols-1 gap-0.5\">\n        {props.items.map((group, groupIndex: number) => (\n          <React.Fragment key={`${group.title}-wrapper`}>\n            <div\n              className=\"text-neutral-500 text-[0.65rem] col-[1/-1] mx-2 mt-4 font-semibold tracking-wider select-none uppercase first:mt-0.5\"\n              key={`${group.title}`}\n            >\n              {group.title}\n            </div>\n            {group.commands.map((command: Command, commandIndex: number) => (\n              <DropdownButton\n                key={`${command.label}`}\n                isActive={\n                  selectedGroupIndex === groupIndex &&\n                  selectedCommandIndex === commandIndex\n                }\n                onClick={createCommandClickHandler(groupIndex, commandIndex)}\n              >\n                <Icon icon={command.icon} className=\"mr-1\" />\n                {command.label}\n              </DropdownButton>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </Surface>\n  );\n});\n\nMenuList.displayName = \"MenuList\";\n\nexport default MenuList;\n"],"names":["React","useCallback","useEffect","useRef","useState","DropdownButton","Surface","Icon","MenuList","forwardRef","props","ref","scrollContainer","activeItem","selectedGroupIndex","setSelectedGroupIndex","selectedCommandIndex","setSelectedCommandIndex","items","selectItem","groupIndex","commandIndex","command","commands","useImperativeHandle","onKeyDown","event","key","length","newCommandIndex","newGroupIndex","current","offsetTop","offsetHeight","scrollTop","createCommandClickHandler","className","div","map","group","Fragment","title","isActive","onClick","icon","label","displayName"],"mappings":"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"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.d.ts

@@ -1,3 +0,0 @@
-declare const _default: (props: any) => import("react").JSX.Element;
-export default _default;
-//# sourceMappingURL=AIEditorParagraph.d.ts.map

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AIEditorParagraph.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.tsx"],"names":[],"mappings":";AAEA,wBAgCE"}

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { NodeViewContent, NodeViewWrapper } from "@tiptap/react";
-export default ((props)=>{
-    console.log("PROPS", props);
-    return /*#__PURE__*/ _jsx(NodeViewWrapper, {
-        onClick: ()=>{
-            props?.editor?.commands?.setNodeSelection(props.getPos());
-        },
-        children: /*#__PURE__*/ _jsx(NodeViewContent, {
-            contentEditable: "false",
-            children: props?.node?.type?.spec?.draggable ? /*#__PURE__*/ _jsx("div", {
-                draggable: "true",
-                "data-drag-handle": "",
-                style: {
-                    width: "100%"
-                },
-                children: /*#__PURE__*/ _jsx("div", {
-                    className: "w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard",
-                    draggable: "true",
-                    "data-drag-handle": "",
-                    contentEditable: "false",
-                    children: /*#__PURE__*/ _jsx("p", {
-                        className: "w-full flex items-center justify-start mt-0",
-                        style: {
-                            marginTop: 0
-                        },
-                        children: "TEEEEE"
-                    })
-                })
-            }) : null
-        })
-    });
-});
-
-//# sourceMappingURL=AIEditorParagraph.js.map

package/dist/src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/extensions/Paragraph/AIEditorParagraph.tsx"],"sourcesContent":["import { NodeViewContent, NodeViewWrapper } from \"@tiptap/react\";\n\nexport default (props) => {\n  console.log(\"PROPS\", props);\n  return (\n    <NodeViewWrapper\n      onClick={() => {\n        props?.editor?.commands?.setNodeSelection(props.getPos());\n      }}\n    >\n      <NodeViewContent contentEditable=\"false\">\n        {props?.node?.type?.spec?.draggable ? (\n          <div draggable=\"true\" data-drag-handle=\"\" style={{ width: \"100%\" }}>\n            <div\n              className=\"w-full bg-zinc-100 py-8 px-6 flex items-center justify-center gap-2 socialMediaCard\"\n              draggable=\"true\"\n              data-drag-handle=\"\"\n              contentEditable=\"false\"\n            >\n              <p\n                className=\"w-full flex items-center justify-start mt-0\"\n                style={{\n                  marginTop: 0,\n                }}\n              >\n                TEEEEE\n                {/* {text} */}\n              </p>\n            </div>\n          </div>\n        ) : null}\n      </NodeViewContent>\n    </NodeViewWrapper>\n  );\n};\n"],"names":["NodeViewContent","NodeViewWrapper","props","console","log","onClick","editor","commands","setNodeSelection","getPos","contentEditable","node","type","spec","draggable","div","data-drag-handle","style","width","className","p","marginTop"],"mappings":";AAAA,SAASA,eAAe,EAAEC,eAAe,QAAQ,gBAAgB;AAEjE,eAAe,CAAA,CAACC;IACdC,QAAQC,GAAG,CAAC,SAASF;IACrB,qBACE,KAACD;QACCI,SAAS;YACPH,OAAOI,QAAQC,UAAUC,iBAAiBN,MAAMO,MAAM;QACxD;kBAEA,cAAA,KAACT;YAAgBU,iBAAgB;sBAC9BR,OAAOS,MAAMC,MAAMC,MAAMC,0BACxB,KAACC;gBAAID,WAAU;gBAAOE,oBAAiB;gBAAGC,OAAO;oBAAEC,OAAO;gBAAO;0BAC/D,cAAA,KAACH;oBACCI,WAAU;oBACVL,WAAU;oBACVE,oBAAiB;oBACjBN,iBAAgB;8BAEhB,cAAA,KAACU;wBACCD,WAAU;wBACVF,OAAO;4BACLI,WAAW;wBACb;kCACD;;;iBAMH;;;AAIZ,CAAA,EAAE"}