@datalayer/jupyter-lexical 0.0.1

package/lib/plugins/MardownPlugin.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
+import { PLAYGROUND_TRANSFORMERS } from '../convert/transformers/MarkdownTransformers';
+export const MarkdownPlugin = () => {
+    return _jsx(MarkdownShortcutPlugin, { transformers: PLAYGROUND_TRANSFORMERS });
+};
+export default MarkdownPlugin;
+//# sourceMappingURL=MardownPlugin.js.map

package/lib/plugins/MardownPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MardownPlugin.js","sourceRoot":"","sources":["../../src/plugins/MardownPlugin.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAC,sBAAsB,EAAC,MAAM,8CAA8C,CAAC;AAEpF,OAAO,EAAC,uBAAuB,EAAC,MAAM,8CAA8C,CAAC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC9C,OAAO,KAAC,sBAAsB,IAAC,YAAY,EAAE,uBAAuB,GAAI,CAAC;AAC3E,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/lib/plugins/NbformatContentPlugin.d.ts

@@ -0,0 +1,6 @@
+import { INotebookContent } from "@jupyterlab/nbformat";
+type Props = {
+    notebook?: INotebookContent;
+};
+export declare const NbformatContentPlugin: (props: Props) => null;
+export default NbformatContentPlugin;

package/lib/plugins/NbformatContentPlugin.js

@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useEffect } from "react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { nbformatToLexical } from "../convert/NbFormatToLexical";
+export const NbformatContentPlugin = (props) => {
+    const { notebook } = props;
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (notebook) {
+            nbformatToLexical(notebook, editor);
+        }
+    }, [editor, notebook]);
+    return null;
+};
+export default NbformatContentPlugin;
+//# sourceMappingURL=NbformatContentPlugin.js.map

package/lib/plugins/NbformatContentPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NbformatContentPlugin.js","sourceRoot":"","sources":["../../src/plugins/NbformatContentPlugin.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAMjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAY,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE;YACZ,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IACtB,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAC"}

package/lib/plugins/TableOfContentsPlugin.css

