@tomaszjarosz/react-visualizers 0.1.0 → 0.1.2
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 +23 -32
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +23 -32
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4829,48 +4829,39 @@ const HashTableVisualizerComponent = ({
|
|
|
4829
4829
|
buckets.length,
|
|
4830
4830
|
" buckets):"
|
|
4831
4831
|
] }),
|
|
4832
|
-
/* @__PURE__ */ jsx(
|
|
4832
|
+
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-2", children: buckets.map((bucket, idx) => /* @__PURE__ */ jsxs(
|
|
4833
4833
|
"div",
|
|
4834
4834
|
{
|
|
4835
|
-
className:
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4848
|
-
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
},
|
|
4855
|
-
keyIdx
|
|
4856
|
-
)) })
|
|
4857
|
-
]
|
|
4858
|
-
},
|
|
4859
|
-
idx
|
|
4860
|
-
))
|
|
4861
|
-
}
|
|
4862
|
-
)
|
|
4835
|
+
className: `p-2 rounded border-2 min-h-[60px] transition-colors ${getBucketStyle(idx)}`,
|
|
4836
|
+
children: [
|
|
4837
|
+
/* @__PURE__ */ jsxs("div", { className: "text-xs font-mono text-gray-500 mb-1", children: [
|
|
4838
|
+
"[",
|
|
4839
|
+
idx,
|
|
4840
|
+
"]"
|
|
4841
|
+
] }),
|
|
4842
|
+
/* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: bucket.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 italic", children: "empty" }) : bucket.map((bucketKey, keyIdx) => /* @__PURE__ */ jsx(
|
|
4843
|
+
"span",
|
|
4844
|
+
{
|
|
4845
|
+
className: `px-1.5 py-0.5 text-xs rounded border ${getKeyStyle(bucketKey)}`,
|
|
4846
|
+
children: bucketKey
|
|
4847
|
+
},
|
|
4848
|
+
keyIdx
|
|
4849
|
+
)) })
|
|
4850
|
+
]
|
|
4851
|
+
},
|
|
4852
|
+
idx
|
|
4853
|
+
)) })
|
|
4863
4854
|
] }),
|
|
4864
|
-
|
|
4855
|
+
/* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-gray-100 rounded-lg min-h-[52px]", children: [
|
|
4865
4856
|
/* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-gray-700 mb-1", children: "Hash Calculation:" }),
|
|
4866
|
-
/* @__PURE__ */
|
|
4857
|
+
/* @__PURE__ */ jsx("div", { className: "font-mono text-sm", children: operation === "insert" && key ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
4867
4858
|
'hash("',
|
|
4868
4859
|
key,
|
|
4869
4860
|
'") mod ',
|
|
4870
4861
|
buckets.length,
|
|
4871
4862
|
" = ",
|
|
4872
4863
|
bucketIndex
|
|
4873
|
-
] })
|
|
4864
|
+
] }) : /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: "—" }) })
|
|
4874
4865
|
] }),
|
|
4875
4866
|
/* @__PURE__ */ jsx(
|
|
4876
4867
|
StatusPanel,
|