@dynostack/react-grid 0.5.0 → 0.5.1

package/dist/index.js

@@ -1912,7 +1912,7 @@ function EditableCell({
       {
         className: cn(
           "flex h-7 items-center gap-1.5 rounded px-1.5 text-sm",
-          isEditable && "cursor-text outline-1 outline-transparent transition-colors hover:bg-muted/60 hover:outline-border",
+          isEditable && "cursor-text transition-colors hover:bg-muted/60",
           align === "right" && "justify-end",
           align === "center" && "justify-center"
         ),
@@ -1935,6 +1935,7 @@ function EditableCell({
       return /* @__PURE__ */ jsx(
         "select",
         {
+          "data-cell-editor": "",
           value: String(local ?? ""),
           onChange: (e) => {
             setLocal(e.target.value);
@@ -1956,7 +1957,15 @@ function EditableCell({
         value: String(local ?? ""),
         onValueChange: (v) => commit(v),
         children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", className: "h-7 w-full text-xs", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "data-cell-editor": "",
+              size: "sm",
+              className: "h-7 w-full text-xs focus-visible:ring-0",
+              children: /* @__PURE__ */ jsx(SelectValue, {})
+            }
+          ),
           /* @__PURE__ */ jsx(SelectContent, { children: opts.map((o) => /* @__PURE__ */ jsx(SelectItem, { value: o.value, children: o.label }, o.value)) })
         ]
       }
@@ -1966,6 +1975,8 @@ function EditableCell({
     return /* @__PURE__ */ jsx("div", { className: "flex h-7 items-center justify-center", children: /* @__PURE__ */ jsx(
       Checkbox,
       {
+        "data-cell-editor": "",
+        className: "focus-visible:ring-0",
         checked: !!local,
         onCheckedChange: (c) => commit(!!c),
         autoFocus: true
@@ -1975,6 +1986,7 @@ function EditableCell({
   return /* @__PURE__ */ jsx(
     Input,
     {
+      "data-cell-editor": "",
       ref: inputRef,
       type: editor === "number" || editor === "currency" ? "number" : editor === "date" ? "date" : "text",
       value: local == null ? "" : String(local),
@@ -1988,7 +2000,7 @@ function EditableCell({
       onBlur: () => commit(local),
       onKeyDown: handleKey,
       className: cn(
-        "h-7 px-1.5 text-sm",
+        "h-7 px-1.5 text-sm focus-visible:ring-0",
         align === "right" && "text-right",
         align === "center" && "text-center"
       )