made-refine 0.1.13 → 0.2.0

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.js CHANGED
@@ -4128,7 +4128,7 @@ function MeasurementOverlay({
4128
4128
  children: [
4129
4129
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ElementHighlight, { element: selectedElement, color: BLUE }),
4130
4130
  hoveredElement && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ElementHighlight, { element: hoveredElement, color: TOMATO, isDashed: true }),
4131
- measurements.map((line, i) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MeasurementLineComponent, { line }, i))
4131
+ measurements.map((line) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(MeasurementLineComponent, { line }, `${line.direction}-${line.x1}-${line.y1}-${line.x2}-${line.y2}`))
4132
4132
  ]
4133
4133
  }
4134
4134
  );
@@ -4699,7 +4699,7 @@ function SelectionOverlay({
4699
4699
  onDoubleClick: handleDoubleClick,
4700
4700
  onMouseMove: handleMouseMove,
4701
4701
  onMouseLeave: handleMouseLeave,
4702
- children: moveHandleRects.map((targetRect, idx) => {
4702
+ children: moveHandleRects.map((targetRect) => {
4703
4703
  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
4704
4704
  "button",
4705
4705
  {
@@ -4726,7 +4726,7 @@ function SelectionOverlay({
4726
4726
  },
4727
4727
  onPointerDown: handleMoveHandlePointerDown(targetRect.target)
4728
4728
  },
4729
- `${idx}-${targetRect.left}-${targetRect.top}`
4729
+ `${targetRect.left}-${targetRect.top}-${targetRect.width}-${targetRect.height}`
4730
4730
  );
4731
4731
  })
4732
4732
  }
@@ -4869,10 +4869,12 @@ function CommentPin({
4869
4869
  }
4870
4870
  ),
4871
4871
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
4872
- "div",
4872
+ "button",
4873
4873
  {
4874
+ type: "button",
4874
4875
  "data-direct-edit": "comment-pin",
4875
- className: "group/pin fixed z-[99998] flex size-3 cursor-pointer items-center justify-center rounded-full bg-blue-500 shadow-md ring-2 ring-white transition-transform hover:scale-[1.67] hover:shadow-lg",
4876
+ "aria-label": `Comment ${index}`,
4877
+ className: "group/pin fixed z-[99998] flex size-3 cursor-pointer items-center justify-center rounded-full border-none bg-blue-500 p-0 shadow-md ring-2 ring-white transition-transform hover:scale-[1.67] hover:shadow-lg",
4876
4878
  style: {
4877
4879
  left: position.x - 6,
4878
4880
  top: position.y - 6,
@@ -4952,6 +4954,7 @@ function NewCommentInput({
4952
4954
  "div",
4953
4955
  {
4954
4956
  ref: cardRef,
4957
+ role: "presentation",
4955
4958
  "data-direct-edit": "comment-card",
4956
4959
  className: cn(
4957
4960
  "fixed z-[99999] flex items-center gap-1.5 rounded-xl outline outline-1 outline-foreground/10 bg-background p-1.5 shadow-lg",
@@ -5069,6 +5072,7 @@ function CommentThread({
5069
5072
  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
5070
5073
  "div",
5071
5074
  {
5075
+ role: "presentation",
5072
5076
  "data-direct-edit": "comment-card",
5073
5077
  className: "fixed z-[99999] w-[280px] overflow-hidden rounded-xl outline outline-1 outline-foreground/10 bg-background shadow-lg",
5074
5078
  style: {
@@ -5166,13 +5170,13 @@ function CommentThread({
5166
5170
  ] }),
5167
5171
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs leading-relaxed text-foreground", children: comment.text })
5168
5172
  ] }),
5169
- comment.replies.map((reply, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "border-t border-border/30 px-3 py-2.5", children: [
5173
+ comment.replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "border-t border-border/30 px-3 py-2.5", children: [
5170
5174
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "mb-1 flex items-center gap-2", children: [
5171
5175
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex size-5 shrink-0 items-center justify-center rounded-full bg-blue-500 text-[10px] font-bold text-white", children: index }),
5172
5176
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[10px] text-muted-foreground", children: formatRelativeTime(reply.createdAt) })
5173
5177
  ] }),
5174
5178
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs leading-relaxed text-foreground", children: reply.text })
5175
- ] }, i))
5179
+ ] }, reply.createdAt))
5176
5180
  ] }),
5177
5181
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-1.5 border-t border-border/50 px-2 py-1.5", children: [
5178
5182
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -7675,6 +7679,7 @@ function DirectEditPanelContent() {
7675
7679
  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
7676
7680
  "div",
7677
7681
  {
7682
+ role: "presentation",
7678
7683
  "data-direct-edit": "overlay",
7679
7684
  className: cn("fixed inset-0 z-[99990] cursor-default"),
7680
7685
  style: { pointerEvents: textEditingElement ? "none" : "auto" },
@@ -7756,7 +7761,7 @@ function DirectEditPanelContent() {
7756
7761
  strokeWidth: 1,
7757
7762
  strokeDasharray: "4 2"
7758
7763
  },
7759
- i
7764
+ `${r.left}-${r.top}-${r.width}-${r.height}`
7760
7765
  );
7761
7766
  })
7762
7767
  ]
@@ -8998,10 +9003,19 @@ ${text}`);
8998
9003
  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
8999
9004
  "div",
9000
9005
  {
9006
+ role: "button",
9007
+ tabIndex: 0,
9001
9008
  className: "group flex cursor-pointer items-start justify-between rounded-md px-1.5 py-1.5 text-xs transition-colors hover:bg-muted/50",
9002
9009
  onClick: () => {
9003
9010
  void handleCopyItem(item);
9004
9011
  },
9012
+ onKeyDown: (e) => {
9013
+ if (e.target !== e.currentTarget) return;
9014
+ if (e.key === "Enter" || e.key === " ") {
9015
+ e.preventDefault();
9016
+ void handleCopyItem(item);
9017
+ }
9018
+ },
9005
9019
  children: [
9006
9020
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "min-w-0 flex flex-1 flex-col items-start gap-[4px]", children: [
9007
9021
  /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Badge, { variant: "secondary", className: "h-6 shrink-0 px-1.5 text-xs", children: [
@@ -9033,7 +9047,7 @@ ${text}`);
9033
9047
  )
9034
9048
  ]
9035
9049
  },
9036
- i
9050
+ item.type === "comment" ? item.comment.id : `edit-${i}`
9037
9051
  );
9038
9052
  }) })
9039
9053
  ]
@@ -9121,7 +9135,7 @@ ${text}`);
9121
9135
  { label: "Back / Exit", keys: ["Esc"] }
9122
9136
  ].map(({ label, keys }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex h-8 w-full items-center justify-between rounded-md px-2 text-xs text-muted-foreground", children: [
9123
9137
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: label }),
9124
- /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex items-center gap-0.5", children: keys.map((k, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: popupKbdClass, children: k }, i)) })
9138
+ /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "flex items-center gap-0.5", children: keys.map((k, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { className: popupKbdClass, children: k }, typeof k === "string" ? k : i)) })
9125
9139
  ] }, label)) })
9126
9140
  ]
9127
9141
  }