@@ -0,0 +1,87 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+.table-of-contents .heading2 {
+  margin-left: 10px;
+}
+
+.table-of-contents .heading3 {
+  margin-left: 20px;
+}
+
+.selected-heading {
+  color: #3578e5;
+  position: relative;
+}
+
+.selected-heading-wrapper::before {
+  content: ' ';
+  position: absolute;
+  display: inline-block;
+  left: -30px;
+  top: 4px;
+  z-index: 10;
+  height: 4px;
+  width: 4px;
+  background-color: #3578e5;
+  border: solid 4px white;
+  border-radius: 50%;
+}
+
+.normal-heading {
+  cursor: pointer;
+  line-height: 20px;
+  font-size: 16px;
+}
+
+.table-of-contents {
+  color: #65676b;
+  position: fixed;
+  top: 100px;
+/*  right: 100px; */
+  right: 0px;
+  padding: 10px;
+  width: 250px;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  z-index: 1;
+  height: 300px;
+}
+
+.first-heading {
+  color: black;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+.headings {
+  list-style: none;
+  margin-top: 0;
+  margin-left: 10px;
+  padding: 0;
+  overflow: scroll;
+  width: 100%;
+  height: 220px;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+
+.headings::before {
+  content: ' ';
+  position: absolute;
+  height: 220px;
+  width: 4px;
+  right: 240px;
+  margin-top: 5px;
+  background-color: #ccd0d5;
+  border-radius: 2px;
+}
+
+.normal-heading-wrapper {
+  margin-left: 32px;
+  position: relative;
+}

package/lib/plugins/TableOfContentsPlugin.d.ts

@@ -0,0 +1,3 @@
+import './TableOfContentsPlugin.css';
+export declare const TableOfContentsPlugin: () => import("react/jsx-runtime").JSX.Element;
+export default TableOfContentsPlugin;

package/lib/plugins/TableOfContentsPlugin.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './TableOfContentsPlugin.css';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import LexicalTableOfContents from '@lexical/react/LexicalTableOfContents';
+import { useEffect, useRef, useState } from 'react';
+function indent(tagName) {
+    if (tagName === 'h2') {
+        return 'heading2';
+    }
+    else if (tagName === 'h3') {
+        return 'heading3';
+    }
+}
+function TableOfContentsList({ tableOfContents, }) {
+    const [selectedKey, setSelectedKey] = useState('');
+    const selectedIndex = useRef(0);
+    const [editor] = useLexicalComposerContext();
+    function scrollToNode(key, currIndex) {
+        editor.getEditorState().read(() => {
+            const domElement = editor.getElementByKey(key);
+            if (domElement !== null) {
+                domElement.scrollIntoView();
+                setSelectedKey(key);
+                selectedIndex.current = currIndex;
+            }
+        });
+    }
+    function isHeadingAtTheTopOfThePage(element) {
+        const elementYPosition = element?.getClientRects()[0].y;
+        return elementYPosition >= 0.26 && elementYPosition <= 9;
+    }
+    function isHeadingAboveViewport(element) {
+        const elementYPosition = element?.getClientRects()[0].y;
+        return elementYPosition <= 0;
+    }
+    function isHeadingBelowTheTopOfThePage(element) {
+        const elementYPosition = element?.getClientRects()[0].y;
+        return elementYPosition > 9;
+    }
+    useEffect(() => {
+        function scrollCallback() {
+            if (tableOfContents.length !== 0 &&
+                selectedIndex.current < tableOfContents.length - 1) {
+                let currentHeading = editor.getElementByKey(tableOfContents[selectedIndex.current][0]);
+                if (currentHeading !== null) {
+                    if (isHeadingBelowTheTopOfThePage(currentHeading)) {
+                        //On natural scroll, user is scrolling up
+                        while (currentHeading !== null &&
+                            isHeadingBelowTheTopOfThePage(currentHeading) &&
+                            selectedIndex.current > 0) {
+                            const prevHeading = editor.getElementByKey(tableOfContents[selectedIndex.current - 1][0]);
+                            if (prevHeading !== null &&
+                                (isHeadingAboveViewport(prevHeading) ||
+                                    isHeadingBelowTheTopOfThePage(prevHeading))) {
+                                selectedIndex.current--;
+                            }
+                            currentHeading = prevHeading;
+                        }
+                        const prevHeadingKey = tableOfContents[selectedIndex.current][0];
+                        setSelectedKey(prevHeadingKey);
+                    }
+                    else if (isHeadingAboveViewport(currentHeading)) {
+                        //On natural scroll, user is scrolling down
+                        while (currentHeading !== null &&
+                            isHeadingAboveViewport(currentHeading) &&
+                            selectedIndex.current < tableOfContents.length - 1) {
+                            const nextHeading = editor.getElementByKey(tableOfContents[selectedIndex.current + 1][0]);
+                            if (nextHeading !== null &&
+                                (isHeadingAtTheTopOfThePage(nextHeading) ||
+                                    isHeadingAboveViewport(nextHeading))) {
+                                selectedIndex.current++;
+                            }
+                            currentHeading = nextHeading;
+                        }
+                        const nextHeadingKey = tableOfContents[selectedIndex.current][0];
+                        setSelectedKey(nextHeadingKey);
+                    }
+                }
+            }
+            else {
+                selectedIndex.current = 0;
+            }
+        }
+        let timerId;
+        function debounceFunction(func, delay) {
+            clearTimeout(timerId);
+            timerId = setTimeout(func, delay);
+        }
+        function onScroll() {
+            debounceFunction(scrollCallback, 10);
+        }
+        document.addEventListener('scroll', onScroll);
+        return () => document.removeEventListener('scroll', onScroll);
+    }, [tableOfContents, editor]);
+    return (_jsx("div", { className: "table-of-contents", children: _jsx("ul", { className: "headings", children: tableOfContents.map(([key, text, tag], index) => {
+                if (index === 0) {
+                    return (_jsxs("div", { className: "normal-heading-wrapper", children: [_jsx("div", { className: "first-heading", onClick: () => scrollToNode(key, index), role: "button", tabIndex: 0, children: ('' + text).length > 20
+                                    ? text.substring(0, 20) + '...'
+                                    : text }, key), _jsx("br", {})] }));
+                }
+                else {
+                    return (_jsx("div", { className: `normal-heading-wrapper ${selectedKey === key ? 'selected-heading-wrapper' : ''}`, children: _jsx("div", { onClick: () => scrollToNode(key, index), role: "button", className: indent(tag), tabIndex: 0, children: _jsx("li", { className: `normal-heading ${selectedKey === key ? 'selected-heading' : ''}
+                    `, children: ('' + text).length > 27
+                                    ? text.substring(0, 27) + '...'
+                                    : text }) }, key) }));
+                }
+            }) }) }));
+}
+export const TableOfContentsPlugin = () => {
+    return (_jsx(LexicalTableOfContents, { children: (tableOfContents) => {
+            return _jsx(TableOfContentsList, { tableOfContents: tableOfContents });
+        } }));
+};
+export default TableOfContentsPlugin;
+//# sourceMappingURL=TableOfContentsPlugin.js.map

package/lib/plugins/TableOfContentsPlugin.js.map

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

package/lib/plugins/YouTubePlugin.d.ts

@@ -0,0 +1,4 @@
+import { LexicalCommand } from 'lexical';
+export declare const INSERT_YOUTUBE_COMMAND: LexicalCommand<string>;
+export declare const YouTubePlugin: () => JSX.Element | null;
+export default YouTubePlugin;

package/lib/plugins/YouTubePlugin.js

@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { COMMAND_PRIORITY_EDITOR, createCommand } from 'lexical';
+import { useEffect } from 'react';
+import { $createYouTubeNode, YouTubeNode } from '../nodes/YouTubeNode';
+export const INSERT_YOUTUBE_COMMAND = createCommand();
+export const YouTubePlugin = () => {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!editor.hasNodes([YouTubeNode])) {
+            throw new Error('YouTubePlugin: YouTubeNode not registered on editor');
+        }
+        return editor.registerCommand(INSERT_YOUTUBE_COMMAND, (payload) => {
+            const youTubeNode = $createYouTubeNode(payload);
+            $insertNodeToNearestRoot(youTubeNode);
+            return true;
+        }, COMMAND_PRIORITY_EDITOR);
+    }, [editor]);
+    return null;
+};
+export default YouTubePlugin;
+//# sourceMappingURL=YouTubePlugin.js.map

