@blocklet/editor 2.3.37 → 2.3.39

package/lib/main/index.css

@@ -439,7 +439,6 @@ i.prettier-error {
   z-index: 10001;
   display: block;
   position: fixed;
-  box-shadow: 0 1px rgb(0 0 0 / 0.05);
   border-radius: 8px;
   min-height: 40px;
 }
@@ -500,7 +499,6 @@ i.prettier-error {
 
 .dropdown .divider {
   width: auto;
-  background-color: #eee;
   margin: 4px 8px;
   height: 1px;
 }

package/lib/main/plugins/ToolbarPlugin/index.js

@@ -10,7 +10,7 @@ import { $getSelectionStyleValueForProperty, $isParentElementRTL, $patchStyleTex
 import { $findMatchingParent, $getNearestBlockElementAncestorOrThrow, $getNearestNodeOfType, mergeRegister, } from '@lexical/utils';
 import { $createParagraphNode, $getNodeByKey, $getSelection, $isRangeSelection, $isRootOrShadowRoot, $isTextNode, CAN_REDO_COMMAND, CAN_UNDO_COMMAND, COMMAND_PRIORITY_CRITICAL, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, INDENT_CONTENT_COMMAND, OUTDENT_CONTENT_COMMAND, SELECTION_CHANGE_COMMAND, } from 'lexical';
 import { useCallback, useEffect, useState } from 'react';
-import { Box } from '@mui/material';
+import { Box, useTheme } from '@mui/material';
 import { useEditorConfig } from '../../../config';
 import { IS_APPLE } from '../../../shared/environment';
 import useHasNodes from '../../hooks/useHasNodes';
@@ -136,7 +136,8 @@ function BlockFormatDropDown({ editor, blockType, disabled = false, }) {
     return (_jsxs(DropDown, { disabled: disabled, buttonClassName: "toolbar-item", buttonIconClassName: "iconify", buttonIconData: icons[blockType], buttonLabel: blockTypeToBlockName[blockType], buttonAriaLabel: "Formatting options for text style", children: [_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'paragraph')}`, onClick: formatParagraph, children: [_jsx("i", { className: "iconify", "data-icon": icons.paragraph }), _jsx("span", { className: "text", children: "Normal" })] }), hasNodes('heading') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'h1')}`, onClick: () => formatHeading('h1'), children: [_jsx("i", { className: "iconify", "data-icon": icons.h1 }), _jsx("span", { className: "text", children: "Heading 1" })] })), hasNodes('heading') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'h2')}`, onClick: () => formatHeading('h2'), children: [_jsx("i", { className: "iconify", "data-icon": icons.h2 }), _jsx("span", { className: "text", children: "Heading 2" })] })), hasNodes('heading') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'h3')}`, onClick: () => formatHeading('h3'), children: [_jsx("i", { className: "iconify", "data-icon": icons.h3 }), _jsx("span", { className: "text", children: "Heading 3" })] })), hasNodes('list') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'bullet')}`, onClick: formatBulletList, children: [_jsx("i", { className: "iconify", "data-icon": icons.bullet }), _jsx("span", { className: "text", children: "Bullet List" })] })), hasNodes('list') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'number')}`, onClick: formatNumberedList, children: [_jsx("i", { className: "iconify", "data-icon": icons.number }), _jsx("span", { className: "text", children: "Numbered List" })] })), hasNodes('list') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'check')}`, onClick: formatCheckList, children: [_jsx("i", { className: "iconify", "data-icon": icons.check }), _jsx("span", { className: "text", children: "Check List" })] })), hasNodes('quote') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'quote')}`, onClick: formatQuote, children: [_jsx("i", { className: "iconify", "data-icon": icons.quote }), _jsx("span", { className: "text", children: "Quote" })] })), hasNodes('code') && (_jsxs(DropDownItem, { className: `item ${dropDownActiveClass(blockType === 'code')}`, onClick: formatCode, children: [_jsx("i", { className: "iconify", "data-icon": icons.code }), _jsx("span", { className: "text", children: "Code Block" })] }))] }));
 }
 function Divider() {
-    return _jsx("div", { className: "divider" });
+    const theme = useTheme();
+    return _jsx("div", { className: "divider", style: { backgroundColor: theme.palette.divider } });
 }
 export default function ToolbarPlugin() {
     const [editor] = useLexicalComposerContext();

package/lib/main/ui/Input.css

@@ -16,12 +16,10 @@
 .Input__label {
   display: flex;
   flex: 1;
-  color: #666;
 }
 .Input__input {
   display: flex;
   flex: 2;
-  border: 1px solid #999;
   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 10px;

package/lib/main/ui/TextInput.js

@@ -1,7 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import './Input.css';
+import { styled, useTheme } from '@mui/material';
 export default function TextInput({ label, value, onChange, placeholder = '', 'data-test-id': dataTestId, type = 'text', }) {
-    return (_jsxs("div", { className: "Input__wrapper", children: [_jsx("label", { className: "Input__label", children: label }), _jsx("input", { type: type, className: "Input__input", placeholder: placeholder, value: value, onChange: (e) => {
+    const theme = useTheme();
+    return (_jsxs("div", { className: "Input__wrapper", children: [_jsx("label", { className: "Input__label", style: { color: theme.palette.grey[500] }, children: label }), _jsx(Input, { type: type, className: "Input__input", placeholder: placeholder, value: value, onChange: (e) => {
                     onChange(e.target.value);
                 }, "data-test-id": dataTestId })] }));
 }
+const Input = styled('input') `
+  background-color: ${(props) => props.theme.palette.background.paper};
+  color: ${(props) => props.theme.palette.grey[500]};
+  border: 1px solid ${(props) => props.theme.palette.divider};
+`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/editor",
-  "version": "2.3.37",
+  "version": "2.3.39",
   "main": "lib/index.js",
   "publishConfig": {
     "access": "public"
@@ -24,11 +24,11 @@
     ]
   },
   "dependencies": {
-    "@blocklet/code-editor": "^0.4.266",
+    "@blocklet/code-editor": "^0.4.270",
     "@blocklet/embed": "^0.2.4",
     "@blocklet/js-sdk": "^1.16.43",
-    "@blocklet/pages-kit": "^0.5.12",
-    "@blocklet/pages-kit-runtime": "^0.5.12",
+    "@blocklet/pages-kit": "^0.5.15",
+    "@blocklet/pages-kit-runtime": "^0.5.15",
     "@excalidraw/excalidraw": "^0.14.2",
     "@iconify/iconify": "^3.1.1",
     "@iconify/icons-tabler": "^1.2.95",
@@ -68,7 +68,7 @@
     "ufo": "^1.5.4",
     "url-join": "^4.0.1",
     "zustand": "^4.5.5",
-    "@blocklet/pdf": "^2.3.37"
+    "@blocklet/pdf": "^2.3.39"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",