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.
- 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/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 +4 -4
- 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/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,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
|
-
}
|
package/dist/esm/style/input.css
DELETED