docblocks-react-ui 0.4.2 → 0.4.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 +22 -0
- package/dist/{Editor-7TzmKd9z.mjs → Editor-Cn5Dxh5E.mjs} +14 -29
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/dist/mermaid/index.mjs +1 -1
- package/dist/styles.css +0 -3
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# docblocks-react-ui
|
|
2
2
|
|
|
3
|
+
## 0.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- ae88381: The motion drag's pointer-Y helper no longer tests the event against the
|
|
8
|
+
global `TouchEvent` (the `instanceof` stand): the global is absent on the
|
|
9
|
+
no-touch Safari (a desktop Safari on macOS), so every drag callback threw
|
|
10
|
+
a `ReferenceError` and the block drag-reorder failed there. The touch's
|
|
11
|
+
stand is duck-typed over the event's own `changedTouches` property.
|
|
12
|
+
|
|
13
|
+
## 0.4.3
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- 0d75fe3: The callout's icon stands vertically centered over the block (the
|
|
18
|
+
marker-zone zone's top-alignment is replaced by the block's vertical
|
|
19
|
+
center); the icon catalog's "Preset" entry is removed — the icon's
|
|
20
|
+
override is reset by the type preset (the current variant's re-pick
|
|
21
|
+
stands the preset's reset: the variant + the overrides, one transact).
|
|
22
|
+
- Updated dependencies [c0559db]
|
|
23
|
+
- docblocks-core@0.2.1
|
|
24
|
+
|
|
3
25
|
## 0.4.2
|
|
4
26
|
|
|
5
27
|
### Patch Changes
|
|
@@ -4396,12 +4396,9 @@ var editor_default$1 = {
|
|
|
4396
4396
|
"paragraph": "Text"
|
|
4397
4397
|
},
|
|
4398
4398
|
"callout": {
|
|
4399
|
-
"trigger": "Callout",
|
|
4400
4399
|
"typeAria": "Callout type",
|
|
4401
4400
|
"variant": "{variant} callout",
|
|
4402
|
-
"iconAria": "Callout icon"
|
|
4403
|
-
"presetIcon": "Preset icon",
|
|
4404
|
-
"preset": "Preset"
|
|
4401
|
+
"iconAria": "Callout icon"
|
|
4405
4402
|
},
|
|
4406
4403
|
"color": {
|
|
4407
4404
|
"trigger": "Text and background color",
|
|
@@ -4852,12 +4849,9 @@ var editor_default = {
|
|
|
4852
4849
|
"paragraph": "Текст"
|
|
4853
4850
|
},
|
|
4854
4851
|
"callout": {
|
|
4855
|
-
"trigger": "Выноска",
|
|
4856
4852
|
"typeAria": "Тип выноски",
|
|
4857
4853
|
"variant": "Выноска: {variant}",
|
|
4858
|
-
"iconAria": "Иконка выноски"
|
|
4859
|
-
"presetIcon": "Иконка по умолчанию",
|
|
4860
|
-
"preset": "По умолчанию"
|
|
4854
|
+
"iconAria": "Иконка выноски"
|
|
4861
4855
|
},
|
|
4862
4856
|
"color": {
|
|
4863
4857
|
"trigger": "Цвет текста и фона",
|
|
@@ -18384,16 +18378,12 @@ function CalloutBlockMenu({ id, block }) {
|
|
|
18384
18378
|
if (icon === name) return;
|
|
18385
18379
|
doc.updateBlock(id, { icon: name });
|
|
18386
18380
|
};
|
|
18387
|
-
const onIconPreset = () => {
|
|
18388
|
-
setMenuOpen(false);
|
|
18389
|
-
if (icon === null) return;
|
|
18390
|
-
doc.updateBlock(id, { icon: null });
|
|
18391
|
-
};
|
|
18392
18381
|
const onControlMouseDown = useCallback((event) => {
|
|
18393
18382
|
event.preventDefault();
|
|
18394
18383
|
}, []);
|
|
18395
18384
|
const iconStyle = {
|
|
18396
|
-
top: "
|
|
18385
|
+
top: "50%",
|
|
18386
|
+
transform: "translateY(-50%)",
|
|
18397
18387
|
left: "var(--docblocks-callout-padding-x)",
|
|
18398
18388
|
width: "var(--docblocks-callout-icon-size)",
|
|
18399
18389
|
height: "var(--docblocks-callout-icon-size)",
|
|
@@ -18496,11 +18486,11 @@ function CalloutBlockMenu({ id, block }) {
|
|
|
18496
18486
|
}),
|
|
18497
18487
|
/* @__PURE__ */ jsx("div", {
|
|
18498
18488
|
className: "mt-2 border-t border-border pt-2",
|
|
18499
|
-
children: /* @__PURE__ */
|
|
18489
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
18500
18490
|
role: "group",
|
|
18501
18491
|
"aria-label": t("formatToolbar.callout.iconAria"),
|
|
18502
18492
|
className: "grid grid-cols-6 gap-1",
|
|
18503
|
-
children:
|
|
18493
|
+
children: CALLOUT_ICONS.map((name) => {
|
|
18504
18494
|
const IconComponent = CALLOUT_ICON_COMPONENTS[name];
|
|
18505
18495
|
const active = calloutIconName(icon, variant) === name;
|
|
18506
18496
|
if (IconComponent === void 0) return null;
|
|
@@ -18515,16 +18505,7 @@ function CalloutBlockMenu({ id, block }) {
|
|
|
18515
18505
|
onClick: () => onIconPick(name),
|
|
18516
18506
|
children: /* @__PURE__ */ jsx(IconComponent, { className: "size-4" })
|
|
18517
18507
|
}, name);
|
|
18518
|
-
})
|
|
18519
|
-
variant: "ghost",
|
|
18520
|
-
size: "sm",
|
|
18521
|
-
"data-callout-icon-preset": true,
|
|
18522
|
-
"aria-label": t("formatToolbar.callout.presetIcon"),
|
|
18523
|
-
title: t("formatToolbar.callout.presetIcon"),
|
|
18524
|
-
className: cn("col-span-6 h-7 text-xs", icon === null && "bg-accent text-accent-foreground"),
|
|
18525
|
-
onClick: onIconPreset,
|
|
18526
|
-
children: t("formatToolbar.callout.preset")
|
|
18527
|
-
})]
|
|
18508
|
+
})
|
|
18528
18509
|
})
|
|
18529
18510
|
})
|
|
18530
18511
|
]
|
|
@@ -29134,11 +29115,15 @@ function clampTailSeatCrossing(next, draggedId, seatId) {
|
|
|
29134
29115
|
* event's clientY, or the last changed touch's (the touch release event
|
|
29135
29116
|
* carries no coordinate of its own). Null when the event stands no
|
|
29136
29117
|
* usable coordinate (the measurement is stale — the caller keeps the
|
|
29137
|
-
* preview or skips the commit).
|
|
29118
|
+
* preview or skips the commit). The touch's stand is duck-typed over
|
|
29119
|
+
* `changedTouches`: the global `TouchEvent` is absent on the no-touch
|
|
29120
|
+
* Safari (a desktop Safari on macOS), so the `instanceof` stand throws a
|
|
29121
|
+
* ReferenceError over every drag callback.
|
|
29138
29122
|
*/
|
|
29139
29123
|
function pointerYOf(event) {
|
|
29140
|
-
if (
|
|
29141
|
-
const
|
|
29124
|
+
if ("changedTouches" in event) {
|
|
29125
|
+
const touches = event.changedTouches;
|
|
29126
|
+
const touch = touches[touches.length - 1];
|
|
29142
29127
|
return touch === null || touch === void 0 ? null : touch.clientY;
|
|
29143
29128
|
}
|
|
29144
29129
|
return event.clientY;
|
package/dist/index.d.mts
CHANGED
|
@@ -294,7 +294,7 @@ declare function AlertDescription({ className, ...props }: React.ComponentProps<
|
|
|
294
294
|
//#endregion
|
|
295
295
|
//#region src/shared/ui/Badge.d.ts
|
|
296
296
|
declare const badgeVariants: (props?: ({
|
|
297
|
-
variant?: "default" | "destructive" | "
|
|
297
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "custom" | null | undefined;
|
|
298
298
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
299
299
|
declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
300
300
|
asChild?: boolean;
|
|
@@ -305,7 +305,7 @@ declare function BareSelect({ className, children, ...props }: React.ComponentPr
|
|
|
305
305
|
//#endregion
|
|
306
306
|
//#region src/shared/ui/Button.d.ts
|
|
307
307
|
declare const buttonVariants: (props?: ({
|
|
308
|
-
variant?: "link" | "default" | "destructive" | "
|
|
308
|
+
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
309
309
|
size?: "default" | "icon" | "sm" | "lg" | "xl" | null | undefined;
|
|
310
310
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
311
311
|
declare function Button({ className, variant, size, asChild, type, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-
|
|
1
|
+
import { $ as PopoverHeader, A as SelectTrigger, At as isBridgeErrorCode, B as DropdownMenuRadioGroup, Bt as useMeta, C as SelectContent, Ct as BASELINE_CAPABILITIES, D as SelectScrollDownButton, Dt as BRIDGE_ERROR_CODES, E as SelectLabel, Et as validateProtocolDescriptor, F as DropdownMenuContent, Ft as columnAnnotation, G as DropdownMenuSubContent, Gt as useText, H as DropdownMenuSeparator, Ht as usePresenceSharing, I as DropdownMenuGroup, It as ScrollArea, J as Separator, Jt as blobSubtypeOf, K as DropdownMenuSubTrigger, L as DropdownMenuItem, Lt as Input, M as Label, Mt as conditionMatches, N as DropdownMenu, Nt as parseCellValue, O as SelectScrollUpButton, Ot as BridgeError, P as DropdownMenuCheckboxItem, Pt as TEXT_TYPES, Q as PopoverDescription, R as DropdownMenuLabel, Rt as useBlock, S as Select, St as AlertTitle, T as SelectItem, Tt as isDatabaseBridge, U as DropdownMenuShortcut, Ut as useSelection, V as DropdownMenuRadioItem, Vt as usePresence, W as DropdownMenuSub, Wt as useSelectionView, X as PopoverAnchor, Y as Popover, Yt as createMemoryBlobStore, Z as PopoverContent, _ as FilterBuilder, _t as BareSelect, a as SHAPE_FONT_STACKS, at as CardAction, b as Skeleton, bt as Alert, ct as CardFooter, d as useEditorContext, dt as Pen, et as PopoverTitle, f as DEFAULT_EMBED_SANDBOX, ft as Eye, g as newMutationContext, gt as buttonVariants, h as cellValueEqual, ht as Button, i as SHAPE_FONT_OPTIONS, it as Card, j as SelectValue, jt as toBridgeError, k as SelectSeparator, kt as isBridgeError, l as markToggleAction, lt as CardHeader, m as useDatabaseTable, mt as BookOpen, nt as DocblocksI18nProvider, ot as CardContent, p as GridBody, q as DropdownMenuTrigger, qt as renderRuns, rt as Checkbox, s as FORMAT_PALETTE, st as CardDescription, t as Editor, tt as PopoverTrigger, u as EditorProvider, ut as CardTitle, v as emptyFilter, vt as Badge, w as SelectGroup, wt as PROTOCOL_VERSION, x as SegmentSelector, xt as AlertDescription, y as filterIsComplete, yt as badgeVariants, z as DropdownMenuPortal, zt as useDoc } from "./Editor-Cn5Dxh5E.mjs";
|
|
2
2
|
import { d as cn, l as preventDefault } from "./constants-BaAj3jDA.mjs";
|
|
3
3
|
import { useCallback, useEffect, useRef, useState } from "react";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
package/dist/mermaid/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-
|
|
1
|
+
import { Kt as INLINE_CODE_CLASS, St as AlertTitle, b as Skeleton, bt as Alert, c as textOf, d as useEditorContext, ft as Eye, n as childrenSlot, o as TextBlock, pt as CodeXml, r as CodeHeader, x as SegmentSelector, xt as AlertDescription } from "../Editor-Cn5Dxh5E.mjs";
|
|
2
2
|
import { r as TriangleAlert } from "../constants-BaAj3jDA.mjs";
|
|
3
3
|
import { t as LoaderCircle } from "../LoaderCircle-AGVFE4IP.mjs";
|
|
4
4
|
import { useEffect, useRef, useState } from "react";
|
package/dist/styles.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "docblocks-react-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"description": "React rendering + editing layer for docblocks: hooks, block renderers, caret/selection, keyboard, clipboard.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"access": "public"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
|
-
"docblocks-core": "^0.2.
|
|
37
|
+
"docblocks-core": "^0.2.1",
|
|
38
38
|
"framer-motion": "^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0",
|
|
39
39
|
"mermaid": "^12.0.0",
|
|
40
40
|
"pdfjs-dist": "^6.0.0",
|