decap-cms-widget-markdown 3.1.3 → 3.1.5

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 (73) 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/MarkdownPreview.js +2 -2
  17. package/dist/esm/index.js +2 -2
  18. package/dist/esm/serializers/remarkAssertParents.js +2 -2
  19. package/dist/esm/serializers/remarkEscapeMarkdownEntities.js +2 -2
  20. package/dist/esm/serializers/remarkImagesToText.js +2 -2
  21. package/dist/esm/serializers/remarkPaddedLinks.js +2 -2
  22. package/dist/esm/serializers/remarkRehypeShortcodes.js +2 -2
  23. package/dist/esm/serializers/remarkSlate.js +12 -3
  24. package/dist/esm/serializers/remarkSquashReferences.js +2 -2
  25. package/dist/esm/serializers/slateRemark.js +2 -2
  26. package/package.json +4 -4
  27. package/src/MarkdownControl/plugins/blocks/events/keyDown.js +9 -0
  28. package/src/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +13 -0
  29. package/src/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +17 -4
  30. package/src/serializers/remarkSlate.js +9 -1
  31. package/dist/esm/MarkdownControl/PlateEditor.js +0 -149
  32. package/dist/esm/components/Icons.js +0 -174
  33. package/dist/esm/components/plate-ui/blockquote-element.js +0 -28
  34. package/dist/esm/components/plate-ui/button.js +0 -66
  35. package/dist/esm/components/plate-ui/code-block-combobox.js +0 -66
  36. package/dist/esm/components/plate-ui/code-block-element.css +0 -434
  37. package/dist/esm/components/plate-ui/code-block-element.js +0 -41
  38. package/dist/esm/components/plate-ui/code-leaf.js +0 -28
  39. package/dist/esm/components/plate-ui/code-line-element.js +0 -16
  40. package/dist/esm/components/plate-ui/code-syntax-leaf.js +0 -34
  41. package/dist/esm/components/plate-ui/command.js +0 -55
  42. package/dist/esm/components/plate-ui/dialog.js +0 -44
  43. package/dist/esm/components/plate-ui/dropdown-menu.js +0 -114
  44. package/dist/esm/components/plate-ui/editor.js +0 -71
  45. package/dist/esm/components/plate-ui/fixed-toolbar-buttons.js +0 -49
  46. package/dist/esm/components/plate-ui/fixed-toolbar.js +0 -9
  47. package/dist/esm/components/plate-ui/floating-toolbar-buttons.js +0 -34
  48. package/dist/esm/components/plate-ui/floating-toolbar.js +0 -50
  49. package/dist/esm/components/plate-ui/heading-element.js +0 -52
  50. package/dist/esm/components/plate-ui/input.js +0 -25
  51. package/dist/esm/components/plate-ui/insert-dropdown-menu.js +0 -200
  52. package/dist/esm/components/plate-ui/kbd-leaf.js +0 -27
  53. package/dist/esm/components/plate-ui/link-element.js +0 -34
  54. package/dist/esm/components/plate-ui/link-floating-toolbar.js +0 -116
  55. package/dist/esm/components/plate-ui/list-element.js +0 -38
  56. package/dist/esm/components/plate-ui/mark-toolbar-button.js +0 -34
  57. package/dist/esm/components/plate-ui/mode-dropdown-menu.js +0 -67
  58. package/dist/esm/components/plate-ui/more-dropdown-menu.js +0 -50
  59. package/dist/esm/components/plate-ui/paragraph-element.js +0 -9
  60. package/dist/esm/components/plate-ui/placeholder.js +0 -52
  61. package/dist/esm/components/plate-ui/popover.js +0 -45
  62. package/dist/esm/components/plate-ui/resizable.js +0 -50
  63. package/dist/esm/components/plate-ui/separator.js +0 -27
  64. package/dist/esm/components/plate-ui/table-cell-element.js +0 -97
  65. package/dist/esm/components/plate-ui/table-element.js +0 -182
  66. package/dist/esm/components/plate-ui/table-row-element.js +0 -27
  67. package/dist/esm/components/plate-ui/toolbar.js +0 -99
  68. package/dist/esm/components/plate-ui/tooltip.js +0 -49
  69. package/dist/esm/components/plate-ui/turn-into-dropdown-menu.js +0 -129
  70. package/dist/esm/style/global.css +0 -78
  71. package/dist/esm/style/input.css +0 -3
  72. package/dist/esm/style/output.css +0 -557
  73. package/dist/esm/styles/globals.css +0 -76
