phx-react 1.3.1718 → 1.3.1720

package/dist/cjs/components/TextEditorV2/plugins/AutoEmbedPlugin/index.js

@@ -1,168 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbedConfigs = exports.FigmaEmbedConfig = exports.TwitterEmbedConfig = exports.YoutubeEmbedConfig = void 0;
-exports.AutoEmbedDialog = AutoEmbedDialog;
-exports.default = AutoEmbedPlugin;
-const tslib_1 = require("tslib");
-const LexicalAutoEmbedPlugin_1 = require("@lexical/react/LexicalAutoEmbedPlugin");
-const LexicalComposerContext_1 = require("@lexical/react/LexicalComposerContext");
-const react_1 = require("react");
-const React = tslib_1.__importStar(require("react"));
-const ReactDOM = tslib_1.__importStar(require("react-dom"));
-const useModal_1 = tslib_1.__importDefault(require("../../hooks/useModal"));
-const Button_1 = tslib_1.__importDefault(require("../../ui/Button"));
-const Dialog_1 = require("../../ui/Dialog");
-const FigmaPlugin_1 = require("../FigmaPlugin");
-const TwitterPlugin_1 = require("../TwitterPlugin");
-const YouTubePlugin_1 = require("../YouTubePlugin");
-exports.YoutubeEmbedConfig = {
-    contentName: 'Youtube Video',
-    exampleUrl: 'https://www.youtube.com/watch?v=jNQXAC9IVRw',
-    // Icon for display.
-    icon: React.createElement("i", { className: 'icon youtube' }),
-    insertNode: (editor, result) => {
-        editor.dispatchCommand(YouTubePlugin_1.INSERT_YOUTUBE_COMMAND, result.id);
-    },
-    keywords: ['youtube', 'video'],
-    // Determine if a given URL is a match and return url data.
-    parseUrl: async (url) => {
-        const match = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/.exec(url);
-        const id = match ? ((match === null || match === void 0 ? void 0 : match[2].length) === 11 ? match[2] : null) : null;
-        if (id != null) {
-            return {
-                id,
-                url,
-            };
-        }
-        return null;
-    },
-    type: 'youtube-video',
-};
-exports.TwitterEmbedConfig = {
-    // e.g. Tweet or Google Map.
-    contentName: 'Tweet',
-    exampleUrl: 'https://twitter.com/jack/status/20',
-    // Icon for display.
-    icon: React.createElement("i", { className: 'icon tweet' }),
-    // Create the Lexical embed node from the url data.
-    insertNode: (editor, result) => {
-        editor.dispatchCommand(TwitterPlugin_1.INSERT_TWEET_COMMAND, result.id);
-    },
-    // For extra searching.
-    keywords: ['tweet', 'twitter'],
-    // Determine if a given URL is a match and return url data.
-    parseUrl: (text) => {
-        const match = /^https:\/\/(twitter|x)\.com\/(#!\/)?(\w+)\/status(es)*\/(\d+)/.exec(text);
-        if (match != null) {
-            return {
-                id: match[5],
-                url: match[1],
-            };
-        }
-        return null;
-    },
-    type: 'tweet',
-};
-exports.FigmaEmbedConfig = {
-    contentName: 'Figma Document',
-    exampleUrl: 'https://www.figma.com/file/LKQ4FJ4bTnCSjedbRpk931/Sample-File',
-    icon: React.createElement("i", { className: 'icon figma' }),
-    insertNode: (editor, result) => {
-        editor.dispatchCommand(FigmaPlugin_1.INSERT_FIGMA_COMMAND, result.id);
-    },
-    keywords: ['figma', 'figma.com', 'mock-up'],
-    // Determine if a given URL is a match and return url data.
-    parseUrl: (text) => {
-        const match = /https:\/\/([\w.-]+\.)?figma.com\/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/.exec(text);
-        if (match != null) {
-            return {
-                id: match[3],
-                url: match[0],
-            };
-        }
-        return null;
-    },
-    type: 'figma',
-};
-exports.EmbedConfigs = [exports.TwitterEmbedConfig, exports.YoutubeEmbedConfig, exports.FigmaEmbedConfig];
-function AutoEmbedMenuItem({ index, isSelected, onClick, onMouseEnter, option, }) {
-    let className = 'item';
-    if (isSelected) {
-        className += ' selected';
-    }
-    return (React.createElement("li", { key: option.key, ref: option.setRefElement, "aria-selected": isSelected, className: className, id: 'typeahead-item-' + index, onClick: onClick, onMouseEnter: onMouseEnter, role: 'option', tabIndex: -1 },
-        React.createElement("span", { className: 'text' }, option.title)));
-}
-function AutoEmbedMenu({ onOptionClick, onOptionMouseEnter, options, selectedItemIndex, }) {
-    return (React.createElement("div", { className: 'typeahead-popover' },
-        React.createElement("ul", null, options.map((option, i) => (React.createElement(AutoEmbedMenuItem, { key: option.key, index: i, isSelected: selectedItemIndex === i, onClick: () => onOptionClick(option, i), onMouseEnter: () => onOptionMouseEnter(i), option: option }))))));
-}
-const debounce = (callback, delay) => {
-    let timeoutId;
-    return (text) => {
-        window.clearTimeout(timeoutId);
-        timeoutId = window.setTimeout(() => {
-            callback(text);
-        }, delay);
-    };
-};
-function AutoEmbedDialog({ embedConfig, onClose, }) {
-    const [text, setText] = (0, react_1.useState)('');
-    const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
-    const [embedResult, setEmbedResult] = (0, react_1.useState)(null);
-    const validateText = (0, react_1.useMemo)(() => debounce((inputText) => {
-        const urlMatch = LexicalAutoEmbedPlugin_1.URL_MATCHER.exec(inputText);
-        if (embedConfig != null && inputText != null && urlMatch != null) {
-            Promise.resolve(embedConfig.parseUrl(inputText)).then((parseResult) => {
-                setEmbedResult(parseResult);
-            });
-        }
-        else if (embedResult != null) {
-            setEmbedResult(null);
-        }
-    }, 200), [embedConfig, embedResult]);
-    const onClick = () => {
-        if (embedResult != null) {
-            embedConfig.insertNode(editor, embedResult);
-            onClose();
-        }
-    };
-    return (React.createElement("div", { style: { width: '600px' } },
-        React.createElement("div", { className: 'Input__wrapper' },
-            React.createElement("input", { className: 'Input__input', "data-test-id": `${embedConfig.type}-embed-modal-url`, onChange: (e) => {
-                    const { value } = e.target;
-                    setText(value);
-                    validateText(value);
-                }, placeholder: embedConfig.exampleUrl, type: 'text', value: text })),
-        React.createElement(Dialog_1.DialogActions, null,
-            React.createElement(Button_1.default, { "data-test-id": `${embedConfig.type}-embed-modal-submit-btn`, disabled: !embedResult, onClick: onClick }, "Embed"))));
-}
-function AutoEmbedPlugin() {
-    const [modal, showModal] = (0, useModal_1.default)();
-    const openEmbedModal = (embedConfig) => {
-        showModal(`Embed ${embedConfig.contentName}`, (onClose) => (React.createElement(AutoEmbedDialog, { embedConfig: embedConfig, onClose: onClose })));
-    };
-    const getMenuOptions = (activeEmbedConfig, embedFn, dismissFn) => [
-        new LexicalAutoEmbedPlugin_1.AutoEmbedOption('Dismiss', {
-            onSelect: dismissFn,
-        }),
-        new LexicalAutoEmbedPlugin_1.AutoEmbedOption(`Embed ${activeEmbedConfig.contentName}`, {
-            onSelect: embedFn,
-        }),
-    ];
-    return (React.createElement(React.Fragment, null,
-        modal,
-        React.createElement(LexicalAutoEmbedPlugin_1.LexicalAutoEmbedPlugin, { embedConfigs: exports.EmbedConfigs, getMenuOptions: getMenuOptions, menuRenderFn: (anchorElementRef, { options, selectOptionAndCleanUp, selectedIndex, setHighlightedIndex }) => anchorElementRef.current
-                ? ReactDOM.createPortal(React.createElement("div", { className: 'typeahead-popover auto-embed-menu', style: {
-                        marginLeft: anchorElementRef.current.style.width,
-                        width: 200,
-                    } },
-                    React.createElement(AutoEmbedMenu, { onOptionClick: (option, index) => {
-                            setHighlightedIndex(index);
-                            selectOptionAndCleanUp(option);
-                        }, onOptionMouseEnter: (index) => {
-                            setHighlightedIndex(index);
-                        }, options: options, selectedItemIndex: selectedIndex })), anchorElementRef.current)
-                : null, onOpenEmbedModalForConfig: openEmbedModal })));
-}
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/TextEditorV2/plugins/AutoEmbedPlugin/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/TextEditorV2/plugins/AutoEmbedPlugin/index.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/TextEditorV2/plugins/AutocompletePlugin/index.d.ts

@@ -1,2 +0,0 @@
-export declare const uuid: string;
-export default function AutocompletePlugin(): React.JSX.Element | null;