package/lib/plugins/YouTubePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YouTubePlugin.js","sourceRoot":"","sources":["../../src/plugins/YouTubePlugin.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEF,OAAO,EAAC,yBAAyB,EAAC,MAAM,uCAAuC,CAAC;AAChF,OAAO,EAAC,wBAAwB,EAAC,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAC,uBAAuB,EAAE,aAAa,EAAiB,MAAM,SAAS,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAC,kBAAkB,EAAE,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAErE,MAAM,CAAC,MAAM,sBAAsB,GAA2B,aAAa,EAAE,CAAC;AAE/E,MAAM,CAAC,MAAM,aAAa,GAAG,GAAuB,EAAE;IACnD,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE;YACnC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;SACxE;QACD,OAAO,MAAM,CAAC,eAAe,CAC3B,sBAAsB,EACtB,CAAC,OAAO,EAAE,EAAE;YACV,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;YAChD,wBAAwB,CAAC,WAAW,CAAC,CAAC;YACtC,OAAO,IAAI,CAAC;QACd,CAAC,EACD,uBAAuB,CACxB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,eAAe,aAAa,CAAC"}

package/lib/ui/Button.css

@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+.Button__root {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  border: 0px;
+  background-color: #eee;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 14px;
+}
+.Button__root:hover {
+  background-color: #ddd;
+}
+.Button__small {
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
+  font-size: 13px;
+}
+.Button__disabled {
+  cursor: not-allowed;
+}
+.Button__disabled:hover {
+  background-color: #eee;
+}

