@udecode/plate-toolbar
Advanced tools
Comparing version 6.1.0 to 6.2.0
# @udecode/plate-toolbar | ||
## 6.2.0 | ||
### Patch Changes | ||
- [#1173](https://github.com/udecode/plate/pull/1173) by [@zbeyens](https://github.com/zbeyens) – Replace `import * as React` by `import React` | ||
## 6.1.0 | ||
@@ -4,0 +10,0 @@ |
@@ -1,4 +0,4 @@ | ||
import * as React from 'react'; | ||
import React from 'react'; | ||
import { ToolbarProps } from '../Toolbar/Toolbar.types'; | ||
export declare const HeadingToolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>; | ||
//# sourceMappingURL=HeadingToolbar.d.ts.map |
import { createStyles, PortalBody } from '@udecode/plate-styled-components'; | ||
import _styled, { css } from 'styled-components'; | ||
import * as React from 'react'; | ||
import React__default, { useState, useCallback, useEffect, useRef } from 'react'; | ||
import React, { useState, useCallback, useEffect, useRef } from 'react'; | ||
import { isSelectionExpanded, getSelectionText, someNode, getPreventDefaultHandler, toggleNodeType, isMarkActive, toggleMark } from '@udecode/plate-common'; | ||
@@ -158,5 +157,5 @@ import { useStoreEditorState, useEventEditorId } from '@udecode/plate-core'; | ||
}); | ||
return /*#__PURE__*/React__default.createElement(PortalBody, { | ||
return /*#__PURE__*/React.createElement(PortalBody, { | ||
element: portalElement | ||
}, /*#__PURE__*/React__default.createElement(_StyledToolbarBase$1, _extends({ | ||
}, /*#__PURE__*/React.createElement(_StyledToolbarBase$1, _extends({ | ||
ref: popperRef, | ||
@@ -336,6 +335,6 @@ className: styles.root.className, | ||
}, [onClose, open, popperElement, referenceElement, setOpen]); | ||
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", { | ||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", { | ||
ref: setReferenceElement, | ||
onMouseDown: () => setOpen(true) | ||
}, control), /*#__PURE__*/React__default.createElement(_StyledDiv, { | ||
}, control), /*#__PURE__*/React.createElement(_StyledDiv, { | ||
ref: setPopperElement, | ||
@@ -342,0 +341,0 @@ $_css: [{ |
@@ -15,24 +15,3 @@ 'use strict'; | ||
function _interopNamespace(e) { | ||
if (e && e.__esModule) return e; | ||
var n = Object.create(null); | ||
if (e) { | ||
Object.keys(e).forEach(function (k) { | ||
if (k !== 'default') { | ||
var d = Object.getOwnPropertyDescriptor(e, k); | ||
Object.defineProperty(n, k, d.get ? d : { | ||
enumerable: true, | ||
get: function () { | ||
return e[k]; | ||
} | ||
}); | ||
} | ||
}); | ||
} | ||
n['default'] = e; | ||
return Object.freeze(n); | ||
} | ||
var _styled__default = /*#__PURE__*/_interopDefaultLegacy(_styled); | ||
var React__namespace = /*#__PURE__*/_interopNamespace(React); | ||
var React__default = /*#__PURE__*/_interopDefaultLegacy(React); | ||
@@ -107,4 +86,4 @@ var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy); | ||
const ToolbarBase = /*#__PURE__*/React__namespace.forwardRef((props, ref) => { | ||
return /*#__PURE__*/React__namespace.createElement("div", _extends({ | ||
const ToolbarBase = /*#__PURE__*/React__default['default'].forwardRef((props, ref) => { | ||
return /*#__PURE__*/React__default['default'].createElement("div", _extends({ | ||
"data-testid": "Toolbar", | ||
@@ -120,7 +99,7 @@ ref: ref | ||
const Toolbar = /*#__PURE__*/React__namespace.forwardRef((props, ref) => { | ||
const Toolbar = /*#__PURE__*/React__default['default'].forwardRef((props, ref) => { | ||
const { | ||
root | ||
} = getToolbarStyles(props); | ||
return /*#__PURE__*/React__namespace.createElement(_StyledToolbarBase$2, _extends({}, props, { | ||
return /*#__PURE__*/React__default['default'].createElement(_StyledToolbarBase$2, _extends({}, props, { | ||
ref: ref, | ||
@@ -221,5 +200,5 @@ className: root.className, | ||
const HeadingToolbar = /*#__PURE__*/React__namespace.forwardRef((props, ref) => { | ||
const HeadingToolbar = /*#__PURE__*/React__default['default'].forwardRef((props, ref) => { | ||
const styles = getHeadingToolbarStyles(props); | ||
return /*#__PURE__*/React__namespace.createElement(_StyledToolbarBase, _extends({ | ||
return /*#__PURE__*/React__default['default'].createElement(_StyledToolbarBase, _extends({ | ||
ref: ref, | ||
@@ -325,3 +304,3 @@ className: styles.root.className | ||
} = getToolbarButtonStyles(props); | ||
const button = /*#__PURE__*/React__namespace.createElement(_StyledSpan, _extends({ | ||
const button = /*#__PURE__*/React__default['default'].createElement(_StyledSpan, _extends({ | ||
"data-testid": "ToolbarButton", | ||
@@ -333,3 +312,3 @@ as: as, | ||
}), icon); | ||
return tooltip ? /*#__PURE__*/React__namespace.createElement(Tippy__default['default'], tooltipProps, button) : button; | ||
return tooltip ? /*#__PURE__*/React__default['default'].createElement(Tippy__default['default'], tooltipProps, button) : button; | ||
}; | ||
@@ -402,3 +381,3 @@ | ||
const editor = plateCore.useStoreEditorState(plateCore.useEventEditorId('focus')); | ||
return /*#__PURE__*/React__namespace.createElement(ToolbarButton, _extends({ | ||
return /*#__PURE__*/React__default['default'].createElement(ToolbarButton, _extends({ | ||
active: active !== null && active !== void 0 ? active : !!(editor !== null && editor !== void 0 && editor.selection) && plateCommon.someNode(editor, { | ||
@@ -425,3 +404,3 @@ match: { | ||
const editor = plateCore.useStoreEditorState(plateCore.useEventEditorId('focus')); | ||
return /*#__PURE__*/React__namespace.createElement(ToolbarButton, _extends({ | ||
return /*#__PURE__*/React__default['default'].createElement(ToolbarButton, _extends({ | ||
active: !!(editor !== null && editor !== void 0 && editor.selection) && plateCommon.isMarkActive(editor, type), | ||
@@ -428,0 +407,0 @@ onMouseDown: editor ? plateCommon.getPreventDefaultHandler(plateCommon.toggleMark, editor, type, clear) : undefined |
@@ -1,2 +0,2 @@ | ||
import * as React from 'react'; | ||
import React from 'react'; | ||
import { ToolbarProps } from './Toolbar.types'; | ||
@@ -3,0 +3,0 @@ export declare const ToolbarBase: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>; |
{ | ||
"name": "@udecode/plate-toolbar", | ||
"version": "6.1.0", | ||
"version": "6.2.0", | ||
"description": "Toolbar UI for Plate", | ||
@@ -36,7 +36,7 @@ "keywords": [ | ||
"@tippyjs/react": "^4.2.0", | ||
"@udecode/plate-common": "6.1.0", | ||
"@udecode/plate-core": "6.0.0", | ||
"@udecode/plate-common": "6.2.0", | ||
"@udecode/plate-core": "6.2.0", | ||
"react-popper": "^2.2.4", | ||
"@udecode/plate-popper": "6.1.0", | ||
"@udecode/plate-styled-components": "6.1.0", | ||
"@udecode/plate-popper": "6.2.0", | ||
"@udecode/plate-styled-components": "6.2.0", | ||
"react-use": "^17.1.1" | ||
@@ -43,0 +43,0 @@ }, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
104272
896
+ Added@udecode/plate-common@6.2.0(transitive)
+ Added@udecode/plate-core@6.2.0(transitive)
+ Added@udecode/plate-popper@6.2.0(transitive)
+ Added@udecode/plate-styled-components@6.2.0(transitive)
- Removed@udecode/plate-common@6.1.0(transitive)
- Removed@udecode/plate-core@6.0.0(transitive)
- Removed@udecode/plate-popper@6.1.0(transitive)
- Removed@udecode/plate-styled-components@6.1.0(transitive)
Updated@udecode/plate-common@6.2.0
Updated@udecode/plate-core@6.2.0
Updated@udecode/plate-popper@6.2.0