@@ -1,182 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TableFloatingToolbar = exports.TableElement = exports.TableBordersDropdownMenuContent = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _reactPopover = require("@radix-ui/react-popover");
9
- var _cn = require("@udecode/cn");
10
- var _plateCommon = require("@udecode/plate-common");
11
- var _plateTable = require("@udecode/plate-table");
12
- var _slateReact = require("slate-react");
13
- var _icons = require("@/components/icons");
14
- var _button = require("./button");
15
- var _dropdownMenu = require("./dropdown-menu");
16
- var _popover = require("./popover");
17
- var _separator = require("./separator");
18
- var _react2 = require("@emotion/react");
19
- const _excluded = ["children"],
20
- _excluded2 = ["className", "children"];
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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
- 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); }
25
- const TableBordersDropdownMenuContent = exports.TableBordersDropdownMenuContent = (0, _cn.withRef)((props, ref) => {
26
- const {
27
- getOnSelectTableBorder,
28
- hasOuterBorders,
29
- hasBottomBorder,
30
- hasLeftBorder,
31
- hasNoBorders,
32
- hasRightBorder,
33
- hasTopBorder
34
- } = (0, _plateTable.useTableBordersDropdownMenuContentState)();
35
- return (0, _react2.jsx)(_dropdownMenu.DropdownMenuContent, _extends({
36
- ref: ref,
37
- className: (0, _cn.cn)('min-w-[220px]'),
38
- side: "right",
39
- align: "start",
40
- sideOffset: 0
41
- }, props), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
42
- checked: hasBottomBorder,
43
- onCheckedChange: getOnSelectTableBorder('bottom')
44
- }, (0, _react2.jsx)(_icons.Icons.borderBottom, {
45
- className: (0, _icons.iconVariants)({
46
- size: 'sm'
47
- })
48
- }), (0, _react2.jsx)("div", null, "Bottom Border")), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
49
- checked: hasTopBorder,
50
- onCheckedChange: getOnSelectTableBorder('top')
51
- }, (0, _react2.jsx)(_icons.Icons.borderTop, {
52
- className: (0, _icons.iconVariants)({
53
- size: 'sm'
54
- })
55
- }), (0, _react2.jsx)("div", null, "Top Border")), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
56
- checked: hasLeftBorder,
57
- onCheckedChange: getOnSelectTableBorder('left')
58
- }, (0, _react2.jsx)(_icons.Icons.borderLeft, {
59
- className: (0, _icons.iconVariants)({
60
- size: 'sm'
61
- })
62
- }), (0, _react2.jsx)("div", null, "Left Border")), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
63
- checked: hasRightBorder,
64
- onCheckedChange: getOnSelectTableBorder('right')
65
- }, (0, _react2.jsx)(_icons.Icons.borderRight, {
66
- className: (0, _icons.iconVariants)({
67
- size: 'sm'
68
- })
69
- }), (0, _react2.jsx)("div", null, "Right Border")), (0, _react2.jsx)(_separator.Separator, null), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
70
- checked: hasNoBorders,
71
- onCheckedChange: getOnSelectTableBorder('none')
72
- }, (0, _react2.jsx)(_icons.Icons.borderNone, {
73
- className: (0, _icons.iconVariants)({
74
- size: 'sm'
75
- })
76
- }), (0, _react2.jsx)("div", null, "No Border")), (0, _react2.jsx)(_dropdownMenu.DropdownMenuCheckboxItem, {
77
- checked: hasOuterBorders,
78
- onCheckedChange: getOnSelectTableBorder('outer')
79
- }, (0, _react2.jsx)(_icons.Icons.borderAll, {
80
- className: (0, _icons.iconVariants)({
81
- size: 'sm'
82
- })
83
- }), (0, _react2.jsx)("div", null, "Outside Borders")));
84
- });
85
- const TableFloatingToolbar = exports.TableFloatingToolbar = (0, _cn.withRef)((_ref, ref) => {
86
- let {
87
- children
88
- } = _ref,
89
- props = _objectWithoutProperties(_ref, _excluded);
90
- const element = (0, _plateCommon.useElement)();
91
- const {
92
- props: buttonProps
93
- } = (0, _plateCommon.useRemoveNodeButton)({
94
- element
95
- });
96
- const selectionCollapsed = (0, _plateCommon.useEditorSelector)(editor => !(0, _plateCommon.isSelectionExpanded)(editor), []);
97
- const readOnly = (0, _slateReact.useReadOnly)();
98
- const selected = (0, _slateReact.useSelected)();
99
- const editor = (0, _plateCommon.useEditorRef)();
100
- const collapsed = !readOnly && selected && selectionCollapsed;
101
- const open = !readOnly && selected;
102
- const {
103
- canMerge,
104
- canUnmerge
105
- } = (0, _plateTable.useTableMergeState)();
106
- const mergeContent = canMerge && (0, _react2.jsx)(_button.Button, {
107
- contentEditable: false,
108
- variant: "ghost",
109
- isMenu: true,
110
- onClick: () => (0, _plateTable.mergeTableCells)(editor)
111
- }, (0, _react2.jsx)(_icons.Icons.combine, {
112
- className: "mr-2 h-4 w-4"
113
- }), "Merge");
114
- const unmergeButton = canUnmerge && (0, _react2.jsx)(_button.Button, {
115
- contentEditable: false,
116
- variant: "ghost",
117
- isMenu: true,
118
- onClick: () => (0, _plateTable.unmergeTableCells)(editor)
119
- }, (0, _react2.jsx)(_icons.Icons.ungroup, {
120
- className: "mr-2 h-4 w-4"
121
- }), "Unmerge");
122
- const bordersContent = collapsed && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_dropdownMenu.DropdownMenu, {
123
- modal: false
124
- }, (0, _react2.jsx)(_dropdownMenu.DropdownMenuTrigger, {
125
- asChild: true
126
- }, (0, _react2.jsx)(_button.Button, {
127
- variant: "ghost",
128
- isMenu: true
129
- }, (0, _react2.jsx)(_icons.Icons.borderAll, {
130
- className: "mr-2 h-4 w-4"
131
- }), "Borders")), (0, _react2.jsx)(_dropdownMenu.DropdownMenuPortal, null, (0, _react2.jsx)(TableBordersDropdownMenuContent, null))), (0, _react2.jsx)(_button.Button, _extends({
132
- contentEditable: false,
133
- variant: "ghost",
134
- isMenu: true
135
- }, buttonProps), (0, _react2.jsx)(_icons.Icons.delete, {
136
- className: "mr-2 h-4 w-4"
137
- }), "Delete"));
138
- return (0, _react2.jsx)(_popover.Popover, {
139
- open: open,
140
- modal: false
141
- }, (0, _react2.jsx)(_reactPopover.PopoverAnchor, {
142
- asChild: true
143
- }, children), (canMerge || canUnmerge || collapsed) && (0, _react2.jsx)(_popover.PopoverContent, _extends({
144
- ref: ref,
145
- className: (0, _cn.cn)((0, _popover.popoverVariants)(), 'flex w-[220px] flex-col gap-1 p-1'),
146
- onOpenAutoFocus: e => e.preventDefault()
147
- }, props), unmergeButton, mergeContent, bordersContent));
148
- });
149
- const TableElement = exports.TableElement = (0, _plateCommon.withHOC)(_plateTable.TableProvider, (0, _cn.withRef)((_ref2, ref) => {
150
- let {
151
- className,
152
- children
153
- } = _ref2,
154
- props = _objectWithoutProperties(_ref2, _excluded2);
155
- const {
156
- colSizes,
157
- isSelectingCell,
158
- minColumnWidth,
159
- marginLeft
160
- } = (0, _plateTable.useTableElementState)();
161
- const {
162
- props: tableProps,
163
- colGroupProps
164
- } = (0, _plateTable.useTableElement)();
165
- return (0, _react2.jsx)(TableFloatingToolbar, null, (0, _react2.jsx)("div", {
166
- style: {
167
- paddingLeft: marginLeft
168
- }
169
- }, (0, _react2.jsx)(_plateCommon.PlateElement, _extends({
170
- ref: ref,
171
- asChild: true,
172
- className: (0, _cn.cn)('my-4 ml-px mr-0 table h-px w-full table-fixed border-collapse', isSelectingCell && '[&_*::selection]:bg-none', className)
173
- }, tableProps, props), (0, _react2.jsx)("table", null, (0, _react2.jsx)("colgroup", colGroupProps, colSizes.map((width, index) => (0, _react2.jsx)("col", {
174
- key: index,
175
- style: {
176
- minWidth: minColumnWidth,
177
- width: width || undefined
178
- }
179
- }))), (0, _react2.jsx)("tbody", {
180
- className: "min-w-full"
181
- }, children)))));
182
- }));
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TableRowElement = 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 = ["hideBorder", "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 TableRowElement = exports.TableRowElement = (0, _cn.withRef)((_ref, ref) => {
17
- let {
18
- hideBorder,
19
- children
20
- } = _ref,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
- return (0, _react2.jsx)(_plateCommon.PlateElement, _extends({
23
- asChild: true,
24
- ref: ref,
25
- className: (0, _cn.cn)('h-full', hideBorder && 'border-none')
26
- }, props), (0, _react2.jsx)("tr", null, children));
27
- });
@@ -1,99 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.ToolbarToggleItem = exports.ToolbarToggleGroup = exports.ToolbarSeparator = exports.ToolbarLink = exports.ToolbarGroup = exports.ToolbarButton = exports.Toolbar = void 0;
8
- var React = _interopRequireWildcard(require("react"));
9
- var ToolbarPrimitive = _interopRequireWildcard(require("@radix-ui/react-toolbar"));
10
- var _cn = require("@udecode/cn");
11
- var _classVarianceAuthority = require("class-variance-authority");
12
- var _icons = require("@/components/icons");
13
- var _separator = require("./separator");
14
- var _tooltip = require("./tooltip");
15
- var _react2 = require("@emotion/react");
16
- const _excluded = ["className", "variant", "size", "isDropdown", "children", "pressed"];
17
- 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); }
18
- 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; }
19
- 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); }
20
- 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; }
21
- 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; }
22
- const Toolbar = exports.Toolbar = (0, _cn.withCn)(ToolbarPrimitive.Root, 'relative flex select-none items-center gap-1 bg-background');
23
- const ToolbarToggleGroup = exports.ToolbarToggleGroup = (0, _cn.withCn)(ToolbarPrimitive.ToolbarToggleGroup, 'flex items-center');
24
- const ToolbarLink = exports.ToolbarLink = (0, _cn.withCn)(ToolbarPrimitive.Link, 'font-medium underline underline-offset-4');
25
- const ToolbarSeparator = exports.ToolbarSeparator = (0, _cn.withCn)(ToolbarPrimitive.Separator, 'my-1 w-[1px] shrink-0 bg-border');
26
- const toolbarButtonVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', '[&_svg:not([data-icon])]:h-5 [&_svg:not([data-icon])]:w-5'), {
27
- variants: {
28
- variant: {
29
- default: 'bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground',
30
- outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground'
31
- },
32
- size: {
33
- default: 'h-10 px-3',
34
- sm: 'h-9 px-2',
35
- lg: 'h-11 px-5'
36
- }
37
- },
38
- defaultVariants: {
39
- variant: 'default',
40
- size: 'sm'
41
- }
42
- });
43
- const ToolbarButton = exports.ToolbarButton = (0, _tooltip.withTooltip)(
44
- /*#__PURE__*/
45
- // eslint-disable-next-line react/display-name
46
- React.forwardRef((_ref, ref) => {
47
- let {
48
- className,
49
- variant,
50
- size,
51
- isDropdown,
52
- children,
53
- pressed
54
- } = _ref,
55
- props = _objectWithoutProperties(_ref, _excluded);
56
- return typeof pressed === 'boolean' ? (0, _react2.jsx)(ToolbarToggleGroup, {
57
- type: "single",
58
- value: "single",
59
- disabled: props.disabled
60
- }, (0, _react2.jsx)(ToolbarToggleItem, _extends({
61
- ref: ref,
62
- className: (0, _cn.cn)(toolbarButtonVariants({
63
- variant,
64
- size
65
- }), isDropdown && 'my-1 justify-between pr-1', className),
66
- value: pressed ? 'single' : ''
67
- }, props), isDropdown ? (0, _react2.jsx)(React.Fragment, null, (0, _react2.jsx)("div", {
68
- className: "flex flex-1"
69
- }, children), (0, _react2.jsx)("div", null, (0, _react2.jsx)(_icons.Icons.arrowDown, {
70
- className: "ml-0.5 h-4 w-4",
71
- "data-icon": true
72
- }))) : children)) : (0, _react2.jsx)(ToolbarPrimitive.Button, _extends({
73
- ref: ref,
74
- className: (0, _cn.cn)(toolbarButtonVariants({
75
- variant,
76
- size
77
- }), isDropdown && 'pr-1', className)
78
- }, props), children);
79
- }));
80
- ToolbarButton.displayName = 'ToolbarButton';
81
- const ToolbarToggleItem = exports.ToolbarToggleItem = (0, _cn.withVariants)(ToolbarPrimitive.ToggleItem, toolbarButtonVariants, ['variant', 'size']);
82
- const ToolbarGroup = exports.ToolbarGroup = (0, _cn.withRef)(({
83
- className,
84
- children,
85
- noSeparator
86
- }, ref) => {
87
- const childArr = React.Children.map(children, c => c);
88
- if (!childArr || childArr.length === 0) return null;
89
- return (0, _react2.jsx)("div", {
90
- ref: ref,
91
- className: (0, _cn.cn)('flex', className)
92
- }, !noSeparator && (0, _react2.jsx)("div", {
93
- className: "h-full py-1"
94
- }, (0, _react2.jsx)(_separator.Separator, {
95
- orientation: "vertical"
96
- })), (0, _react2.jsx)("div", {
97
- className: "mx-1 flex items-center gap-1"
98
- }, children));
99
- });
@@ -1,49 +0,0 @@
1
- "use strict";
2
- 'use client';
3
-
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipPortal = exports.TooltipContent = exports.Tooltip = void 0;
8
- exports.withTooltip = withTooltip;
9
- var _react = _interopRequireDefault(require("react"));
10
- var TooltipPrimitive = _interopRequireWildcard(require("@radix-ui/react-tooltip"));
11
- var _cn = require("@udecode/cn");
12
- var _react2 = require("@emotion/react");
13
- const _excluded = ["tooltip", "tooltipContentProps", "tooltipProps"];
14
- 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); }
15
- 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; }
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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); }
18
- 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; }
19
- 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; }
20
- const TooltipProvider = exports.TooltipProvider = TooltipPrimitive.Provider;
21
- const Tooltip = exports.Tooltip = TooltipPrimitive.Root;
22
- const TooltipTrigger = exports.TooltipTrigger = TooltipPrimitive.Trigger;
23
- const TooltipPortal = exports.TooltipPortal = TooltipPrimitive.Portal;
24
- const TooltipContent = exports.TooltipContent = (0, _cn.withCn)((0, _cn.withProps)(TooltipPrimitive.Content, {
25
- sideOffset: 4
26
- }), 'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md');
27
- function withTooltip(Component) {
28
- return /*#__PURE__*/_react.default.forwardRef(function ExtendComponent(_ref, ref) {
29
- let {
30
- tooltip,
31
- tooltipContentProps,
32
- tooltipProps
33
- } = _ref,
34
- props = _objectWithoutProperties(_ref, _excluded);
35
- const [mounted, setMounted] = _react.default.useState(false);
36
- _react.default.useEffect(() => {
37
- setMounted(true);
38
- }, []);
39
- const component = (0, _react2.jsx)(Component, _extends({
40
- ref: ref
41
- }, props));
42
- if (tooltip && mounted) {
43
- return (0, _react2.jsx)(Tooltip, tooltipProps, (0, _react2.jsx)(TooltipTrigger, {
44
- asChild: true
45
- }, component), (0, _react2.jsx)(TooltipPortal, null, (0, _react2.jsx)(TooltipContent, tooltipContentProps, tooltip)));
46
- }
47
- return component;
48
- });
49
- }
@@ -1,129 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TurnIntoDropdownMenu = TurnIntoDropdownMenu;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _plateBlockQuote = require("@udecode/plate-block-quote");
9
- var _plateCommon = require("@udecode/plate-common");
10
- var _plateHeading = require("@udecode/plate-heading");
11
- var _plateParagraph = require("@udecode/plate-paragraph");
12
- var _icons = require("@/components/icons");
13
- var _dropdownMenu = require("./dropdown-menu");
14
- var _toolbar = require("./toolbar");
15
- var _react2 = require("@emotion/react");
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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); }
18
- const items = [{
19
- value: _plateParagraph.ELEMENT_PARAGRAPH,
20
- label: 'Paragraph',
21
- description: 'Paragraph',
22
- icon: _icons.Icons.paragraph
23
- }, {
24
- value: _plateHeading.ELEMENT_H1,
25
- label: 'Heading 1',
26
- description: 'Heading 1',
27
- icon: _icons.Icons.h1
28
- }, {
29
- value: _plateHeading.ELEMENT_H2,
30
- label: 'Heading 2',
31
- description: 'Heading 2',
32
- icon: _icons.Icons.h2
33
- }, {
34
- value: _plateHeading.ELEMENT_H3,
35
- label: 'Heading 3',
36
- description: 'Heading 3',
37
- icon: _icons.Icons.h3
38
- }, {
39
- value: _plateBlockQuote.ELEMENT_BLOCKQUOTE,
40
- label: 'Quote',
41
- description: 'Quote (⌘+⇧+.)',
42
- icon: _icons.Icons.blockquote
43
- }
44
- // {
45
- // value: 'ul',
46
- // label: 'Bulleted list',
47
- // description: 'Bulleted list',
48
- // icon: Icons.ul,
49
- // },
50
- // {
51
- // value: 'ol',
52
- // label: 'Numbered list',
53
- // description: 'Numbered list',
54
- // icon: Icons.ol,
55
- // },
56
- ];
57
-
58
- const defaultItem = items.find(item => item.value === _plateParagraph.ELEMENT_PARAGRAPH);
59
- function TurnIntoDropdownMenu(props) {
60
- var _items$find2;
61
- const value = (0, _plateCommon.useEditorSelector)(editor => {
62
- if ((0, _plateCommon.isCollapsed)(editor.selection)) {
63
- const entry = (0, _plateCommon.findNode)(editor, {
64
- match: n => (0, _plateCommon.isBlock)(editor, n)
65
- });
66
- if (entry) {
67
- var _items$find$value, _items$find;
68
- return (_items$find$value = (_items$find = items.find(item => item.value === entry[0].type)) === null || _items$find === void 0 ? void 0 : _items$find.value) !== null && _items$find$value !== void 0 ? _items$find$value : _plateParagraph.ELEMENT_PARAGRAPH;
69
- }
70
- }
71
- return _plateParagraph.ELEMENT_PARAGRAPH;
72
- }, []);
73
- const editor = (0, _plateCommon.useEditorRef)();
74
- const openState = (0, _dropdownMenu.useOpenState)();
75
- const selectedItem = (_items$find2 = items.find(item => item.value === value)) !== null && _items$find2 !== void 0 ? _items$find2 : defaultItem;
76
- const {
77
- icon: SelectedItemIcon,
78
- label: selectedItemLabel
79
- } = selectedItem;
80
- return (0, _react2.jsx)(_dropdownMenu.DropdownMenu, _extends({
81
- modal: false
82
- }, openState, props), (0, _react2.jsx)(_dropdownMenu.DropdownMenuTrigger, {
83
- asChild: true
84
- }, (0, _react2.jsx)(_toolbar.ToolbarButton, {
85
- pressed: openState.open,
86
- tooltip: "Turn into",
87
- isDropdown: true,
88
- className: "lg:min-w-[130px]"
89
- }, (0, _react2.jsx)(SelectedItemIcon, {
90
- className: "h-5 w-5 lg:hidden"
91
- }), (0, _react2.jsx)("span", {
92
- className: "max-lg:hidden"
93
- }, selectedItemLabel))), (0, _react2.jsx)(_dropdownMenu.DropdownMenuContent, {
94
- align: "start",
95
- className: "min-w-0"
96
- }, (0, _react2.jsx)(_dropdownMenu.DropdownMenuLabel, null, "Turn into"), (0, _react2.jsx)(_dropdownMenu.DropdownMenuRadioGroup, {
97
- className: "flex flex-col gap-0.5",
98
- value: value,
99
- onValueChange: type => {
100
- // if (type === 'ul' || type === 'ol') {
101
- // if (settingsStore.get.checkedId(KEY_LIST_STYLE_TYPE)) {
102
- // toggleIndentList(editor, {
103
- // listStyleType: type === 'ul' ? 'disc' : 'decimal',
104
- // });
105
- // } else if (settingsStore.get.checkedId('list')) {
106
- // toggleList(editor, { type });
107
- // }
108
- // } else {
109
- // unwrapList(editor);
110
- (0, _plateCommon.toggleNodeType)(editor, {
111
- activeType: type
112
- });
113
- // }
114
-
115
- (0, _plateCommon.collapseSelection)(editor);
116
- (0, _plateCommon.focusEditor)(editor);
117
- }
118
- }, items.map(({
119
- value: itemValue,
120
- label,
121
- icon: Icon
122
- }) => (0, _react2.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
123
- key: itemValue,
124
- value: itemValue,
125
- className: "min-w-[180px]"
126
- }, (0, _react2.jsx)(Icon, {
127
- className: "mr-2 h-5 w-5"
128
- }), label)))));
129
- }
@@ -1,78 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;
4
-
5
- @layer base {
6
- :root {
7
- --background: 0 0% 100%;
8
- --foreground: 222.2 84% 4.9%;
9
-
10
- --muted: 210 40% 96.1%;
11
- --muted-foreground: 215.4 16.3% 46.9%;
12
-
13
- --popover: 0 0% 100%;
14
- --popover-foreground: 222.2 84% 4.9%;
15
-
16
- --card: 0 0% 100%;
17
- --card-foreground: 222.2 84% 4.9%;
18
-
19
- --border: 214.3 31.8% 91.4%;
20
- --input: 214.3 31.8% 91.4%;
21
-
22
- --primary: 222.2 47.4% 11.2%;
23
- --primary-foreground: 210 40% 98%;
24
-
25
- --secondary: 210 40% 96.1%;
26
- --secondary-foreground: 222.2 47.4% 11.2%;
27
-
28
- --accent: 210 40% 96.1%;
29
- --accent-foreground: 222.2 47.4% 11.2%;
30
-
31
- --destructive: 0 72.22% 50.59%;
32
- --destructive-foreground: 210 40% 98%;
33
-
34
- --ring: 215 20.2% 65.1%;
35
-
36
- --radius: 0.5rem;
37
- }
38
-
39
- .dark {
40
- --background: 222.2 84% 4.9%;
41
- --foreground: 210 40% 98%;
42
-
43
- --muted: 217.2 32.6% 17.5%;
44
- --muted-foreground: 215 20.2% 65.1%;
45
-
46
- --popover: 222.2 84% 4.9%;
47
- --popover-foreground: 210 40% 98%;
48
-
49
- --card: 222.2 84% 4.9%;
50
- --card-foreground: 210 40% 98%;
51
-
52
- --border: 217.2 32.6% 17.5%;
53
- --input: 217.2 32.6% 17.5%;
54
-
55
- --primary: 210 40% 98%;
56
- --primary-foreground: 222.2 47.4% 11.2%;
57
-
58
- --secondary: 217.2 32.6% 17.5%;
59
- --secondary-foreground: 210 40% 98%;
60
-
61
- --accent: 217.2 32.6% 17.5%;
62
- --accent-foreground: 210 40% 98%;
63
-
64
- --destructive: 0 62.8% 30.6%;
65
- --destructive-foreground: 0 85.7% 97.3%;
66
-
67
- --ring: 217.2 32.6% 17.5%;
68
- }
69
- }
70
-
71
- @layer base {
72
- * {
73
- @apply border-border;
74
- }
75
- body {
76
- @apply bg-background text-foreground;
77
- }
78
- }
@@ -1,3 +0,0 @@
1
- @tailwind base;
2
- @tailwind components;
3
- @tailwind utilities;