decap-cms-widget-markdown 3.1.2 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/decap-cms-widget-markdown.js +3 -3
- package/dist/decap-cms-widget-markdown.js.map +1 -1
- package/dist/esm/MarkdownControl/Toolbar.js +2 -2
- package/dist/esm/MarkdownControl/components/Shortcode.js +2 -2
- package/dist/esm/MarkdownControl/index.js +2 -2
- package/dist/esm/MarkdownControl/plugins/blocks/events/keyDown.js +10 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorAfterSoftBreak.js +16 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +17 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorInNonDefaultBlock copy.js +19 -0
- package/dist/esm/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +12 -4
- package/dist/esm/MarkdownControl/plugins/lists/events/keyDownShiftTab.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/events/keyDownTab.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/transforms/liftFirstMatchedParent.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/transforms/unwrapSelectionFromList.js +2 -2
- package/dist/esm/MarkdownControl/renderers.js +17 -17
- package/dist/esm/MarkdownPreview.js +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/serializers/remarkAssertParents.js +2 -2
- package/dist/esm/serializers/remarkEscapeMarkdownEntities.js +2 -2
- package/dist/esm/serializers/remarkImagesToText.js +2 -2
- package/dist/esm/serializers/remarkPaddedLinks.js +2 -2
- package/dist/esm/serializers/remarkRehypeShortcodes.js +2 -2
- package/dist/esm/serializers/remarkSlate.js +12 -3
- package/dist/esm/serializers/remarkSquashReferences.js +2 -2
- package/dist/esm/serializers/slateRemark.js +2 -2
- package/package.json +2 -2
- package/src/MarkdownControl/plugins/blocks/events/keyDown.js +9 -0
- package/src/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +13 -0
- package/src/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +17 -4
- package/src/MarkdownControl/renderers.js +6 -1
- package/src/serializers/remarkSlate.js +9 -1
- package/dist/esm/MarkdownControl/PlateEditor.js +0 -149
- package/dist/esm/components/Icons.js +0 -174
- package/dist/esm/components/plate-ui/blockquote-element.js +0 -28
- package/dist/esm/components/plate-ui/button.js +0 -66
- package/dist/esm/components/plate-ui/code-block-combobox.js +0 -66
- package/dist/esm/components/plate-ui/code-block-element.css +0 -434
- package/dist/esm/components/plate-ui/code-block-element.js +0 -41
- package/dist/esm/components/plate-ui/code-leaf.js +0 -28
- package/dist/esm/components/plate-ui/code-line-element.js +0 -16
- package/dist/esm/components/plate-ui/code-syntax-leaf.js +0 -34
- package/dist/esm/components/plate-ui/command.js +0 -55
- package/dist/esm/components/plate-ui/dialog.js +0 -44
- package/dist/esm/components/plate-ui/dropdown-menu.js +0 -114
- package/dist/esm/components/plate-ui/editor.js +0 -71
- package/dist/esm/components/plate-ui/fixed-toolbar-buttons.js +0 -49
- package/dist/esm/components/plate-ui/fixed-toolbar.js +0 -9
- package/dist/esm/components/plate-ui/floating-toolbar-buttons.js +0 -34
- package/dist/esm/components/plate-ui/floating-toolbar.js +0 -50
- package/dist/esm/components/plate-ui/heading-element.js +0 -52
- package/dist/esm/components/plate-ui/input.js +0 -25
- package/dist/esm/components/plate-ui/insert-dropdown-menu.js +0 -200
- package/dist/esm/components/plate-ui/kbd-leaf.js +0 -27
- package/dist/esm/components/plate-ui/link-element.js +0 -34
- package/dist/esm/components/plate-ui/link-floating-toolbar.js +0 -116
- package/dist/esm/components/plate-ui/list-element.js +0 -38
- package/dist/esm/components/plate-ui/mark-toolbar-button.js +0 -34
- package/dist/esm/components/plate-ui/mode-dropdown-menu.js +0 -67
- package/dist/esm/components/plate-ui/more-dropdown-menu.js +0 -50
- package/dist/esm/components/plate-ui/paragraph-element.js +0 -9
- package/dist/esm/components/plate-ui/placeholder.js +0 -52
- package/dist/esm/components/plate-ui/popover.js +0 -45
- package/dist/esm/components/plate-ui/resizable.js +0 -50
- package/dist/esm/components/plate-ui/separator.js +0 -27
- package/dist/esm/components/plate-ui/table-cell-element.js +0 -97
- package/dist/esm/components/plate-ui/table-element.js +0 -182
- package/dist/esm/components/plate-ui/table-row-element.js +0 -27
- package/dist/esm/components/plate-ui/toolbar.js +0 -99
- package/dist/esm/components/plate-ui/tooltip.js +0 -49
- package/dist/esm/components/plate-ui/turn-into-dropdown-menu.js +0 -129
- package/dist/esm/style/global.css +0 -78
- package/dist/esm/style/input.css +0 -3
- package/dist/esm/style/output.css +0 -557
- package/dist/esm/styles/globals.css +0 -76
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.useOpenState = exports.DropdownMenuTrigger = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuPortal = exports.DropdownMenuLabel = exports.DropdownMenuItem = exports.DropdownMenuGroup = exports.DropdownMenuContent = exports.DropdownMenuCheckboxItem = exports.DropdownMenu = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var React = _react;
|
|
10
|
-
var DropdownMenuPrimitive = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
|
|
11
|
-
var _cn = require("@udecode/cn");
|
|
12
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
13
|
-
var _icons = require("@/components/icons");
|
|
14
|
-
var _react2 = require("@emotion/react");
|
|
15
|
-
const _excluded = ["className", "inset", "children"],
|
|
16
|
-
_excluded2 = ["className", "children"],
|
|
17
|
-
_excluded3 = ["className", "children", "hideIcon"];
|
|
18
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
19
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
|
-
function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
|
|
21
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
|
-
const DropdownMenu = exports.DropdownMenu = DropdownMenuPrimitive.Root;
|
|
25
|
-
const DropdownMenuTrigger = exports.DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
26
|
-
const DropdownMenuGroup = exports.DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
27
|
-
const DropdownMenuPortal = exports.DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
28
|
-
const DropdownMenuSub = exports.DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
29
|
-
const DropdownMenuRadioGroup = exports.DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
30
|
-
const DropdownMenuSubTrigger = exports.DropdownMenuSubTrigger = (0, _cn.withRef)((_ref, ref) => {
|
|
31
|
-
let {
|
|
32
|
-
className,
|
|
33
|
-
inset,
|
|
34
|
-
children
|
|
35
|
-
} = _ref,
|
|
36
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
37
|
-
return (0, _react2.jsx)(DropdownMenuPrimitive.SubTrigger, _extends({
|
|
38
|
-
ref: ref,
|
|
39
|
-
className: (0, _cn.cn)('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent', 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className)
|
|
40
|
-
}, props), children, (0, _react2.jsx)(_icons.Icons.chevronRight, {
|
|
41
|
-
className: "ml-auto h-4 w-4"
|
|
42
|
-
}));
|
|
43
|
-
});
|
|
44
|
-
const DropdownMenuSubContent = exports.DropdownMenuSubContent = (0, _cn.withCn)(DropdownMenuPrimitive.SubContent, 'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2');
|
|
45
|
-
const DropdownMenuContentVariants = (0, _cn.withProps)(DropdownMenuPrimitive.Content, {
|
|
46
|
-
sideOffset: 4,
|
|
47
|
-
className: (0, _cn.cn)('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2')
|
|
48
|
-
});
|
|
49
|
-
const DropdownMenuContent = exports.DropdownMenuContent = (0, _cn.withRef)((_ref2, ref) => {
|
|
50
|
-
let props = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
|
|
51
|
-
return (0, _react2.jsx)(DropdownMenuPrimitive.Portal, null, (0, _react2.jsx)(DropdownMenuContentVariants, _extends({
|
|
52
|
-
ref: ref
|
|
53
|
-
}, props)));
|
|
54
|
-
});
|
|
55
|
-
const menuItemVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('relative flex h-9 cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors', 'focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50'), {
|
|
56
|
-
variants: {
|
|
57
|
-
inset: {
|
|
58
|
-
true: 'pl-8'
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
});
|
|
62
|
-
const DropdownMenuItem = exports.DropdownMenuItem = (0, _cn.withVariants)(DropdownMenuPrimitive.Item, menuItemVariants, ['inset']);
|
|
63
|
-
const DropdownMenuCheckboxItem = exports.DropdownMenuCheckboxItem = (0, _cn.withRef)((_ref3, ref) => {
|
|
64
|
-
let {
|
|
65
|
-
className,
|
|
66
|
-
children
|
|
67
|
-
} = _ref3,
|
|
68
|
-
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
69
|
-
return (0, _react2.jsx)(DropdownMenuPrimitive.CheckboxItem, _extends({
|
|
70
|
-
ref: ref,
|
|
71
|
-
className: (0, _cn.cn)('relative flex select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'cursor-pointer', className)
|
|
72
|
-
}, props), (0, _react2.jsx)("span", {
|
|
73
|
-
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
|
|
74
|
-
}, (0, _react2.jsx)(DropdownMenuPrimitive.ItemIndicator, null, (0, _react2.jsx)(_icons.Icons.check, {
|
|
75
|
-
className: "h-4 w-4"
|
|
76
|
-
}))), children);
|
|
77
|
-
});
|
|
78
|
-
const DropdownMenuRadioItem = exports.DropdownMenuRadioItem = (0, _cn.withRef)((_ref4, ref) => {
|
|
79
|
-
let {
|
|
80
|
-
className,
|
|
81
|
-
children,
|
|
82
|
-
hideIcon
|
|
83
|
-
} = _ref4,
|
|
84
|
-
props = _objectWithoutProperties(_ref4, _excluded3);
|
|
85
|
-
return (0, _react2.jsx)(DropdownMenuPrimitive.RadioItem, _extends({
|
|
86
|
-
ref: ref,
|
|
87
|
-
className: (0, _cn.cn)('relative flex select-none items-center rounded-sm pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', 'h-9 cursor-pointer px-2 data-[state=checked]:bg-accent data-[state=checked]:text-accent-foreground', className)
|
|
88
|
-
}, props), !hideIcon && (0, _react2.jsx)("span", {
|
|
89
|
-
className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center"
|
|
90
|
-
}, (0, _react2.jsx)(DropdownMenuPrimitive.ItemIndicator, null, (0, _react2.jsx)(_icons.Icons.check, {
|
|
91
|
-
className: "h-4 w-4"
|
|
92
|
-
}))), children);
|
|
93
|
-
});
|
|
94
|
-
const dropdownMenuLabelVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('select-none px-2 py-1.5 text-sm font-semibold'), {
|
|
95
|
-
variants: {
|
|
96
|
-
inset: {
|
|
97
|
-
true: 'pl-8'
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
const DropdownMenuLabel = exports.DropdownMenuLabel = (0, _cn.withVariants)(DropdownMenuPrimitive.Label, dropdownMenuLabelVariants, ['inset']);
|
|
102
|
-
const DropdownMenuSeparator = exports.DropdownMenuSeparator = (0, _cn.withCn)(DropdownMenuPrimitive.Separator, '-mx-1 my-1 h-px bg-muted');
|
|
103
|
-
const DropdownMenuShortcut = exports.DropdownMenuShortcut = (0, _cn.withCn)((0, _cn.createPrimitiveElement)('span'), 'ml-auto text-xs tracking-widest opacity-60');
|
|
104
|
-
const useOpenState = () => {
|
|
105
|
-
const [open, setOpen] = (0, _react.useState)(false);
|
|
106
|
-
const onOpenChange = (0, _react.useCallback)((_value = !open) => {
|
|
107
|
-
setOpen(_value);
|
|
108
|
-
}, [open]);
|
|
109
|
-
return {
|
|
110
|
-
open,
|
|
111
|
-
onOpenChange
|
|
112
|
-
};
|
|
113
|
-
};
|
|
114
|
-
exports.useOpenState = useOpenState;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Editor = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
12
|
-
const _excluded = ["className", "disabled", "focused", "focusRing", "readOnly", "size", "variant"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
-
const editorVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('relative overflow-x-auto whitespace-pre-wrap break-words', 'min-h-[80px] w-full rounded-md bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none', '[&_[data-slate-placeholder]]:text-muted-foreground [&_[data-slate-placeholder]]:!opacity-100', '[&_[data-slate-placeholder]]:top-[auto_!important]', '[&_strong]:font-bold'), {
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
outline: 'border border-input',
|
|
21
|
-
ghost: ''
|
|
22
|
-
},
|
|
23
|
-
focused: {
|
|
24
|
-
true: 'ring-2 ring-ring ring-offset-2'
|
|
25
|
-
},
|
|
26
|
-
disabled: {
|
|
27
|
-
true: 'cursor-not-allowed opacity-50'
|
|
28
|
-
},
|
|
29
|
-
focusRing: {
|
|
30
|
-
true: 'focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
|
|
31
|
-
false: ''
|
|
32
|
-
},
|
|
33
|
-
size: {
|
|
34
|
-
sm: 'text-sm',
|
|
35
|
-
md: 'text-base'
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
defaultVariants: {
|
|
39
|
-
variant: 'outline',
|
|
40
|
-
focusRing: true,
|
|
41
|
-
size: 'sm'
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
const Editor = exports.Editor = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
45
|
-
let {
|
|
46
|
-
className,
|
|
47
|
-
disabled,
|
|
48
|
-
focused,
|
|
49
|
-
focusRing,
|
|
50
|
-
readOnly,
|
|
51
|
-
size,
|
|
52
|
-
variant
|
|
53
|
-
} = _ref,
|
|
54
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
55
|
-
return (0, _react2.jsx)("div", {
|
|
56
|
-
ref: ref,
|
|
57
|
-
className: "relative w-full"
|
|
58
|
-
}, (0, _react2.jsx)(_plateCommon.PlateContent, _extends({
|
|
59
|
-
className: (0, _cn.cn)(editorVariants({
|
|
60
|
-
disabled,
|
|
61
|
-
focused,
|
|
62
|
-
focusRing,
|
|
63
|
-
size,
|
|
64
|
-
variant
|
|
65
|
-
}), className),
|
|
66
|
-
disableDefaultStyles: true,
|
|
67
|
-
readOnly: disabled !== null && disabled !== void 0 ? disabled : readOnly,
|
|
68
|
-
"aria-disabled": disabled
|
|
69
|
-
}, props)));
|
|
70
|
-
});
|
|
71
|
-
Editor.displayName = 'Editor';
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FixedToolbarButtons = FixedToolbarButtons;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _plateBasicMarks = require("@udecode/plate-basic-marks");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _icons = require("@/components/icons");
|
|
11
|
-
var _insertDropdownMenu = require("./insert-dropdown-menu");
|
|
12
|
-
var _markToolbarButton = require("./mark-toolbar-button");
|
|
13
|
-
var _modeDropdownMenu = require("./mode-dropdown-menu");
|
|
14
|
-
var _toolbar = require("./toolbar");
|
|
15
|
-
var _turnIntoDropdownMenu = require("./turn-into-dropdown-menu");
|
|
16
|
-
var _react2 = require("@emotion/react");
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function FixedToolbarButtons() {
|
|
19
|
-
const readOnly = (0, _plateCommon.useEditorReadOnly)();
|
|
20
|
-
return (0, _react2.jsx)("div", {
|
|
21
|
-
className: "w-full overflow-hidden"
|
|
22
|
-
}, (0, _react2.jsx)("div", {
|
|
23
|
-
className: "flex flex-wrap",
|
|
24
|
-
style: {
|
|
25
|
-
transform: 'translateX(calc(-1px))'
|
|
26
|
-
}
|
|
27
|
-
}, !readOnly && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_toolbar.ToolbarGroup, {
|
|
28
|
-
noSeparator: true
|
|
29
|
-
}, (0, _react2.jsx)(_insertDropdownMenu.InsertDropdownMenu, null), (0, _react2.jsx)(_turnIntoDropdownMenu.TurnIntoDropdownMenu, null)), (0, _react2.jsx)(_toolbar.ToolbarGroup, null, (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
30
|
-
tooltip: "Bold (\u2318+B)",
|
|
31
|
-
nodeType: _plateBasicMarks.MARK_BOLD
|
|
32
|
-
}, (0, _react2.jsx)(_icons.Icons.bold, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
33
|
-
tooltip: "Italic (\u2318+I)",
|
|
34
|
-
nodeType: _plateBasicMarks.MARK_ITALIC
|
|
35
|
-
}, (0, _react2.jsx)(_icons.Icons.italic, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
36
|
-
tooltip: "Underline (\u2318+U)",
|
|
37
|
-
nodeType: _plateBasicMarks.MARK_UNDERLINE
|
|
38
|
-
}, (0, _react2.jsx)(_icons.Icons.underline, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
39
|
-
tooltip: "Strikethrough (\u2318+\u21E7+M)",
|
|
40
|
-
nodeType: _plateBasicMarks.MARK_STRIKETHROUGH
|
|
41
|
-
}, (0, _react2.jsx)(_icons.Icons.strikethrough, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
42
|
-
tooltip: "Code (\u2318+E)",
|
|
43
|
-
nodeType: _plateBasicMarks.MARK_CODE
|
|
44
|
-
}, (0, _react2.jsx)(_icons.Icons.code, null)))), (0, _react2.jsx)("div", {
|
|
45
|
-
className: "grow"
|
|
46
|
-
}), (0, _react2.jsx)(_toolbar.ToolbarGroup, {
|
|
47
|
-
noSeparator: true
|
|
48
|
-
}, (0, _react2.jsx)(_modeDropdownMenu.ModeDropdownMenu, null))));
|
|
49
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FixedToolbar = void 0;
|
|
7
|
-
var _cn = require("@udecode/cn");
|
|
8
|
-
var _toolbar = require("./toolbar");
|
|
9
|
-
const FixedToolbar = exports.FixedToolbar = (0, _cn.withCn)(_toolbar.Toolbar, 'supports-backdrop-blur:bg-background/60 sticky left-0 top-[57px] z-50 w-full justify-between overflow-x-auto rounded-t-lg border-b border-b-border bg-background/95 backdrop-blur');
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.FloatingToolbarButtons = FloatingToolbarButtons;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _plateBasicMarks = require("@udecode/plate-basic-marks");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _icons = require("@/components/icons");
|
|
11
|
-
var _markToolbarButton = require("./mark-toolbar-button");
|
|
12
|
-
var _moreDropdownMenu = require("./more-dropdown-menu");
|
|
13
|
-
var _turnIntoDropdownMenu = require("./turn-into-dropdown-menu");
|
|
14
|
-
var _react2 = require("@emotion/react");
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function FloatingToolbarButtons() {
|
|
17
|
-
const readOnly = (0, _plateCommon.useEditorReadOnly)();
|
|
18
|
-
return (0, _react2.jsx)(_react.default.Fragment, null, !readOnly && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_turnIntoDropdownMenu.TurnIntoDropdownMenu, null), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
19
|
-
nodeType: _plateBasicMarks.MARK_BOLD,
|
|
20
|
-
tooltip: "Bold (\u2318+B)"
|
|
21
|
-
}, (0, _react2.jsx)(_icons.Icons.bold, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
22
|
-
nodeType: _plateBasicMarks.MARK_ITALIC,
|
|
23
|
-
tooltip: "Italic (\u2318+I)"
|
|
24
|
-
}, (0, _react2.jsx)(_icons.Icons.italic, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
25
|
-
nodeType: _plateBasicMarks.MARK_UNDERLINE,
|
|
26
|
-
tooltip: "Underline (\u2318+U)"
|
|
27
|
-
}, (0, _react2.jsx)(_icons.Icons.underline, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
28
|
-
nodeType: _plateBasicMarks.MARK_STRIKETHROUGH,
|
|
29
|
-
tooltip: "Strikethrough (\u2318+\u21E7+M)"
|
|
30
|
-
}, (0, _react2.jsx)(_icons.Icons.strikethrough, null)), (0, _react2.jsx)(_markToolbarButton.MarkToolbarButton, {
|
|
31
|
-
nodeType: _plateBasicMarks.MARK_CODE,
|
|
32
|
-
tooltip: "Code (\u2318+E)"
|
|
33
|
-
}, (0, _react2.jsx)(_icons.Icons.code, null))), (0, _react2.jsx)(_moreDropdownMenu.MoreDropdownMenu, null));
|
|
34
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.FloatingToolbar = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _cn = require("@udecode/cn");
|
|
10
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
11
|
-
var _plateFloating = require("@udecode/plate-floating");
|
|
12
|
-
var _toolbar = require("./toolbar");
|
|
13
|
-
var _react2 = require("@emotion/react");
|
|
14
|
-
const _excluded = ["state", "children"];
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
20
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
21
|
-
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
23
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
24
|
-
const FloatingToolbar = exports.FloatingToolbar = (0, _cn.withRef)((_ref, componentRef) => {
|
|
25
|
-
let {
|
|
26
|
-
state,
|
|
27
|
-
children
|
|
28
|
-
} = _ref,
|
|
29
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
30
|
-
const floatingToolbarState = (0, _plateFloating.useFloatingToolbarState)(_objectSpread(_objectSpread({}, state), {}, {
|
|
31
|
-
floatingOptions: _objectSpread({
|
|
32
|
-
placement: 'top',
|
|
33
|
-
middleware: [(0, _plateFloating.offset)(12), (0, _plateFloating.flip)({
|
|
34
|
-
padding: 12,
|
|
35
|
-
fallbackPlacements: ['top-start', 'top-end', 'bottom-start', 'bottom-end']
|
|
36
|
-
})]
|
|
37
|
-
}, state === null || state === void 0 ? void 0 : state.floatingOptions)
|
|
38
|
-
}));
|
|
39
|
-
const {
|
|
40
|
-
ref: floatingRef,
|
|
41
|
-
props: rootProps,
|
|
42
|
-
hidden
|
|
43
|
-
} = (0, _plateFloating.useFloatingToolbar)(floatingToolbarState);
|
|
44
|
-
const ref = (0, _plateCommon.useComposedRef)(componentRef, floatingRef);
|
|
45
|
-
if (hidden) return null;
|
|
46
|
-
return (0, _react2.jsx)(_plateCommon.PortalBody, null, (0, _react2.jsx)(_toolbar.Toolbar, _extends({
|
|
47
|
-
ref: ref,
|
|
48
|
-
className: (0, _cn.cn)('absolute z-50 whitespace-nowrap border bg-popover px-1 opacity-100 shadow-md print:hidden')
|
|
49
|
-
}, rootProps, props), children));
|
|
50
|
-
});
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.HeadingElement = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
12
|
-
const _excluded = ["variant", "isFirstBlock", "children"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
-
const headingVariants = (0, _classVarianceAuthority.cva)('', {
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
h1: 'mb-1 mt-[2em] font-heading text-4xl font-bold',
|
|
21
|
-
h2: 'mb-px mt-[1.4em] font-heading text-2xl font-semibold tracking-tight',
|
|
22
|
-
h3: 'mb-px mt-[1em] font-heading text-xl font-semibold tracking-tight',
|
|
23
|
-
h4: 'mt-[0.75em] font-heading text-lg font-semibold tracking-tight',
|
|
24
|
-
h5: 'mt-[0.75em] text-lg font-semibold tracking-tight',
|
|
25
|
-
h6: 'mt-[0.75em] text-base font-semibold tracking-tight'
|
|
26
|
-
},
|
|
27
|
-
isFirstBlock: {
|
|
28
|
-
true: 'mt-0',
|
|
29
|
-
false: ''
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
const HeadingElementVariants = (0, _cn.withVariants)(_plateCommon.PlateElement, headingVariants, ['isFirstBlock', 'variant']);
|
|
34
|
-
const HeadingElement = exports.HeadingElement = (0, _cn.withRef)((_ref, ref) => {
|
|
35
|
-
let {
|
|
36
|
-
variant = 'h1',
|
|
37
|
-
isFirstBlock,
|
|
38
|
-
children
|
|
39
|
-
} = _ref,
|
|
40
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
41
|
-
const {
|
|
42
|
-
element,
|
|
43
|
-
editor
|
|
44
|
-
} = props;
|
|
45
|
-
const Element = variant;
|
|
46
|
-
return (0, _react2.jsx)(HeadingElementVariants, _extends({
|
|
47
|
-
ref: ref,
|
|
48
|
-
asChild: true,
|
|
49
|
-
variant: variant,
|
|
50
|
-
isFirstBlock: element === editor.children[0]
|
|
51
|
-
}, props), (0, _react2.jsx)(Element, null, children));
|
|
52
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.inputVariants = exports.Input = void 0;
|
|
7
|
-
var _cn = require("@udecode/cn");
|
|
8
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
9
|
-
const inputVariants = exports.inputVariants = (0, _classVarianceAuthority.cva)('flex w-full rounded-md bg-transparent text-sm file:border-0 file:bg-background file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50', {
|
|
10
|
-
variants: {
|
|
11
|
-
variant: {
|
|
12
|
-
default: 'border border-input ring-offset-background focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
|
|
13
|
-
ghost: 'border-none focus-visible:ring-transparent'
|
|
14
|
-
},
|
|
15
|
-
h: {
|
|
16
|
-
sm: 'h-9 px-3 py-2',
|
|
17
|
-
md: 'h-10 px-3 py-2'
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
variant: 'default',
|
|
22
|
-
h: 'md'
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const Input = exports.Input = (0, _cn.withVariants)('input', inputVariants, ['variant', 'h']);
|
|
@@ -1,200 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.InsertDropdownMenu = InsertDropdownMenu;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _plateBlockQuote = require("@udecode/plate-block-quote");
|
|
10
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
11
|
-
var _plateHeading = require("@udecode/plate-heading");
|
|
12
|
-
var _plateParagraph = require("@udecode/plate-paragraph");
|
|
13
|
-
var _icons = require("@/components/icons");
|
|
14
|
-
var _dropdownMenu = require("./dropdown-menu");
|
|
15
|
-
var _toolbar = require("./toolbar");
|
|
16
|
-
var _react2 = require("@emotion/react");
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
const items = [{
|
|
20
|
-
label: 'Basic blocks',
|
|
21
|
-
items: [{
|
|
22
|
-
value: _plateParagraph.ELEMENT_PARAGRAPH,
|
|
23
|
-
label: 'Paragraph',
|
|
24
|
-
description: 'Paragraph',
|
|
25
|
-
icon: _icons.Icons.paragraph
|
|
26
|
-
}, {
|
|
27
|
-
value: _plateHeading.ELEMENT_H1,
|
|
28
|
-
label: 'Heading 1',
|
|
29
|
-
description: 'Heading 1',
|
|
30
|
-
icon: _icons.Icons.h1
|
|
31
|
-
}, {
|
|
32
|
-
value: _plateHeading.ELEMENT_H2,
|
|
33
|
-
label: 'Heading 2',
|
|
34
|
-
description: 'Heading 2',
|
|
35
|
-
icon: _icons.Icons.h2
|
|
36
|
-
}, {
|
|
37
|
-
value: _plateHeading.ELEMENT_H3,
|
|
38
|
-
label: 'Heading 3',
|
|
39
|
-
description: 'Heading 3',
|
|
40
|
-
icon: _icons.Icons.h3
|
|
41
|
-
}, {
|
|
42
|
-
value: _plateBlockQuote.ELEMENT_BLOCKQUOTE,
|
|
43
|
-
label: 'Quote',
|
|
44
|
-
description: 'Quote (⌘+⇧+.)',
|
|
45
|
-
icon: _icons.Icons.blockquote
|
|
46
|
-
}
|
|
47
|
-
// {
|
|
48
|
-
// value: ELEMENT_TABLE,
|
|
49
|
-
// label: 'Table',
|
|
50
|
-
// description: 'Table',
|
|
51
|
-
// icon: Icons.table,
|
|
52
|
-
// },
|
|
53
|
-
// {
|
|
54
|
-
// value: 'ul',
|
|
55
|
-
// label: 'Bulleted list',
|
|
56
|
-
// description: 'Bulleted list',
|
|
57
|
-
// icon: Icons.ul,
|
|
58
|
-
// },
|
|
59
|
-
// {
|
|
60
|
-
// value: 'ol',
|
|
61
|
-
// label: 'Numbered list',
|
|
62
|
-
// description: 'Numbered list',
|
|
63
|
-
// icon: Icons.ol,
|
|
64
|
-
// },
|
|
65
|
-
// {
|
|
66
|
-
// value: ELEMENT_HR,
|
|
67
|
-
// label: 'Divider',
|
|
68
|
-
// description: 'Divider (---)',
|
|
69
|
-
// icon: Icons.hr,
|
|
70
|
-
// },
|
|
71
|
-
]
|
|
72
|
-
}
|
|
73
|
-
// {
|
|
74
|
-
// label: 'Media',
|
|
75
|
-
// items: [
|
|
76
|
-
// {
|
|
77
|
-
// value: ELEMENT_CODE_BLOCK,
|
|
78
|
-
// label: 'Code',
|
|
79
|
-
// description: 'Code (```)',
|
|
80
|
-
// icon: Icons.codeblock,
|
|
81
|
-
// },
|
|
82
|
-
// {
|
|
83
|
-
// value: ELEMENT_IMAGE,
|
|
84
|
-
// label: 'Image',
|
|
85
|
-
// description: 'Image',
|
|
86
|
-
// icon: Icons.image,
|
|
87
|
-
// },
|
|
88
|
-
// {
|
|
89
|
-
// value: ELEMENT_MEDIA_EMBED,
|
|
90
|
-
// label: 'Embed',
|
|
91
|
-
// description: 'Embed',
|
|
92
|
-
// icon: Icons.embed,
|
|
93
|
-
// },
|
|
94
|
-
// {
|
|
95
|
-
// value: ELEMENT_EXCALIDRAW,
|
|
96
|
-
// label: 'Excalidraw',
|
|
97
|
-
// description: 'Excalidraw',
|
|
98
|
-
// icon: Icons.excalidraw,
|
|
99
|
-
// },
|
|
100
|
-
// ],
|
|
101
|
-
// },
|
|
102
|
-
// {
|
|
103
|
-
// label: 'Inline',
|
|
104
|
-
// items: [
|
|
105
|
-
// {
|
|
106
|
-
// value: ELEMENT_LINK,
|
|
107
|
-
// label: 'Link',
|
|
108
|
-
// description: 'Link',
|
|
109
|
-
// icon: Icons.link,
|
|
110
|
-
// },
|
|
111
|
-
// ],
|
|
112
|
-
// },
|
|
113
|
-
];
|
|
114
|
-
|
|
115
|
-
function InsertDropdownMenu(props) {
|
|
116
|
-
const editor = (0, _plateCommon.useEditorRef)();
|
|
117
|
-
const openState = (0, _dropdownMenu.useOpenState)();
|
|
118
|
-
return (0, _react2.jsx)(_dropdownMenu.DropdownMenu, _extends({
|
|
119
|
-
modal: false
|
|
120
|
-
}, openState, props), (0, _react2.jsx)(_dropdownMenu.DropdownMenuTrigger, {
|
|
121
|
-
asChild: true
|
|
122
|
-
}, (0, _react2.jsx)(_toolbar.ToolbarButton, {
|
|
123
|
-
pressed: openState.open,
|
|
124
|
-
tooltip: "Insert",
|
|
125
|
-
isDropdown: true
|
|
126
|
-
}, (0, _react2.jsx)(_icons.Icons.add, null))), (0, _react2.jsx)(_dropdownMenu.DropdownMenuContent, {
|
|
127
|
-
align: "start",
|
|
128
|
-
className: "flex max-h-[500px] min-w-0 flex-col gap-0.5 overflow-y-auto"
|
|
129
|
-
}, items.map(({
|
|
130
|
-
items: nestedItems,
|
|
131
|
-
label
|
|
132
|
-
}, index) => (0, _react2.jsx)(_react.default.Fragment, {
|
|
133
|
-
key: label
|
|
134
|
-
}, index !== 0 && (0, _react2.jsx)(_dropdownMenu.DropdownMenuSeparator, null), (0, _react2.jsx)(_dropdownMenu.DropdownMenuLabel, null, label), nestedItems.map(({
|
|
135
|
-
value: type,
|
|
136
|
-
label: itemLabel,
|
|
137
|
-
icon: Icon
|
|
138
|
-
}) => (0, _react2.jsx)(_dropdownMenu.DropdownMenuItem, {
|
|
139
|
-
key: type,
|
|
140
|
-
className: "min-w-[180px]",
|
|
141
|
-
onSelect: async () => {
|
|
142
|
-
switch (type) {
|
|
143
|
-
// case ELEMENT_CODE_BLOCK: {
|
|
144
|
-
// insertEmptyCodeBlock(editor);
|
|
145
|
-
//
|
|
146
|
-
// break;
|
|
147
|
-
// }
|
|
148
|
-
// case ELEMENT_IMAGE: {
|
|
149
|
-
// await insertMedia(editor, { type: ELEMENT_IMAGE });
|
|
150
|
-
//
|
|
151
|
-
// break;
|
|
152
|
-
// }
|
|
153
|
-
// case ELEMENT_MEDIA_EMBED: {
|
|
154
|
-
// await insertMedia(editor, {
|
|
155
|
-
// type: ELEMENT_MEDIA_EMBED,
|
|
156
|
-
// });
|
|
157
|
-
//
|
|
158
|
-
// break;
|
|
159
|
-
// }
|
|
160
|
-
// case 'ul':
|
|
161
|
-
// case 'ol': {
|
|
162
|
-
// insertEmptyElement(editor, ELEMENT_PARAGRAPH, {
|
|
163
|
-
// select: true,
|
|
164
|
-
// nextBlock: true,
|
|
165
|
-
// });
|
|
166
|
-
//
|
|
167
|
-
// if (settingsStore.get.checkedId(KEY_LIST_STYLE_TYPE)) {
|
|
168
|
-
// toggleIndentList(editor, {
|
|
169
|
-
// listStyleType: type === 'ul' ? 'disc' : 'decimal',
|
|
170
|
-
// });
|
|
171
|
-
// } else if (settingsStore.get.checkedId('list')) {
|
|
172
|
-
// toggleList(editor, { type });
|
|
173
|
-
// }
|
|
174
|
-
//
|
|
175
|
-
// break;
|
|
176
|
-
// }
|
|
177
|
-
// case ELEMENT_TABLE: {
|
|
178
|
-
// insertTable(editor);
|
|
179
|
-
//
|
|
180
|
-
// break;
|
|
181
|
-
// }
|
|
182
|
-
// case ELEMENT_LINK: {
|
|
183
|
-
// triggerFloatingLink(editor, { focused: true });
|
|
184
|
-
//
|
|
185
|
-
// break;
|
|
186
|
-
// }
|
|
187
|
-
default:
|
|
188
|
-
{
|
|
189
|
-
(0, _plateCommon.insertEmptyElement)(editor, type, {
|
|
190
|
-
select: true,
|
|
191
|
-
nextBlock: true
|
|
192
|
-
});
|
|
193
|
-
}
|
|
194
|
-
}
|
|
195
|
-
(0, _plateCommon.focusEditor)(editor);
|
|
196
|
-
}
|
|
197
|
-
}, (0, _react2.jsx)(Icon, {
|
|
198
|
-
className: "mr-2 h-5 w-5"
|
|
199
|
-
}), itemLabel))))));
|
|
200
|
-
}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.KbdLeaf = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _react2 = require("@emotion/react");
|
|
11
|
-
const _excluded = ["className", "children"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
-
const KbdLeaf = exports.KbdLeaf = (0, _cn.withRef)((_ref, ref) => {
|
|
17
|
-
let {
|
|
18
|
-
className,
|
|
19
|
-
children
|
|
20
|
-
} = _ref,
|
|
21
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
22
|
-
return (0, _react2.jsx)(_plateCommon.PlateLeaf, _extends({
|
|
23
|
-
ref: ref,
|
|
24
|
-
asChild: true,
|
|
25
|
-
className: (0, _cn.cn)('rounded border border-border bg-muted px-1.5 py-0.5 font-mono text-sm shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(248,_249,_250)_0px_1px_5px_0px_inset,_rgb(193,_200,_205)_0px_0px_0px_0.5px,_rgb(193,_200,_205)_0px_2px_1px_-1px,_rgb(193,_200,_205)_0px_1px_0px_0px] dark:shadow-[rgba(255,_255,_255,_0.1)_0px_0.5px_0px_0px_inset,_rgb(26,_29,_30)_0px_1px_5px_0px_inset,_rgb(76,_81,_85)_0px_0px_0px_0.5px,_rgb(76,_81,_85)_0px_2px_1px_-1px,_rgb(76,_81,_85)_0px_1px_0px_0px]', className)
|
|
26
|
-
}, props), (0, _react2.jsx)("kbd", null, children));
|
|
27
|
-
});
|