decap-cms-widget-markdown 3.1.2 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/decap-cms-widget-markdown.js +3 -3
- package/dist/decap-cms-widget-markdown.js.map +1 -1
- package/dist/esm/MarkdownControl/Toolbar.js +2 -2
- package/dist/esm/MarkdownControl/components/Shortcode.js +2 -2
- package/dist/esm/MarkdownControl/index.js +2 -2
- package/dist/esm/MarkdownControl/plugins/blocks/events/keyDown.js +10 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorAfterSoftBreak.js +16 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +17 -0
- package/dist/esm/MarkdownControl/plugins/blocks/locations/isCursorInNonDefaultBlock copy.js +19 -0
- package/dist/esm/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +12 -4
- package/dist/esm/MarkdownControl/plugins/lists/events/keyDownShiftTab.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/events/keyDownTab.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/transforms/liftFirstMatchedParent.js +2 -2
- package/dist/esm/MarkdownControl/plugins/lists/transforms/unwrapSelectionFromList.js +2 -2
- package/dist/esm/MarkdownControl/renderers.js +17 -17
- package/dist/esm/MarkdownPreview.js +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/serializers/remarkAssertParents.js +2 -2
- package/dist/esm/serializers/remarkEscapeMarkdownEntities.js +2 -2
- package/dist/esm/serializers/remarkImagesToText.js +2 -2
- package/dist/esm/serializers/remarkPaddedLinks.js +2 -2
- package/dist/esm/serializers/remarkRehypeShortcodes.js +2 -2
- package/dist/esm/serializers/remarkSlate.js +12 -3
- package/dist/esm/serializers/remarkSquashReferences.js +2 -2
- package/dist/esm/serializers/slateRemark.js +2 -2
- package/package.json +2 -2
- package/src/MarkdownControl/plugins/blocks/events/keyDown.js +9 -0
- package/src/MarkdownControl/plugins/blocks/locations/isCursorCollapsedAfterSoftBreak.js +13 -0
- package/src/MarkdownControl/plugins/blocks/transforms/unwrapIfCursorAtStart.js +17 -4
- package/src/MarkdownControl/renderers.js +6 -1
- package/src/serializers/remarkSlate.js +9 -1
- package/dist/esm/MarkdownControl/PlateEditor.js +0 -149
- package/dist/esm/components/Icons.js +0 -174
- package/dist/esm/components/plate-ui/blockquote-element.js +0 -28
- package/dist/esm/components/plate-ui/button.js +0 -66
- package/dist/esm/components/plate-ui/code-block-combobox.js +0 -66
- package/dist/esm/components/plate-ui/code-block-element.css +0 -434
- package/dist/esm/components/plate-ui/code-block-element.js +0 -41
- package/dist/esm/components/plate-ui/code-leaf.js +0 -28
- package/dist/esm/components/plate-ui/code-line-element.js +0 -16
- package/dist/esm/components/plate-ui/code-syntax-leaf.js +0 -34
- package/dist/esm/components/plate-ui/command.js +0 -55
- package/dist/esm/components/plate-ui/dialog.js +0 -44
- package/dist/esm/components/plate-ui/dropdown-menu.js +0 -114
- package/dist/esm/components/plate-ui/editor.js +0 -71
- package/dist/esm/components/plate-ui/fixed-toolbar-buttons.js +0 -49
- package/dist/esm/components/plate-ui/fixed-toolbar.js +0 -9
- package/dist/esm/components/plate-ui/floating-toolbar-buttons.js +0 -34
- package/dist/esm/components/plate-ui/floating-toolbar.js +0 -50
- package/dist/esm/components/plate-ui/heading-element.js +0 -52
- package/dist/esm/components/plate-ui/input.js +0 -25
- package/dist/esm/components/plate-ui/insert-dropdown-menu.js +0 -200
- package/dist/esm/components/plate-ui/kbd-leaf.js +0 -27
- package/dist/esm/components/plate-ui/link-element.js +0 -34
- package/dist/esm/components/plate-ui/link-floating-toolbar.js +0 -116
- package/dist/esm/components/plate-ui/list-element.js +0 -38
- package/dist/esm/components/plate-ui/mark-toolbar-button.js +0 -34
- package/dist/esm/components/plate-ui/mode-dropdown-menu.js +0 -67
- package/dist/esm/components/plate-ui/more-dropdown-menu.js +0 -50
- package/dist/esm/components/plate-ui/paragraph-element.js +0 -9
- package/dist/esm/components/plate-ui/placeholder.js +0 -52
- package/dist/esm/components/plate-ui/popover.js +0 -45
- package/dist/esm/components/plate-ui/resizable.js +0 -50
- package/dist/esm/components/plate-ui/separator.js +0 -27
- package/dist/esm/components/plate-ui/table-cell-element.js +0 -97
- package/dist/esm/components/plate-ui/table-element.js +0 -182
- package/dist/esm/components/plate-ui/table-row-element.js +0 -27
- package/dist/esm/components/plate-ui/toolbar.js +0 -99
- package/dist/esm/components/plate-ui/tooltip.js +0 -49
- package/dist/esm/components/plate-ui/turn-into-dropdown-menu.js +0 -129
- package/dist/esm/style/global.css +0 -78
- package/dist/esm/style/input.css +0 -3
- package/dist/esm/style/output.css +0 -557
- package/dist/esm/styles/globals.css +0 -76
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.LinkElement = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _plateLink = require("@udecode/plate-link");
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
12
|
-
const _excluded = ["className", "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 LinkElement = exports.LinkElement = (0, _cn.withRef)((_ref, ref) => {
|
|
18
|
-
let {
|
|
19
|
-
className,
|
|
20
|
-
children
|
|
21
|
-
} = _ref,
|
|
22
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
-
const element = (0, _plateCommon.useElement)();
|
|
24
|
-
const {
|
|
25
|
-
props: linkProps
|
|
26
|
-
} = (0, _plateLink.useLink)({
|
|
27
|
-
element
|
|
28
|
-
});
|
|
29
|
-
return (0, _react2.jsx)(_plateCommon.PlateElement, _extends({
|
|
30
|
-
ref: ref,
|
|
31
|
-
asChild: true,
|
|
32
|
-
className: (0, _cn.cn)('font-medium text-primary underline decoration-primary underline-offset-4', className)
|
|
33
|
-
}, linkProps, props), (0, _react2.jsx)("a", null, children));
|
|
34
|
-
});
|
|
@@ -1,116 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.LinkFloatingToolbar = LinkFloatingToolbar;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _cn = require("@udecode/cn");
|
|
10
|
-
var _plateFloating = require("@udecode/plate-floating");
|
|
11
|
-
var _plateLink = require("@udecode/plate-link");
|
|
12
|
-
var _icons = require("@/components/icons");
|
|
13
|
-
var _button = require("./button");
|
|
14
|
-
var _input = require("./input");
|
|
15
|
-
var _popover = require("./popover");
|
|
16
|
-
var _separator = require("./separator");
|
|
17
|
-
var _react2 = require("@emotion/react");
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 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; }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
24
|
-
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); }
|
|
25
|
-
const floatingOptions = {
|
|
26
|
-
placement: 'bottom-start',
|
|
27
|
-
middleware: [(0, _plateFloating.offset)(12), (0, _plateFloating.flip)({
|
|
28
|
-
padding: 12,
|
|
29
|
-
fallbackPlacements: ['bottom-end', 'top-start', 'top-end']
|
|
30
|
-
})]
|
|
31
|
-
};
|
|
32
|
-
function LinkFloatingToolbar({
|
|
33
|
-
state
|
|
34
|
-
}) {
|
|
35
|
-
const insertState = (0, _plateLink.useFloatingLinkInsertState)(_objectSpread(_objectSpread({}, state), {}, {
|
|
36
|
-
floatingOptions: _objectSpread(_objectSpread({}, floatingOptions), state === null || state === void 0 ? void 0 : state.floatingOptions)
|
|
37
|
-
}));
|
|
38
|
-
const {
|
|
39
|
-
props: insertProps,
|
|
40
|
-
ref: insertRef,
|
|
41
|
-
hidden,
|
|
42
|
-
textInputProps
|
|
43
|
-
} = (0, _plateLink.useFloatingLinkInsert)(insertState);
|
|
44
|
-
const editState = (0, _plateLink.useFloatingLinkEditState)(_objectSpread(_objectSpread({}, state), {}, {
|
|
45
|
-
floatingOptions: _objectSpread(_objectSpread({}, floatingOptions), state === null || state === void 0 ? void 0 : state.floatingOptions)
|
|
46
|
-
}));
|
|
47
|
-
const {
|
|
48
|
-
props: editProps,
|
|
49
|
-
ref: editRef,
|
|
50
|
-
editButtonProps,
|
|
51
|
-
unlinkButtonProps
|
|
52
|
-
} = (0, _plateLink.useFloatingLinkEdit)(editState);
|
|
53
|
-
if (hidden) return null;
|
|
54
|
-
const input = (0, _react2.jsx)("div", {
|
|
55
|
-
className: "flex w-[330px] flex-col"
|
|
56
|
-
}, (0, _react2.jsx)("div", {
|
|
57
|
-
className: "flex items-center"
|
|
58
|
-
}, (0, _react2.jsx)("div", {
|
|
59
|
-
className: "flex items-center pl-3 text-muted-foreground"
|
|
60
|
-
}, (0, _react2.jsx)(_icons.Icons.link, {
|
|
61
|
-
className: "h-4 w-4"
|
|
62
|
-
})), (0, _react2.jsx)(_plateLink.FloatingLinkUrlInput, {
|
|
63
|
-
className: (0, _input.inputVariants)({
|
|
64
|
-
variant: 'ghost',
|
|
65
|
-
h: 'sm'
|
|
66
|
-
}),
|
|
67
|
-
placeholder: "Paste link"
|
|
68
|
-
})), (0, _react2.jsx)(_separator.Separator, null), (0, _react2.jsx)("div", {
|
|
69
|
-
className: "flex items-center"
|
|
70
|
-
}, (0, _react2.jsx)("div", {
|
|
71
|
-
className: "flex items-center pl-3 text-muted-foreground"
|
|
72
|
-
}, (0, _react2.jsx)(_icons.Icons.text, {
|
|
73
|
-
className: "h-4 w-4"
|
|
74
|
-
})), (0, _react2.jsx)("input", _extends({
|
|
75
|
-
className: (0, _input.inputVariants)({
|
|
76
|
-
variant: 'ghost',
|
|
77
|
-
h: 'sm'
|
|
78
|
-
}),
|
|
79
|
-
placeholder: "Text to display"
|
|
80
|
-
}, textInputProps))));
|
|
81
|
-
const editContent = editState.isEditing ? input : (0, _react2.jsx)("div", {
|
|
82
|
-
className: "box-content flex h-9 items-center gap-1"
|
|
83
|
-
}, (0, _react2.jsx)("button", _extends({
|
|
84
|
-
type: "button",
|
|
85
|
-
className: (0, _button.buttonVariants)({
|
|
86
|
-
variant: 'ghost',
|
|
87
|
-
size: 'sm'
|
|
88
|
-
})
|
|
89
|
-
}, editButtonProps), "Edit link"), (0, _react2.jsx)(_separator.Separator, {
|
|
90
|
-
orientation: "vertical"
|
|
91
|
-
}), (0, _react2.jsx)(_plateLink.LinkOpenButton, {
|
|
92
|
-
className: (0, _button.buttonVariants)({
|
|
93
|
-
variant: 'ghost',
|
|
94
|
-
size: 'sms'
|
|
95
|
-
})
|
|
96
|
-
}, (0, _react2.jsx)(_icons.Icons.externalLink, {
|
|
97
|
-
width: 18
|
|
98
|
-
})), (0, _react2.jsx)(_separator.Separator, {
|
|
99
|
-
orientation: "vertical"
|
|
100
|
-
}), (0, _react2.jsx)("button", _extends({
|
|
101
|
-
type: "button",
|
|
102
|
-
className: (0, _button.buttonVariants)({
|
|
103
|
-
variant: 'ghost',
|
|
104
|
-
size: 'sms'
|
|
105
|
-
})
|
|
106
|
-
}, unlinkButtonProps), (0, _react2.jsx)(_icons.Icons.unlink, {
|
|
107
|
-
width: 18
|
|
108
|
-
})));
|
|
109
|
-
return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", _extends({
|
|
110
|
-
ref: insertRef,
|
|
111
|
-
className: (0, _cn.cn)((0, _popover.popoverVariants)(), 'w-auto p-1')
|
|
112
|
-
}, insertProps), input), (0, _react2.jsx)("div", _extends({
|
|
113
|
-
ref: editRef,
|
|
114
|
-
className: (0, _cn.cn)((0, _popover.popoverVariants)(), 'w-auto p-1')
|
|
115
|
-
}, editProps), editContent));
|
|
116
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ListElement = 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 = ["children", "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 listVariants = (0, _classVarianceAuthority.cva)('m-0 ps-6', {
|
|
18
|
-
variants: {
|
|
19
|
-
variant: {
|
|
20
|
-
ul: 'list-disc [&_ul]:list-[circle] [&_ul_ul]:list-[square]',
|
|
21
|
-
ol: 'list-decimal'
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
const ListElementVariants = (0, _cn.withVariants)(_plateCommon.PlateElement, listVariants, ['variant']);
|
|
26
|
-
const ListElement = exports.ListElement = (0, _cn.withRef)((_ref, ref) => {
|
|
27
|
-
let {
|
|
28
|
-
children,
|
|
29
|
-
variant = 'ul'
|
|
30
|
-
} = _ref,
|
|
31
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
|
-
const Component = variant;
|
|
33
|
-
return (0, _react2.jsx)(ListElementVariants, _extends({
|
|
34
|
-
ref: ref,
|
|
35
|
-
asChild: true,
|
|
36
|
-
variant: variant
|
|
37
|
-
}, props), (0, _react2.jsx)(Component, null, children));
|
|
38
|
-
});
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.MarkToolbarButton = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _cn = require("@udecode/cn");
|
|
10
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
11
|
-
var _toolbar = require("./toolbar");
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
const _excluded = ["clear", "nodeType"];
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
const MarkToolbarButton = exports.MarkToolbarButton = (0, _cn.withRef)((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
clear,
|
|
21
|
-
nodeType
|
|
22
|
-
} = _ref,
|
|
23
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
const state = (0, _plateCommon.useMarkToolbarButtonState)({
|
|
25
|
-
clear,
|
|
26
|
-
nodeType
|
|
27
|
-
});
|
|
28
|
-
const {
|
|
29
|
-
props
|
|
30
|
-
} = (0, _plateCommon.useMarkToolbarButton)(state);
|
|
31
|
-
return (0, _react2.jsx)(_toolbar.ToolbarButton, _extends({
|
|
32
|
-
ref: ref
|
|
33
|
-
}, props, rest));
|
|
34
|
-
});
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ModeDropdownMenu = ModeDropdownMenu;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
9
|
-
var _icons = require("@/components/icons");
|
|
10
|
-
var _dropdownMenu = require("./dropdown-menu");
|
|
11
|
-
var _toolbar = require("./toolbar");
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
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 ModeDropdownMenu(props) {
|
|
16
|
-
const editor = (0, _plateCommon.useEditorRef)();
|
|
17
|
-
const setReadOnly = (0, _plateCommon.usePlateStore)().set.readOnly();
|
|
18
|
-
const readOnly = (0, _plateCommon.useEditorReadOnly)();
|
|
19
|
-
const openState = (0, _dropdownMenu.useOpenState)();
|
|
20
|
-
let value = 'editing';
|
|
21
|
-
if (readOnly) value = 'viewing';
|
|
22
|
-
const item = {
|
|
23
|
-
editing: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_icons.Icons.editing, {
|
|
24
|
-
className: "mr-2 h-5 w-5"
|
|
25
|
-
}), (0, _react2.jsx)("span", {
|
|
26
|
-
className: "hidden lg:inline"
|
|
27
|
-
}, "Editing")),
|
|
28
|
-
viewing: (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_icons.Icons.viewing, {
|
|
29
|
-
className: "mr-2 h-5 w-5"
|
|
30
|
-
}), (0, _react2.jsx)("span", {
|
|
31
|
-
className: "hidden lg:inline"
|
|
32
|
-
}, "Viewing"))
|
|
33
|
-
};
|
|
34
|
-
return (0, _react2.jsx)(_dropdownMenu.DropdownMenu, _extends({
|
|
35
|
-
modal: false
|
|
36
|
-
}, openState, props), (0, _react2.jsx)(_dropdownMenu.DropdownMenuTrigger, {
|
|
37
|
-
asChild: true
|
|
38
|
-
}, (0, _react2.jsx)(_toolbar.ToolbarButton, {
|
|
39
|
-
pressed: openState.open,
|
|
40
|
-
tooltip: "Editing mode",
|
|
41
|
-
isDropdown: true,
|
|
42
|
-
className: "min-w-[auto] lg:min-w-[130px]"
|
|
43
|
-
}, item[value])), (0, _react2.jsx)(_dropdownMenu.DropdownMenuContent, {
|
|
44
|
-
align: "start",
|
|
45
|
-
className: "min-w-[180px]"
|
|
46
|
-
}, (0, _react2.jsx)(_dropdownMenu.DropdownMenuRadioGroup, {
|
|
47
|
-
className: "flex flex-col gap-0.5",
|
|
48
|
-
value: value,
|
|
49
|
-
onValueChange: newValue => {
|
|
50
|
-
if (newValue !== 'viewing') {
|
|
51
|
-
setReadOnly(false);
|
|
52
|
-
}
|
|
53
|
-
if (newValue === 'viewing') {
|
|
54
|
-
setReadOnly(true);
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
if (newValue === 'editing') {
|
|
58
|
-
(0, _plateCommon.focusEditor)(editor);
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}, (0, _react2.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
|
|
63
|
-
value: "editing"
|
|
64
|
-
}, item.editing), (0, _react2.jsx)(_dropdownMenu.DropdownMenuRadioItem, {
|
|
65
|
-
value: "viewing"
|
|
66
|
-
}, item.viewing))));
|
|
67
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.MoreDropdownMenu = MoreDropdownMenu;
|
|
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 _dropdownMenu = require("./dropdown-menu");
|
|
12
|
-
var _toolbar = require("./toolbar");
|
|
13
|
-
var _react2 = require("@emotion/react");
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
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); }
|
|
16
|
-
function MoreDropdownMenu(props) {
|
|
17
|
-
const editor = (0, _plateCommon.useEditorRef)();
|
|
18
|
-
const openState = (0, _dropdownMenu.useOpenState)();
|
|
19
|
-
return (0, _react2.jsx)(_dropdownMenu.DropdownMenu, _extends({
|
|
20
|
-
modal: false
|
|
21
|
-
}, openState, props), (0, _react2.jsx)(_dropdownMenu.DropdownMenuTrigger, {
|
|
22
|
-
asChild: true
|
|
23
|
-
}, (0, _react2.jsx)(_toolbar.ToolbarButton, {
|
|
24
|
-
pressed: openState.open,
|
|
25
|
-
tooltip: "Insert"
|
|
26
|
-
}, (0, _react2.jsx)(_icons.Icons.more, null))), (0, _react2.jsx)(_dropdownMenu.DropdownMenuContent, {
|
|
27
|
-
align: "start",
|
|
28
|
-
className: "flex max-h-[500px] min-w-[180px] flex-col gap-0.5 overflow-y-auto"
|
|
29
|
-
}, (0, _react2.jsx)(_dropdownMenu.DropdownMenuItem, {
|
|
30
|
-
onSelect: () => {
|
|
31
|
-
(0, _plateCommon.toggleMark)(editor, {
|
|
32
|
-
key: _plateBasicMarks.MARK_SUBSCRIPT,
|
|
33
|
-
clear: _plateBasicMarks.MARK_SUPERSCRIPT
|
|
34
|
-
});
|
|
35
|
-
(0, _plateCommon.focusEditor)(editor);
|
|
36
|
-
}
|
|
37
|
-
}, (0, _react2.jsx)(_icons.Icons.superscript, {
|
|
38
|
-
className: "mr-2 h-5 w-5"
|
|
39
|
-
}), "Superscript"), (0, _react2.jsx)(_dropdownMenu.DropdownMenuItem, {
|
|
40
|
-
onSelect: () => {
|
|
41
|
-
(0, _plateCommon.toggleMark)(editor, {
|
|
42
|
-
key: _plateBasicMarks.MARK_SUPERSCRIPT,
|
|
43
|
-
clear: _plateBasicMarks.MARK_SUBSCRIPT
|
|
44
|
-
});
|
|
45
|
-
(0, _plateCommon.focusEditor)(editor);
|
|
46
|
-
}
|
|
47
|
-
}, (0, _react2.jsx)(_icons.Icons.subscript, {
|
|
48
|
-
className: "mr-2 h-5 w-5"
|
|
49
|
-
}), "Subscript")));
|
|
50
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ParagraphElement = void 0;
|
|
7
|
-
var _cn = require("@udecode/cn");
|
|
8
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
9
|
-
const ParagraphElement = exports.ParagraphElement = (0, _cn.withCn)(_plateCommon.PlateElement, 'm-0 px-0 py-1');
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.withPlaceholdersPrimitive = exports.withPlaceholders = exports.withPlaceholder = exports.Placeholder = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _plateHeading = require("@udecode/plate-heading");
|
|
11
|
-
var _plateParagraph = require("@udecode/plate-paragraph");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
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; }
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
17
|
-
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); }
|
|
18
|
-
const Placeholder = props => {
|
|
19
|
-
const {
|
|
20
|
-
children,
|
|
21
|
-
placeholder,
|
|
22
|
-
nodeProps
|
|
23
|
-
} = props;
|
|
24
|
-
const {
|
|
25
|
-
enabled
|
|
26
|
-
} = (0, _plateCommon.usePlaceholderState)(props);
|
|
27
|
-
return _react.default.Children.map(children, child => {
|
|
28
|
-
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
29
|
-
className: child.props.className,
|
|
30
|
-
nodeProps: _objectSpread(_objectSpread({}, nodeProps), {}, {
|
|
31
|
-
className: (0, _cn.cn)(enabled && 'before:absolute before:cursor-text before:opacity-30 before:content-[attr(placeholder)]'),
|
|
32
|
-
placeholder
|
|
33
|
-
})
|
|
34
|
-
});
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
exports.Placeholder = Placeholder;
|
|
38
|
-
const withPlaceholder = exports.withPlaceholder = (0, _plateCommon.createNodeHOC)(Placeholder);
|
|
39
|
-
const withPlaceholdersPrimitive = exports.withPlaceholdersPrimitive = (0, _plateCommon.createNodesHOC)(Placeholder);
|
|
40
|
-
const withPlaceholders = components => withPlaceholdersPrimitive(components, [{
|
|
41
|
-
key: _plateParagraph.ELEMENT_PARAGRAPH,
|
|
42
|
-
placeholder: 'Type a paragraph',
|
|
43
|
-
hideOnBlur: true,
|
|
44
|
-
query: {
|
|
45
|
-
maxLevel: 1
|
|
46
|
-
}
|
|
47
|
-
}, {
|
|
48
|
-
key: _plateHeading.ELEMENT_H1,
|
|
49
|
-
placeholder: 'Untitled',
|
|
50
|
-
hideOnBlur: false
|
|
51
|
-
}]);
|
|
52
|
-
exports.withPlaceholders = withPlaceholders;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.popoverVariants = exports.PopoverTrigger = exports.PopoverContent = exports.PopoverAnchor = exports.Popover = void 0;
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
var PopoverPrimitive = _interopRequireWildcard(require("@radix-ui/react-popover"));
|
|
10
|
-
var _cn = require("@udecode/cn");
|
|
11
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
const _excluded = ["className", "style", "align", "sideOffset"];
|
|
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 _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 Popover = exports.Popover = PopoverPrimitive.Root;
|
|
25
|
-
const PopoverTrigger = exports.PopoverTrigger = PopoverPrimitive.Trigger;
|
|
26
|
-
const PopoverAnchor = exports.PopoverAnchor = PopoverPrimitive.Anchor;
|
|
27
|
-
const popoverVariants = exports.popoverVariants = (0, _classVarianceAuthority.cva)('w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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 print:hidden');
|
|
28
|
-
const PopoverContent = exports.PopoverContent = (0, _cn.withRef)((_ref, ref) => {
|
|
29
|
-
let {
|
|
30
|
-
className,
|
|
31
|
-
style,
|
|
32
|
-
align = 'center',
|
|
33
|
-
sideOffset = 4
|
|
34
|
-
} = _ref,
|
|
35
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
36
|
-
return (0, _react2.jsx)(PopoverPrimitive.Portal, null, (0, _react2.jsx)(PopoverPrimitive.Content, _extends({
|
|
37
|
-
ref: ref,
|
|
38
|
-
align: align,
|
|
39
|
-
sideOffset: sideOffset,
|
|
40
|
-
className: (0, _cn.cn)(popoverVariants(), className),
|
|
41
|
-
style: _objectSpread({
|
|
42
|
-
zIndex: 1000
|
|
43
|
-
}, style)
|
|
44
|
-
}, props)));
|
|
45
|
-
});
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.mediaResizeHandleVariants = exports.ResizeHandle = exports.Resizable = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var _cn = require("@udecode/cn");
|
|
10
|
-
var _plateResizable = require("@udecode/plate-resizable");
|
|
11
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
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
|
-
const mediaResizeHandleVariants = exports.mediaResizeHandleVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('top-0 flex w-6 select-none flex-col justify-center', "after:flex after:h-16 after:w-[3px] after:rounded-[6px] after:bg-ring after:opacity-0 after:content-['_'] group-hover:after:opacity-100"), {
|
|
16
|
-
variants: {
|
|
17
|
-
direction: {
|
|
18
|
-
left: '-left-3 -ml-3 pl-3',
|
|
19
|
-
right: '-right-3 -mr-3 items-end pr-3'
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
const resizeHandleVariants = (0, _classVarianceAuthority.cva)((0, _cn.cn)('absolute z-40'), {
|
|
24
|
-
variants: {
|
|
25
|
-
direction: {
|
|
26
|
-
left: 'h-full cursor-col-resize',
|
|
27
|
-
right: 'h-full cursor-col-resize',
|
|
28
|
-
top: 'w-full cursor-row-resize',
|
|
29
|
-
bottom: 'w-full cursor-row-resize'
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
const ResizeHandleVariants = (0, _cn.withVariants)(_plateResizable.ResizeHandle, resizeHandleVariants, ['direction']);
|
|
34
|
-
const ResizeHandle = exports.ResizeHandle = (0, _cn.withRef)((props, ref) => {
|
|
35
|
-
var _props$options;
|
|
36
|
-
return (0, _react2.jsx)(ResizeHandleVariants, _extends({
|
|
37
|
-
ref: ref,
|
|
38
|
-
direction: (_props$options = props.options) === null || _props$options === void 0 ? void 0 : _props$options.direction
|
|
39
|
-
}, props));
|
|
40
|
-
});
|
|
41
|
-
const resizableVariants = (0, _classVarianceAuthority.cva)('', {
|
|
42
|
-
variants: {
|
|
43
|
-
align: {
|
|
44
|
-
left: 'mr-auto',
|
|
45
|
-
center: 'mx-auto',
|
|
46
|
-
right: 'ml-auto'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
});
|
|
50
|
-
const Resizable = exports.Resizable = (0, _cn.withVariants)(_plateResizable.Resizable, resizableVariants, ['align']);
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.Separator = void 0;
|
|
8
|
-
var SeparatorPrimitive = _interopRequireWildcard(require("@radix-ui/react-separator"));
|
|
9
|
-
var _cn = require("@udecode/cn");
|
|
10
|
-
var _classVarianceAuthority = require("class-variance-authority");
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
|
-
const separatorVariants = (0, _classVarianceAuthority.cva)('shrink-0 bg-border', {
|
|
14
|
-
variants: {
|
|
15
|
-
orientation: {
|
|
16
|
-
horizontal: 'h-[1px] w-full',
|
|
17
|
-
vertical: 'h-full w-[1px]'
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
orientation: 'horizontal'
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
const Separator = exports.Separator = (0, _cn.withVariants)((0, _cn.withProps)(SeparatorPrimitive.Root, {
|
|
25
|
-
orientation: 'horizontal',
|
|
26
|
-
decorative: true
|
|
27
|
-
}), separatorVariants);
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TableCellHeaderElement = exports.TableCellElement = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _cn = require("@udecode/cn");
|
|
9
|
-
var _plateCommon = require("@udecode/plate-common");
|
|
10
|
-
var _plateTable = require("@udecode/plate-table");
|
|
11
|
-
var _resizable = require("./resizable");
|
|
12
|
-
var _react2 = require("@emotion/react");
|
|
13
|
-
const _excluded = ["children", "className", "style", "hideBorder", "isHeader"];
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
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); }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
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; }
|
|
19
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
20
|
-
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); }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
const TableCellElement = exports.TableCellElement = (0, _cn.withRef)((_ref, ref) => {
|
|
24
|
-
var _borders$bottom, _borders$right, _borders$left, _borders$top;
|
|
25
|
-
let {
|
|
26
|
-
children,
|
|
27
|
-
className,
|
|
28
|
-
style,
|
|
29
|
-
hideBorder,
|
|
30
|
-
isHeader
|
|
31
|
-
} = _ref,
|
|
32
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
const {
|
|
34
|
-
element
|
|
35
|
-
} = props;
|
|
36
|
-
const {
|
|
37
|
-
colIndex,
|
|
38
|
-
rowIndex,
|
|
39
|
-
readOnly,
|
|
40
|
-
selected,
|
|
41
|
-
hovered,
|
|
42
|
-
hoveredLeft,
|
|
43
|
-
rowSize,
|
|
44
|
-
borders,
|
|
45
|
-
isSelectingCell,
|
|
46
|
-
colSpan
|
|
47
|
-
} = (0, _plateTable.useTableCellElementState)();
|
|
48
|
-
const {
|
|
49
|
-
props: cellProps
|
|
50
|
-
} = (0, _plateTable.useTableCellElement)({
|
|
51
|
-
element: props.element
|
|
52
|
-
});
|
|
53
|
-
const resizableState = (0, _plateTable.useTableCellElementResizableState)({
|
|
54
|
-
colIndex,
|
|
55
|
-
rowIndex,
|
|
56
|
-
colSpan
|
|
57
|
-
});
|
|
58
|
-
const {
|
|
59
|
-
rightProps,
|
|
60
|
-
bottomProps,
|
|
61
|
-
leftProps,
|
|
62
|
-
hiddenLeft
|
|
63
|
-
} = (0, _plateTable.useTableCellElementResizable)(resizableState);
|
|
64
|
-
const Cell = isHeader ? 'th' : 'td';
|
|
65
|
-
return (0, _react2.jsx)(_plateCommon.PlateElement, _extends({
|
|
66
|
-
ref: ref,
|
|
67
|
-
asChild: true,
|
|
68
|
-
className: (0, _cn.cn)('relative h-full overflow-visible border-none bg-background p-0', hideBorder && 'before:border-none', element.background ? 'bg-[--cellBackground]' : 'bg-background', !hideBorder && (0, _cn.cn)(isHeader && 'text-left [&_>_*]:m-0', 'before:h-full before:w-full', selected && 'before:z-10 before:bg-muted', "before:absolute before:box-border before:select-none before:content-['']", borders && (0, _cn.cn)(((_borders$bottom = borders.bottom) === null || _borders$bottom === void 0 ? void 0 : _borders$bottom.size) && `before:border-b before:border-b-border`, ((_borders$right = borders.right) === null || _borders$right === void 0 ? void 0 : _borders$right.size) && `before:border-r before:border-r-border`, ((_borders$left = borders.left) === null || _borders$left === void 0 ? void 0 : _borders$left.size) && `before:border-l before:border-l-border`, ((_borders$top = borders.top) === null || _borders$top === void 0 ? void 0 : _borders$top.size) && `before:border-t before:border-t-border`)), className)
|
|
69
|
-
}, cellProps, props, {
|
|
70
|
-
style: _objectSpread({
|
|
71
|
-
'--cellBackground': element.background
|
|
72
|
-
}, style)
|
|
73
|
-
}), (0, _react2.jsx)(Cell, null, (0, _react2.jsx)("div", {
|
|
74
|
-
className: "relative z-20 box-border h-full px-3 py-2",
|
|
75
|
-
style: {
|
|
76
|
-
minHeight: rowSize
|
|
77
|
-
}
|
|
78
|
-
}, children), !isSelectingCell && (0, _react2.jsx)("div", {
|
|
79
|
-
className: "group absolute top-0 h-full w-full select-none",
|
|
80
|
-
contentEditable: false,
|
|
81
|
-
suppressContentEditableWarning: true
|
|
82
|
-
}, !readOnly && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_resizable.ResizeHandle, _extends({}, rightProps, {
|
|
83
|
-
className: "-top-3 right-[-5px] w-[10px]"
|
|
84
|
-
})), (0, _react2.jsx)(_resizable.ResizeHandle, _extends({}, bottomProps, {
|
|
85
|
-
className: "bottom-[-5px] h-[10px]"
|
|
86
|
-
})), !hiddenLeft && (0, _react2.jsx)(_resizable.ResizeHandle, _extends({}, leftProps, {
|
|
87
|
-
className: "-top-3 left-[-5px] w-[10px]"
|
|
88
|
-
})), hovered && (0, _react2.jsx)("div", {
|
|
89
|
-
className: (0, _cn.cn)('absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring', 'right-[-1.5px]')
|
|
90
|
-
}), hoveredLeft && (0, _react2.jsx)("div", {
|
|
91
|
-
className: (0, _cn.cn)('absolute -top-3 z-30 h-[calc(100%_+_12px)] w-1 bg-ring', 'left-[-1.5px]')
|
|
92
|
-
})))));
|
|
93
|
-
});
|
|
94
|
-
TableCellElement.displayName = 'TableCellElement';
|
|
95
|
-
const TableCellHeaderElement = exports.TableCellHeaderElement = (0, _cn.withProps)(TableCellElement, {
|
|
96
|
-
isHeader: true
|
|
97
|
-
});
|