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.
Files changed (75) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/decap-cms-widget-markdown.js +3 -3
  3. package/dist/decap-cms-widget-markdown.js.map +1 -1
  4. package/dist/esm/MarkdownControl/Toolbar.js +2 -2
  5. package/dist/esm/MarkdownControl/components/Shortcode.js +2 -2
  6. package/dist/esm/MarkdownControl/index.js +2 -2
  7. package/dist/esm/MarkdownControl/plugins/blocks/events/keyDown.js +10 -0
  8. package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorAfterSoftBreak.js +16 -0
  9. package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +17 -0
  10. package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorInNonDefaultBlock copy.js +19 -0
  11. package/dist/esm/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +12 -4
  12. package/dist/esm/MarkdownControl/plugins/lists/events/keyDownShiftTab.js +2 -2
  13. package/dist/esm/MarkdownControl/plugins/lists/events/keyDownTab.js +2 -2
  14. package/dist/esm/MarkdownControl/plugins/lists/transforms/liftFirstMatchedParent.js +2 -2
  15. package/dist/esm/MarkdownControl/plugins/lists/transforms/unwrapSelectionFromList.js +2 -2
  16. package/dist/esm/MarkdownControl/renderers.js +17 -17
  17. package/dist/esm/MarkdownPreview.js +2 -2
  18. package/dist/esm/index.js +2 -2
  19. package/dist/esm/serializers/remarkAssertParents.js +2 -2
  20. package/dist/esm/serializers/remarkEscapeMarkdownEntities.js +2 -2
  21. package/dist/esm/serializers/remarkImagesToText.js +2 -2
  22. package/dist/esm/serializers/remarkPaddedLinks.js +2 -2
  23. package/dist/esm/serializers/remarkRehypeShortcodes.js +2 -2
  24. package/dist/esm/serializers/remarkSlate.js +12 -3
  25. package/dist/esm/serializers/remarkSquashReferences.js +2 -2
  26. package/dist/esm/serializers/slateRemark.js +2 -2
  27. package/package.json +2 -2
  28. package/src/MarkdownControl/plugins/blocks/events/keyDown.js +9 -0
  29. package/src/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +13 -0
  30. package/src/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +17 -4
  31. package/src/MarkdownControl/renderers.js +6 -1
  32. package/src/serializers/remarkSlate.js +9 -1
  33. package/dist/esm/MarkdownControl/PlateEditor.js +0 -149
  34. package/dist/esm/components/Icons.js +0 -174
  35. package/dist/esm/components/plate-ui/blockquote-element.js +0 -28
  36. package/dist/esm/components/plate-ui/button.js +0 -66
  37. package/dist/esm/components/plate-ui/code-block-combobox.js +0 -66
  38. package/dist/esm/components/plate-ui/code-block-element.css +0 -434
  39. package/dist/esm/components/plate-ui/code-block-element.js +0 -41
  40. package/dist/esm/components/plate-ui/code-leaf.js +0 -28
  41. package/dist/esm/components/plate-ui/code-line-element.js +0 -16
  42. package/dist/esm/components/plate-ui/code-syntax-leaf.js +0 -34
  43. package/dist/esm/components/plate-ui/command.js +0 -55
  44. package/dist/esm/components/plate-ui/dialog.js +0 -44
  45. package/dist/esm/components/plate-ui/dropdown-menu.js +0 -114
  46. package/dist/esm/components/plate-ui/editor.js +0 -71
  47. package/dist/esm/components/plate-ui/fixed-toolbar-buttons.js +0 -49
  48. package/dist/esm/components/plate-ui/fixed-toolbar.js +0 -9
  49. package/dist/esm/components/plate-ui/floating-toolbar-buttons.js +0 -34
  50. package/dist/esm/components/plate-ui/floating-toolbar.js +0 -50
  51. package/dist/esm/components/plate-ui/heading-element.js +0 -52
  52. package/dist/esm/components/plate-ui/input.js +0 -25
  53. package/dist/esm/components/plate-ui/insert-dropdown-menu.js +0 -200
  54. package/dist/esm/components/plate-ui/kbd-leaf.js +0 -27
  55. package/dist/esm/components/plate-ui/link-element.js +0 -34
  56. package/dist/esm/components/plate-ui/link-floating-toolbar.js +0 -116
  57. package/dist/esm/components/plate-ui/list-element.js +0 -38
  58. package/dist/esm/components/plate-ui/mark-toolbar-button.js +0 -34
  59. package/dist/esm/components/plate-ui/mode-dropdown-menu.js +0 -67
  60. package/dist/esm/components/plate-ui/more-dropdown-menu.js +0 -50
  61. package/dist/esm/components/plate-ui/paragraph-element.js +0 -9
  62. package/dist/esm/components/plate-ui/placeholder.js +0 -52
  63. package/dist/esm/components/plate-ui/popover.js +0 -45
  64. package/dist/esm/components/plate-ui/resizable.js +0 -50
  65. package/dist/esm/components/plate-ui/separator.js +0 -27
  66. package/dist/esm/components/plate-ui/table-cell-element.js +0 -97
  67. package/dist/esm/components/plate-ui/table-element.js +0 -182
  68. package/dist/esm/components/plate-ui/table-row-element.js +0 -27
  69. package/dist/esm/components/plate-ui/toolbar.js +0 -99
  70. package/dist/esm/components/plate-ui/tooltip.js +0 -49
  71. package/dist/esm/components/plate-ui/turn-into-dropdown-menu.js +0 -129
  72. package/dist/esm/style/global.css +0 -78
  73. package/dist/esm/style/input.css +0 -3
  74. package/dist/esm/style/output.css +0 -557
  75. 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
- });