@tomaszjarosz/react-visualizers 0.4.10 → 0.4.11

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 CHANGED
@@ -4440,7 +4440,7 @@ const DPVisualizerComponent = ({
4440
4440
  ] })
4441
4441
  ] })
4442
4442
  ] }),
4443
- currentI > 0 && currentW > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 p-3 bg-white rounded-lg border-2 border-purple-300", children: [
4443
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 p-3 bg-white rounded-lg border-2 border-purple-300 min-h-[76px]", children: currentI > 0 && currentW > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
4444
4444
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm font-semibold text-purple-800 mb-2", children: [
4445
4445
  "Current: dp[",
4446
4446
  currentI,
@@ -4462,7 +4462,7 @@ const DPVisualizerComponent = ({
4462
4462
  ] }),
4463
4463
  decision && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `px-3 py-1 rounded-full font-bold ${decision === "take" ? "bg-green-100 text-green-700" : "bg-yellow-100 text-yellow-700"}`, children: decision === "take" ? "✓ TAKE" : "✗ SKIP" })
4464
4464
  ] })
4465
- ] })
4465
+ ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-purple-400 italic text-center py-2", children: "Current cell calculation will appear here..." }) })
4466
4466
  ] }),
4467
4467
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
4468
4468
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-40", children: [
@@ -18027,7 +18027,7 @@ const BloomFilterVisualizerComponent = ({
18027
18027
  "]"
18028
18028
  ] }, idx)) })
18029
18029
  ] }),
18030
- stepData.element && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-gray-50 rounded-lg border border-gray-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm", children: [
18030
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-gray-50 rounded-lg border border-gray-200 min-h-[44px]", children: stepData.element ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm", children: [
18031
18031
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: "Element: " }),
18032
18032
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono font-bold text-purple-600", children: [
18033
18033
  '"',
@@ -18042,8 +18042,8 @@ const BloomFilterVisualizerComponent = ({
18042
18042
  ] }),
18043
18043
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-bold text-pink-600", children: stepData.hashIndex })
18044
18044
  ] })
18045
- ] }) }),
18046
- stepData.operation === "init" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-indigo-50 rounded-lg border border-indigo-200", children: [
18045
+ ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-400 italic", children: "Current operation will appear here..." }) }),
18046
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-indigo-50 rounded-lg border border-indigo-200 min-h-[76px]", children: [
18047
18047
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs font-medium text-indigo-800 mb-2", children: [
18048
18048
  "Hash Functions (k=",
18049
18049
  NUM_HASH_FUNCTIONS,