@tensor_1/react 2.45.0 → 2.45.1
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/README.md +1 -1
- package/dist/components/RelationshipGraphLayered.js +16 -14
- package/dist/index.cjs +16 -14
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -100,7 +100,7 @@ default label `imagesUnsupported`, "Images can't be added here."; a paste that a
|
|
|
100
100
|
`labels` (every string, placeholders `{count}` `{max}`), `emojiPickerLabels`, `emojiLocale`, `id`, `name` (adds a
|
|
101
101
|
hidden input), ARIA props, `variant` (`field` / `composer`, which renders in `Composer` with the toolbar in `ComposerBar`),
|
|
102
102
|
`toolbarEnd`, `minRows`, `className`, `onBlur`. Markdown shortcuts (`## `, `- `, `1. `, `[ ] `, `> `, triple backtick)
|
|
103
|
-
work in every preset; the toolbar is one tab stop with arrow-key navigation and
|
|
103
|
+
work in every preset; the toolbar is one tab stop with arrow-key navigation and wraps its groups onto more rows on narrow screens.
|
|
104
104
|
`RichTextEditorFallback` takes the same props and renders a plain textarea, for loading and error-boundary states.
|
|
105
105
|
|
|
106
106
|
**Mentions (`onMentionSearch`).** Pass `onMentionSearch(query)` and typing `@` opens a "People" list of the
|
|
@@ -485,21 +485,23 @@ function LayeredRelationshipGraph({
|
|
|
485
485
|
})
|
|
486
486
|
] }),
|
|
487
487
|
compact && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
488
|
-
/* @__PURE__ */ jsx("p", { className: "uix-relationship-graph__hint", "aria-hidden": "true", children: labels.navigationHint(modifier) }),
|
|
489
488
|
wheelHint && /* @__PURE__ */ jsx("p", { className: "uix-relationship-graph__toast", role: "status", children: labels.navigationHint(modifier) }),
|
|
490
|
-
/* @__PURE__ */ jsxs("div", { className: "uix-relationship-
|
|
491
|
-
/* @__PURE__ */ jsx("
|
|
492
|
-
/* @__PURE__ */ jsxs("div", { className: "uix-relationship-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
489
|
+
/* @__PURE__ */ jsxs("div", { className: "uix-relationship-graph__footer", children: [
|
|
490
|
+
/* @__PURE__ */ jsx("p", { className: "uix-relationship-graph__hint", "aria-hidden": "true", children: labels.navigationHint(modifier) }),
|
|
491
|
+
/* @__PURE__ */ jsxs("div", { className: "uix-relationship-graph__controls", role: "group", "aria-label": labels.controls, children: [
|
|
492
|
+
/* @__PURE__ */ jsx("span", { className: "uix-relationship-graph__zoom-level", "aria-live": "polite", children: labels.zoomLevel(zoomPercent) }),
|
|
493
|
+
/* @__PURE__ */ jsxs("div", { className: "uix-relationship-graph__control-cluster", children: [
|
|
494
|
+
control(labels.zoomIn, /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" }), () => zoomBy(ZOOM_STEP), { disabled: view.zoom >= MAX_ZOOM, keys: ["+"] }),
|
|
495
|
+
control(labels.zoomOut, /* @__PURE__ */ jsx(MinusIcon, { "aria-hidden": "true" }), () => zoomBy(1 / ZOOM_STEP), { disabled: view.zoom <= MIN_ZOOM, keys: ["\u2212"] }),
|
|
496
|
+
control(labels.fit, /* @__PURE__ */ jsx(ScanIcon, { "aria-hidden": "true" }), () => moveView(fitView(layout, size), true)),
|
|
497
|
+
control(labels.reset, /* @__PURE__ */ jsx(RotateCcwIcon, { "aria-hidden": "true" }), resetView, { keys: ["0"] }),
|
|
498
|
+
control(
|
|
499
|
+
fullscreen ? labels.exitFullscreen : labels.fullscreen,
|
|
500
|
+
fullscreen ? /* @__PURE__ */ jsx(Minimize2Icon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Maximize2Icon, { "aria-hidden": "true" }),
|
|
501
|
+
toggleFullscreen,
|
|
502
|
+
{ ref: fullscreenButtonRef, ...fullscreen ? { keys: ["Esc"] } : {} }
|
|
503
|
+
)
|
|
504
|
+
] })
|
|
503
505
|
] })
|
|
504
506
|
] })
|
|
505
507
|
] })
|
package/dist/index.cjs
CHANGED
|
@@ -16008,21 +16008,23 @@ function LayeredRelationshipGraph({
|
|
|
16008
16008
|
})
|
|
16009
16009
|
] }),
|
|
16010
16010
|
compact && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
16011
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "uix-relationship-graph__hint", "aria-hidden": "true", children: labels.navigationHint(modifier) }),
|
|
16012
16011
|
wheelHint && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "uix-relationship-graph__toast", role: "status", children: labels.navigationHint(modifier) }),
|
|
16013
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-
|
|
16014
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("
|
|
16015
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-
|
|
16016
|
-
|
|
16017
|
-
|
|
16018
|
-
|
|
16019
|
-
|
|
16020
|
-
|
|
16021
|
-
|
|
16022
|
-
|
|
16023
|
-
|
|
16024
|
-
|
|
16025
|
-
|
|
16012
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-graph__footer", children: [
|
|
16013
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "uix-relationship-graph__hint", "aria-hidden": "true", children: labels.navigationHint(modifier) }),
|
|
16014
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-graph__controls", role: "group", "aria-label": labels.controls, children: [
|
|
16015
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "uix-relationship-graph__zoom-level", "aria-live": "polite", children: labels.zoomLevel(zoomPercent) }),
|
|
16016
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "uix-relationship-graph__control-cluster", children: [
|
|
16017
|
+
control(labels.zoomIn, /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(PlusIcon, { "aria-hidden": "true" }), () => zoomBy(ZOOM_STEP), { disabled: view.zoom >= MAX_ZOOM2, keys: ["+"] }),
|
|
16018
|
+
control(labels.zoomOut, /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(MinusIcon, { "aria-hidden": "true" }), () => zoomBy(1 / ZOOM_STEP), { disabled: view.zoom <= MIN_ZOOM2, keys: ["\u2212"] }),
|
|
16019
|
+
control(labels.fit, /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ScanIcon, { "aria-hidden": "true" }), () => moveView(fitView(layout, size), true)),
|
|
16020
|
+
control(labels.reset, /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(RotateCcwIcon, { "aria-hidden": "true" }), resetView, { keys: ["0"] }),
|
|
16021
|
+
control(
|
|
16022
|
+
fullscreen ? labels.exitFullscreen : labels.fullscreen,
|
|
16023
|
+
fullscreen ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Minimize2Icon, { "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Maximize2Icon, { "aria-hidden": "true" }),
|
|
16024
|
+
toggleFullscreen,
|
|
16025
|
+
{ ref: fullscreenButtonRef, ...fullscreen ? { keys: ["Esc"] } : {} }
|
|
16026
|
+
)
|
|
16027
|
+
] })
|
|
16026
16028
|
] })
|
|
16027
16029
|
] })
|
|
16028
16030
|
] })
|