package/lib/ui/Button.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { ReactNode } from 'react';
+import './Button.css';
+export declare const Button: ({ "data-test-id": dataTestId, children, className, onClick, disabled, small, title, }: {
+    'data-test-id'?: string | undefined;
+    children: ReactNode;
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    onClick: () => void;
+    small?: boolean | undefined;
+    title?: string | undefined;
+}) => JSX.Element;
+export default Button;

package/lib/ui/Button.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import joinClasses from '../utils/join';
+import './Button.css';
+export const Button = ({ 'data-test-id': dataTestId, children, className, onClick, disabled, small, title, }) => {
+    return (_jsx("button", { disabled: disabled, className: joinClasses('Button__root', disabled && 'Button__disabled', small && 'Button__small', className), onClick: onClick, title: title, "aria-label": title, ...(dataTestId && { 'data-test-id': dataTestId }), children: children }));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/ui/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/ui/Button.tsx"],"names":[],"mappings":";AAcA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,cAAc,EAAE,UAAU,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,GASN,EAAe,EAAE;IAChB,OAAO,CACL,iBACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,CACpB,cAAc,EACd,QAAQ,IAAI,kBAAkB,EAC9B,KAAK,IAAI,eAAe,EACxB,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,gBACA,KAAK,KACb,CAAC,UAAU,IAAI,EAAC,cAAc,EAAE,UAAU,EAAC,CAAC,YAC/C,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,MAAM,CAAC"}

package/lib/ui/ContentEditable.css

@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+.ContentEditable__root {
+  border: 0;
+  font-size: 15px;
+  display: block;
+  position: relative;
+  tab-size: 1;
+  outline: 0;
+  padding: 10px;
+  height: calc(100% - 20px);
+}

package/lib/ui/ContentEditable.d.ts

@@ -0,0 +1,5 @@
+import './ContentEditable.css';
+export declare const LexicalContentEditable: ({ className, }: {
+    className?: string | undefined;
+}) => JSX.Element;
+export default LexicalContentEditable;

package/lib/ui/ContentEditable.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import './ContentEditable.css';
+export const LexicalContentEditable = ({ className, }) => {
+    return _jsx(ContentEditable, { className: className || 'ContentEditable__root' });
+};
+export default LexicalContentEditable;
+//# sourceMappingURL=ContentEditable.js.map

package/lib/ui/ContentEditable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditable.js","sourceRoot":"","sources":["../../src/ui/ContentEditable.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAEtE,OAAO,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,SAAS,GAGV,EAAe,EAAE;IAChB,OAAO,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,IAAI,uBAAuB,GAAI,CAAC;AAC9E,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAC"}

package/lib/ui/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import { LexicalEditor } from 'lexical';
+interface Props {
+    editor: LexicalEditor;
+    getCodeDOMNode: () => HTMLElement | null;
+}
+export declare function CopyButton({ editor, getCodeDOMNode }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/ui/CopyButton.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { useState } from 'react';
+import { $getNearestNodeFromDOMNode, $getSelection, $setSelection, } from 'lexical';
+import { $isJupyterCodeNode } from '../nodes/JupyterCodeNode';
+import { useDebounce } from '../utils/debouncer';
+export function CopyButton({ editor, getCodeDOMNode }) {
+    const [isCopyCompleted, setCopyCompleted] = useState(false);
+    const removeSuccessIcon = useDebounce(() => {
+        setCopyCompleted(false);
+    }, 1000);
+    async function handleClick() {
+        const codeDOMNode = getCodeDOMNode();
+        if (!codeDOMNode) {
+            return;
+        }
+        let content = '';
+        editor.update(() => {
+            const codeNode = $getNearestNodeFromDOMNode(codeDOMNode);
+            if ($isJupyterCodeNode(codeNode)) {
+                content = codeNode.getTextContent();
+            }
+            const selection = $getSelection();
+            $setSelection(selection);
+        });
+        try {
+            await navigator.clipboard.writeText(content);
+            setCopyCompleted(true);
+            removeSuccessIcon();
+        }
+        catch (err) {
+            console.error('Failed to copy: ', err);
+        }
+    }
+    return (_jsx("button", { className: "menu-item", onClick: handleClick, "aria-label": "copy", children: isCopyCompleted ? (_jsx("i", { className: "format success" })) : (_jsx("i", { className: "format copy" })) }));
+}
+//# sourceMappingURL=CopyButton.js.map

package/lib/ui/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/ui/CopyButton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;GAKG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,aAAa,EACb,aAAa,GAEd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAO/C,MAAM,UAAU,UAAU,CAAC,EAAC,MAAM,EAAE,cAAc,EAAQ;IACxD,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,IAAI,CAAC,CAAC;IACT,KAAK,UAAU,WAAW;QACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QACD,IAAI,OAAO,GAAG,EAAE,CAAC;QACjB,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;YACjB,MAAM,QAAQ,GAAG,0BAA0B,CAAC,WAAW,CAAC,CAAC;YACzD,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE;gBAChC,OAAO,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;aACrC;YACD,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;YAClC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QACH,IAAI;YACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC7C,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC;SACrB;QAAC,OAAO,GAAG,EAAE;YACZ,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;SACxC;IACH,CAAC;IACD,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,gBAAa,MAAM,YAClE,eAAe,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,gBAAgB,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,aAAa,GAAG,CAC9B,GACM,CACV,CAAC;AACJ,CAAC"}

package/lib/ui/Dialog.css

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+
+.DialogActions {
+  display: flex;
+  flex-direction: row;
+  justify-content: right;
+  margin-top: 20px;
+}
+
+.DialogButtonsList {
+  display: flex;
+  flex-direction: column;
+  justify-content: right;
+  margin-top: 20px;
+}
+
+.DialogButtonsList button {
+  margin-bottom: 20px;
+}

package/lib/ui/Dialog.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import './Dialog.css';
+import { ReactNode } from 'react';
+type Props = Readonly<{
+    'data-test-id'?: string;
+    children: ReactNode;
+}>;
+export declare function DialogButtonsList({ children }: Props): JSX.Element;
+export declare function DialogActions({ 'data-test-id': dataTestId, children, }: Props): JSX.Element;
+export {};

package/lib/ui/Dialog.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import './Dialog.css';
+export function DialogButtonsList({ children }) {
+    return _jsx("div", { className: "DialogButtonsList", children: children });
+}
+export function DialogActions({ 'data-test-id': dataTestId, children, }) {
+    return (_jsx("div", { className: "DialogActions", "data-test-id": dataTestId, children: children }));
+}
+//# sourceMappingURL=Dialog.js.map

package/lib/ui/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/ui/Dialog.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH;;;;;;GAMG;AAEH,OAAO,cAAc,CAAC;AAStB,MAAM,UAAU,iBAAiB,CAAC,EAAC,QAAQ,EAAQ;IACjD,OAAO,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,cAAc,EAAE,UAAU,EAC1B,QAAQ,GACF;IACN,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,kBAAe,UAAU,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/lib/ui/DropDown.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { ReactNode } from 'react';
+import * as React from 'react';
+export declare function DropDownItem({ children, className, onClick, title, }: {
+    children: React.ReactNode;
+    className: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    title?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const DropDown: ({ buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf, }: {
+    buttonAriaLabel?: string | undefined;
+    buttonClassName: string;
+    buttonIconClassName?: string | undefined;
+    buttonLabel?: string | undefined;
+    children: ReactNode;
+    stopCloseOnClickSelf?: boolean | undefined;
+}) => JSX.Element;
+export default DropDown;