@tomaszjarosz/react-visualizers 0.4.11 → 0.4.12
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/dist/index.cjs +7 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +7 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -18499,11 +18499,11 @@ const BTreeVisualizerComponent = ({
|
|
|
18499
18499
|
] })
|
|
18500
18500
|
] }),
|
|
18501
18501
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg border border-gray-200 min-h-[150px] flex items-center justify-center", children: nodes.size > 0 ? renderNode(rootId) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: "Empty tree" }) }),
|
|
18502
|
-
|
|
18502
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-gray-50 rounded-lg border border-gray-200 min-h-[44px]", children: targetKey !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm", children: [
|
|
18503
18503
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: "Target key: " }),
|
|
18504
18504
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-bold text-emerald-600", children: targetKey })
|
|
18505
|
-
] }) }),
|
|
18506
|
-
|
|
18505
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-400 italic", children: "Target key will appear here..." }) }),
|
|
18506
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-purple-50 rounded-lg border border-purple-200 min-h-[76px]", children: splitInfo ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18507
18507
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-purple-800 mb-1", children: "Node Split" }),
|
|
18508
18508
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-purple-700 font-mono", children: [
|
|
18509
18509
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -18522,7 +18522,7 @@ const BTreeVisualizerComponent = ({
|
|
|
18522
18522
|
"]"
|
|
18523
18523
|
] })
|
|
18524
18524
|
] })
|
|
18525
|
-
] }),
|
|
18525
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-purple-400 italic text-center py-2", children: "Split info will appear here when node overflows..." }) }),
|
|
18526
18526
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-2 bg-blue-50 rounded-lg border border-blue-200", children: [
|
|
18527
18527
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-blue-800 mb-1", children: "Operations" }),
|
|
18528
18528
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-blue-700 font-mono", children: OPERATIONS$4.map((op, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mr-2", children: [
|
|
@@ -20777,13 +20777,13 @@ const ConsistentHashingVisualizerComponent = ({
|
|
|
20777
20777
|
},
|
|
20778
20778
|
server
|
|
20779
20779
|
)) }),
|
|
20780
|
-
|
|
20780
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 overflow-x-auto min-h-[100px]", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-xs", children: [
|
|
20781
20781
|
/* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-gray-100", children: [
|
|
20782
20782
|
/* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-2 py-1 text-left", children: "Key" }),
|
|
20783
20783
|
/* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-2 py-1 text-left", children: "Hash (°)" }),
|
|
20784
20784
|
/* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-2 py-1 text-left", children: "Server" })
|
|
20785
20785
|
] }) }),
|
|
20786
|
-
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: dataKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
20786
|
+
/* @__PURE__ */ jsxRuntime.jsx("tbody", { children: dataKeys.length > 0 ? dataKeys.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
20787
20787
|
"tr",
|
|
20788
20788
|
{
|
|
20789
20789
|
className: `
|
|
@@ -20809,7 +20809,7 @@ const ConsistentHashingVisualizerComponent = ({
|
|
|
20809
20809
|
]
|
|
20810
20810
|
},
|
|
20811
20811
|
key.key
|
|
20812
|
-
)) })
|
|
20812
|
+
)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "px-2 py-4 text-center text-gray-400 italic", children: "No keys added yet..." }) }) })
|
|
20813
20813
|
] }) })
|
|
20814
20814
|
] });
|
|
20815
20815
|
return /* @__PURE__ */ jsxRuntime.jsx(
|