@byline/richtext-lexical 0.9.3

package/dist/field/plugins/table-plugin/table-modal.css

@@ -0,0 +1,20 @@
+.table-modal-container {
+  min-width: 340px;
+  max-width: 600px;
+}
+
+.table-modal-header {
+  margin-bottom: .5rem;
+}
+
+@media screen and (min-width: 640px) {
+  .table-modal-select {
+    width: 100%;
+    margin: 1rem 0 .5rem;
+  }
+
+  .table-modal-actions {
+    margin: 0;
+  }
+}
+

package/dist/field/plugins/table-plugin/table-modal.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+/**
+ * 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 type * as React from 'react';
+import './table-modal.css';
+export declare function TableModal({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=table-modal.d.ts.map

package/dist/field/plugins/table-plugin/table-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-modal.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/table-plugin/table-modal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAOnC,OAAO,mBAAmB,CAAA;AAE1B,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6FpB"}

package/dist/field/plugins/table-plugin/table-modal.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Button, CloseIcon, IconButton, Input, Modal } from "@infonomic/uikit/react";
+import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { INSERT_TABLE_COMMAND } from "@lexical/table";
+import "./table-modal.css";
+function TableModal({ open, onClose }) {
+    const [editor] = useLexicalComposerContext();
+    const [activeEditor] = useState(editor);
+    const [rows, setRows] = useState('5');
+    const [columns, setColumns] = useState('5');
+    const [isDisabled, setIsDisabled] = useState(true);
+    useEffect(()=>{
+        const row = Number(rows);
+        const column = Number(columns);
+        0 !== row && row > 0 && row <= 500 && 0 !== column && column > 0 && column <= 50 ? setIsDisabled(false) : setIsDisabled(true);
+    }, [
+        rows,
+        columns
+    ]);
+    const handleOnSubmit = ()=>{
+        activeEditor.dispatchCommand(INSERT_TABLE_COMMAND, {
+            columns,
+            rows
+        });
+        if (null != onClose && 'function' == typeof onClose) onClose();
+    };
+    const handleOnRowsChange = (event)=>{
+        setRows(event.target.value);
+    };
+    const handleOnColumnsChange = (event)=>{
+        setColumns(event.target.value);
+    };
+    const handleOnCancel = ()=>{
+        if (null != onClose && 'function' == typeof onClose) onClose();
+    };
+    return /*#__PURE__*/ jsx(Modal, {
+        isOpen: open,
+        onDismiss: handleOnCancel,
+        closeOnOverlayClick: false,
+        children: /*#__PURE__*/ jsxs(Modal.Container, {
+            className: "table-modal-container",
+            children: [
+                /*#__PURE__*/ jsxs(Modal.Header, {
+                    className: "table-modal-header",
+                    children: [
+                        /*#__PURE__*/ jsx("h3", {
+                            children: "Insert Table"
+                        }),
+                        /*#__PURE__*/ jsx(IconButton, {
+                            "arial-label": "Close",
+                            size: "sm",
+                            onClick: handleOnCancel,
+                            children: /*#__PURE__*/ jsx(CloseIcon, {
+                                width: "16px",
+                                height: "16px",
+                                svgClassName: "white-icon"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Modal.Content, {
+                    children: [
+                        /*#__PURE__*/ jsx(Input, {
+                            id: "number-of-rows",
+                            name: "number-of-rows",
+                            type: "number",
+                            placeholder: '# of rows (1-500)',
+                            label: "Rows",
+                            onChange: handleOnRowsChange,
+                            value: rows,
+                            "data-test-id": "table-modal-rows"
+                        }),
+                        /*#__PURE__*/ jsx(Input, {
+                            id: "number-of-columns",
+                            name: "number-of-columns",
+                            type: "number",
+                            placeholder: '# of columns (1-50)',
+                            label: "Columns",
+                            onChange: handleOnColumnsChange,
+                            value: columns,
+                            "data-test-id": "table-modal-columns"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Modal.Actions, {
+                    className: "table-modal-actions",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            size: "sm",
+                            intent: "noeffect",
+                            onClick: handleOnCancel,
+                            "data-autofocus": true,
+                            children: "Close"
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            size: "sm",
+                            intent: "primary",
+                            onClick: handleOnSubmit,
+                            disabled: isDisabled,
+                            "data-test-id": "table-modal-submit",
+                            children: "Submit"
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+export { TableModal };

package/dist/field/plugins/toolbar-plugin/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+/**
+ * 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 type * as React from 'react';
+export declare function ToolbarPlugin(): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/plugins/toolbar-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/plugins/toolbar-plugin/index.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAyTnC,wBAAgB,aAAa,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA8lBjD"}