@toolbox-web/grid 0.4.0 → 0.4.2

package/lib/plugins/editing/index.js

@@ -1,4 +1,4 @@
-const R = {
+const _ = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -8,9 +8,28 @@ const R = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-class _ {
-  /** Plugin version - override in subclass if needed */
-  version = "1.0.0";
+class S {
+  /**
+   * Plugin dependencies - declare other plugins this one requires.
+   *
+   * Dependencies are validated when the plugin is attached.
+   * Required dependencies throw an error if missing.
+   * Optional dependencies log an info message if missing.
+   *
+   * @example
+   * ```typescript
+   * static readonly dependencies: PluginDependency[] = [
+   *   { name: 'editing', required: true, reason: 'Tracks cell edits for undo/redo' },
+   *   { name: 'selection', required: false, reason: 'Enables selection-based undo' },
+   * ];
+   * ```
+   */
+  static dependencies;
+  /**
+   * Plugin version - defaults to grid version for built-in plugins.
+   * Third-party plugins can override with their own semver.
+   */
+  version = typeof __GRID_VERSION__ < "u" ? __GRID_VERSION__ : "dev";
   /** CSS styles to inject into the grid's shadow DOM */
   styles;
   /** Custom cell renderers keyed by type name */
@@ -97,12 +116,28 @@ class _ {
   emit(e, t) {
     this.grid?.dispatchEvent?.(new CustomEvent(e, { detail: t, bubbles: !0 }));
   }
+  /**
+   * Emit a cancelable custom event from the grid.
+   * @returns `true` if the event was cancelled (preventDefault called), `false` otherwise
+   */
+  emitCancelable(e, t) {
+    const i = new CustomEvent(e, { detail: t, bubbles: !0, cancelable: !0 });
+    return this.grid?.dispatchEvent?.(i), i.defaultPrevented;
+  }
   /**
    * Request a re-render of the grid.
    */
   requestRender() {
     this.grid?.requestRender?.();
   }
+  /**
+   * Request a re-render and restore focus styling afterward.
+   * Use this when a plugin action (like expand/collapse) triggers a render
+   * but needs to maintain keyboard navigation focus.
+   */
+  requestRenderWithFocus() {
+    this.grid?.requestRenderWithFocus?.();
+  }
   /**
    * Request a lightweight style update without rebuilding DOM.
    * Use this instead of requestRender() when only CSS classes need updating.
@@ -136,6 +171,19 @@ class _ {
   get visibleColumns() {
     return this.grid?._visibleColumns ?? [];
   }
+  /**
+   * Get the grid as an HTMLElement for direct DOM operations.
+   * Use sparingly - prefer the typed GridElementRef API when possible.
+   *
+   * @example
+   * ```ts
+   * const width = this.gridElement.clientWidth;
+   * this.gridElement.classList.add('my-plugin-active');
+   * ```
+   */
+  get gridElement() {
+    return this.grid;
+  }
   /**
    * Get the shadow root of the grid.
    */
@@ -168,8 +216,53 @@ class _ {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...R, ...e };
+    return { ..._, ...e };
   }
+  // #region Animation Helpers
+  /**
+   * Check if animations are enabled at the grid level.
+   * Respects gridConfig.animation.mode and the CSS variable set by the grid.
+   *
+   * Plugins should use this to skip animations when:
+   * - Animation mode is 'off' or `false`
+   * - User prefers reduced motion and mode is 'reduced-motion' (default)
+   *
+   * @example
+   * ```ts
+   * private get animationStyle(): 'slide' | 'fade' | false {
+   *   if (!this.isAnimationEnabled) return false;
+   *   return this.config.animation ?? 'slide';
+   * }
+   * ```
+   */
+  get isAnimationEnabled() {
+    const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
+    if (e === !1 || e === "off") return !1;
+    if (e === !0 || e === "on") return !0;
+    const t = this.shadowRoot?.host;
+    return t ? getComputedStyle(t).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
+  }
+  /**
+   * Get the animation duration in milliseconds from CSS variable.
+   * Falls back to 200ms if not set.
+   *
+   * Plugins can use this for their animation timing to stay consistent
+   * with the grid-level animation.duration setting.
+   *
+   * @example
+   * ```ts
+   * element.animate(keyframes, { duration: this.animationDuration });
+   * ```
+   */
+  get animationDuration() {
+    const e = this.shadowRoot?.host;
+    if (e) {
+      const t = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), i = parseInt(t, 10);
+      if (!isNaN(i)) return i;
+    }
+    return 200;
+  }
+  // #endregion
   /**
    * Resolve an icon value to string or HTMLElement.
    * Checks plugin config first, then grid-level icons, then defaults.
@@ -199,8 +292,8 @@ class _ {
   }
   // #endregion
 }
-function k(f) {
-  switch (f.type) {
+function L(l) {
+  switch (l.type) {
     case "number":
       return (e) => {
         const t = document.createElement("input");
@@ -230,7 +323,7 @@ function k(f) {
           const c = document.createElement("option");
           c.value = String(r.value), c.textContent = r.label, (i.multi && Array.isArray(e.value) && e.value.includes(r.value) || !i.multi && e.value === r.value) && (c.selected = !0), t.appendChild(c);
         });
-        const l = () => {
+        const o = () => {
           if (i.multi) {
             const r = [];
             Array.from(t.selectedOptions).forEach((c) => {
@@ -239,7 +332,7 @@ function k(f) {
           } else
             e.commit(t.value);
         };
-        return t.addEventListener("change", l), t.addEventListener("blur", l), t.addEventListener("keydown", (r) => {
+        return t.addEventListener("change", o), t.addEventListener("blur", o), t.addEventListener("keydown", (r) => {
           r.key === "Escape" && e.cancel();
         }), t;
       };
@@ -253,30 +346,30 @@ function k(f) {
   }
 }
 const C = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function b(f) {
-  return !(typeof f != "string" || f === "__proto__" || f === "constructor" || f === "prototype");
+function b(l) {
+  return !(typeof l != "string" || l === "__proto__" || l === "constructor" || l === "prototype");
+}
+function T(l) {
+  return (l.__editingCellCount ?? 0) > 0;
 }
-function T(f) {
-  return (f.__editingCellCount ?? 0) > 0;
+function k(l) {
+  const e = (l.__editingCellCount ?? 0) + 1;
+  l.__editingCellCount = e, l.setAttribute("data-has-editing", "");
 }
-function L(f) {
-  const e = (f.__editingCellCount ?? 0) + 1;
-  f.__editingCellCount = e, f.setAttribute("data-has-editing", "");
+function A(l) {
+  l.__editingCellCount = 0, l.removeAttribute("data-has-editing");
 }
-function S(f) {
-  f.__editingCellCount = 0, f.removeAttribute("data-has-editing");
+function y(l, e) {
+  return l instanceof HTMLInputElement ? l.type === "checkbox" ? l.checked : l.type === "number" ? l.value === "" ? null : Number(l.value) : l.type === "date" ? l.valueAsDate : l.value : e?.type === "number" && l.value !== "" ? Number(l.value) : l.value;
 }
-function A(f, e, t) {
-  const i = f.querySelector("input,textarea,select");
-  if (!i) return;
-  const s = () => i instanceof HTMLInputElement ? i.type === "checkbox" ? i.checked : i.type === "number" ? i.value === "" ? null : Number(i.value) : i.type === "date" ? i.valueAsDate : i.value : e.type === "number" && i.value !== "" ? Number(i.value) : i.value;
-  i.addEventListener("blur", () => {
-    t(s());
-  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(s()));
+function q(l, e, t) {
+  const i = l.querySelector("input,textarea,select");
+  i && (i.addEventListener("blur", () => {
+    t(y(i, e));
+  }), i instanceof HTMLInputElement && i.type === "checkbox" ? i.addEventListener("change", () => t(i.checked)) : i instanceof HTMLSelectElement && i.addEventListener("change", () => t(y(i, e))));
 }
-class q extends _ {
+class O extends S {
   name = "editing";
-  version = "1.0.0";
   get defaultConfig() {
     return {
       editOn: "click"
@@ -328,15 +421,6 @@ class q extends _ {
     this.#e = -1, this.#r = -1, this.#s.clear(), this.#t.clear(), this.#n.clear(), super.detach();
   }
   // #endregion
-  // #region Config Augmentation (processColumns hook)
-  /**
-   * Augment columns with editing metadata.
-   * This enables the grid to recognize editable columns without core knowledge.
-   */
-  processColumns(e) {
-    return e;
-  }
-  // #endregion
   // #region Event Handlers (event distribution)
   /**
    * Handle cell clicks - start editing if configured for click mode.
@@ -361,12 +445,12 @@ class q extends _ {
     if (e.key === " " || e.key === "Spacebar") {
       const i = t._focusRow, s = t._focusCol;
       if (i >= 0 && s >= 0) {
-        const n = t._visibleColumns[s], l = t._rows[i];
-        if (n?.editable && n.type === "boolean" && l) {
+        const n = t._visibleColumns[s], o = t._rows[i];
+        if (n?.editable && n.type === "boolean" && o) {
           const r = n.field;
           if (b(r)) {
-            const u = !l[r];
-            return this.#c(i, n, u, l), e.preventDefault(), this.requestRender(), !0;
+            const f = !o[r];
+            return this.#c(i, n, f, o), e.preventDefault(), this.requestRender(), !0;
           }
         }
       }
@@ -378,7 +462,7 @@ class q extends _ {
       const i = this.config.editOn ?? t.effectiveConfig?.editOn;
       if (i === !1 || i === "manual") return !1;
       const s = t._focusRow;
-      return s >= 0 && t._columns?.some((l) => l.editable) ? (this.beginBulkEdit(s), !0) : !1;
+      return s >= 0 && t._columns?.some((o) => o.editable) ? (this.beginBulkEdit(s), !0) : !1;
     }
     return !1;
   }
@@ -393,12 +477,12 @@ class q extends _ {
     const e = this.grid;
     if (this.#o && (this.#o = !1, this.#u(e)), this.#n.size !== 0)
       for (const t of this.#n) {
-        const [i, s] = t.split(":"), n = parseInt(i, 10), l = parseInt(s, 10), r = e.findRenderedRowElement?.(n);
+        const [i, s] = t.split(":"), n = parseInt(i, 10), o = parseInt(s, 10), r = e.findRenderedRowElement?.(n);
         if (!r) continue;
-        const c = r.querySelector(`.cell[data-col="${l}"]`);
+        const c = r.querySelector(`.cell[data-col="${o}"]`);
         if (!c || c.classList.contains("editing")) continue;
-        const u = e._rows[n], a = e._visibleColumns[l];
-        u && a && this.#a(u, n, a, l, c, !0);
+        const f = e._rows[n], d = e._visibleColumns[o];
+        f && d && this.#a(f, n, d, o, c, !0);
       }
   }
   /**
@@ -476,12 +560,12 @@ class q extends _ {
     if ((this.config.editOn ?? t.effectiveConfig?.editOn) === !1 || !t._columns?.some((r) => r.editable)) return;
     const n = t.findRenderedRowElement?.(e);
     if (!n) return;
-    const l = t._rows[e];
-    this.#d(e, l), Array.from(n.children).forEach((r, c) => {
-      const u = t._visibleColumns[c];
-      if (u?.editable) {
-        const a = r;
-        a.classList.contains("editing") || this.#a(l, e, u, c, a, !0);
+    const o = t._rows[e];
+    this.#d(e, o), Array.from(n.children).forEach((r, c) => {
+      const f = t._visibleColumns[c];
+      if (f?.editable) {
+        const d = r;
+        d.classList.contains("editing") || this.#a(o, e, f, c, d, !0);
       }
     }), setTimeout(() => {
       let r = n.querySelector(`.cell[data-col="${t._focusCol}"]`);
@@ -512,8 +596,8 @@ class q extends _ {
    * Begin editing a single cell.
    */
   #f(e, t, i) {
-    const s = this.grid, n = s._rows[e], l = s._visibleColumns[t];
-    !n || !l?.editable || i.classList.contains("editing") || (this.#e !== e && this.#d(e, n), this.#r = t, this.#a(n, e, l, t, i, !1));
+    const s = this.grid, n = s._rows[e], o = s._visibleColumns[t];
+    !n || !o?.editable || i.classList.contains("editing") || (this.#e !== e && this.#d(e, n), this.#r = t, this.#a(n, e, o, t, i, !1));
   }
   /**
    * Sync the internal grid state with the plugin's editing state.
@@ -533,16 +617,16 @@ class q extends _ {
    */
   #i(e, t) {
     if (this.#e !== e) return;
-    const i = this.grid, s = this.#s.get(e), n = i._rows[e], l = i.findRenderedRowElement?.(e);
-    if (!t && l && n && l.querySelectorAll(".cell.editing").forEach((c) => {
-      const u = Number(c.getAttribute("data-col"));
-      if (isNaN(u)) return;
-      const a = i._visibleColumns[u];
-      if (!a) return;
-      const g = c.querySelector("input,textarea,select");
-      if (g) {
-        let o;
-        g instanceof HTMLInputElement && g.type === "checkbox" ? o = g.checked : (o = g.value, a.type === "number" && o !== "" && (o = Number(o))), n[a.field] !== o && this.#c(e, a, o, n);
+    const i = this.grid, s = this.#s.get(e), n = i._rows[e], o = i.findRenderedRowElement?.(e);
+    if (!t && o && n && o.querySelectorAll(".cell.editing").forEach((c) => {
+      const f = Number(c.getAttribute("data-col"));
+      if (isNaN(f)) return;
+      const d = i._visibleColumns[f];
+      if (!d) return;
+      const p = c.querySelector("input,textarea,select");
+      if (p) {
+        const a = y(p, d);
+        n[d.field] !== a && this.#c(e, d, a, n);
       }
     }), t && s && n)
       Object.keys(s).forEach((r) => {
@@ -561,119 +645,115 @@ class q extends _ {
     this.#s.delete(e), this.#e = -1, this.#r = -1, this.#l();
     for (const r of this.#n)
       r.startsWith(`${e}:`) && this.#n.delete(r);
-    l && (l.querySelectorAll(".cell.editing").forEach((r) => {
-      r.classList.remove("editing"), S(r.parentElement);
-    }), this.requestRender()), this.#o = !0, l || (this.#u(i), this.#o = !1);
+    o && (o.querySelectorAll(".cell.editing").forEach((r) => {
+      r.classList.remove("editing"), A(r.parentElement);
+    }), this.requestRender()), this.#o = !0, o || (this.#u(i), this.#o = !1);
   }
   /**
    * Commit a single cell value change.
    */
   #c(e, t, i, s) {
     const n = t.field;
-    if (!b(n) || s[n] === i) return;
-    s[n] = i;
+    if (!b(n)) return;
+    const o = s[n];
+    if (o === i) return;
     const r = !this.#t.has(e);
-    this.#t.add(e), this.#l();
-    const u = this.grid.findRenderedRowElement?.(e);
-    u && u.classList.add("changed"), this.emit("cell-commit", {
+    if (this.emitCancelable("cell-commit", {
       row: s,
       field: n,
+      oldValue: o,
       value: i,
       rowIndex: e,
       changedRows: this.changedRows,
       changedRowIndices: this.changedRowIndices,
       firstTimeForRow: r
-    });
+    })) return;
+    s[n] = i, this.#t.add(e), this.#l();
+    const d = this.grid.findRenderedRowElement?.(e);
+    d && d.classList.add("changed");
   }
   /**
    * Inject an editor into a cell.
    */
-  #a(e, t, i, s, n, l) {
+  #a(e, t, i, s, n, o) {
     if (!i.editable || n.classList.contains("editing")) return;
     const r = b(i.field) ? e[i.field] : void 0;
     n.classList.add("editing"), this.#n.add(`${t}:${s}`);
     const c = n.parentElement;
-    c && L(c);
-    let u = !1;
-    const a = (h) => {
-      u || this.#e === -1 || this.#c(t, i, h, e);
-    }, g = () => {
-      u = !0, b(i.field) && (e[i.field] = r);
-    }, o = document.createElement("div");
-    o.style.display = "contents", n.innerHTML = "", n.appendChild(o), o.addEventListener("keydown", (h) => {
-      h.key === "Enter" && (h.stopPropagation(), h.preventDefault(), u = !0, this.#i(t, !1)), h.key === "Escape" && (h.stopPropagation(), h.preventDefault(), g(), this.#i(t, !0));
+    c && k(c);
+    let f = !1;
+    const d = (h) => {
+      f || this.#e === -1 || this.#c(t, i, h, e);
+    }, p = () => {
+      f = !0, b(i.field) && (e[i.field] = r);
+    }, a = document.createElement("div");
+    a.className = "tbw-editor-host", n.innerHTML = "", n.appendChild(a), a.addEventListener("keydown", (h) => {
+      h.key === "Enter" && (h.stopPropagation(), h.preventDefault(), f = !0, this.#i(t, !1)), h.key === "Escape" && (h.stopPropagation(), h.preventDefault(), p(), this.#i(t, !0));
     });
-    const p = i, v = p.__editorTemplate, d = p.editor || (v ? "template" : k(i)), m = r;
-    if (d === "template" && v)
-      this.#h(o, p, e, r, a, g, l, t);
-    else if (typeof d == "string") {
-      const h = document.createElement(d);
-      h.value = m, h.addEventListener("change", () => a(h.value)), o.appendChild(h), l || queueMicrotask(() => {
-        o.querySelector(C)?.focus({ preventScroll: !0 });
+    const g = i, v = g.__editorTemplate, u = g.editor || (v ? "template" : L(i)), m = r;
+    if (u === "template" && v)
+      this.#h(a, g, e, r, d, p, o, t);
+    else if (typeof u == "string") {
+      const h = document.createElement(u);
+      h.value = m, h.addEventListener("change", () => d(h.value)), a.appendChild(h), o || queueMicrotask(() => {
+        a.querySelector(C)?.focus({ preventScroll: !0 });
       });
-    } else if (typeof d == "function") {
-      const h = { row: e, value: m, field: i.field, column: i, commit: a, cancel: g }, E = d(h);
-      typeof E == "string" ? (o.innerHTML = E, A(o, i, a)) : E instanceof Node && o.appendChild(E), l || queueMicrotask(() => {
-        o.querySelector(C)?.focus({ preventScroll: !0 });
+    } else if (typeof u == "function") {
+      const h = { row: e, value: m, field: i.field, column: i, commit: d, cancel: p }, E = u(h);
+      typeof E == "string" ? (a.innerHTML = E, q(a, i, d)) : E instanceof Node && a.appendChild(E), o || queueMicrotask(() => {
+        a.querySelector(C)?.focus({ preventScroll: !0 });
       });
-    } else if (d && typeof d == "object") {
+    } else if (u && typeof u == "object") {
       const h = this.grid, E = document.createElement("div");
-      E.setAttribute("data-external-editor", ""), E.setAttribute("data-field", i.field), o.appendChild(E);
-      const y = { row: e, value: m, field: i.field, column: i, commit: a, cancel: g };
-      if (d.mount)
+      E.setAttribute("data-external-editor", ""), E.setAttribute("data-field", i.field), a.appendChild(E);
+      const w = { row: e, value: m, field: i.field, column: i, commit: d, cancel: p };
+      if (u.mount)
         try {
-          d.mount({ placeholder: E, context: y, spec: d });
-        } catch (w) {
-          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, w);
+          u.mount({ placeholder: E, context: w, spec: u });
+        } catch (R) {
+          console.warn(`[tbw-grid] External editor mount error for column '${i.field}':`, R);
         }
       else
         h.dispatchEvent(
-          new CustomEvent("mount-external-editor", { detail: { placeholder: E, spec: d, context: y } })
+          new CustomEvent("mount-external-editor", { detail: { placeholder: E, spec: u, context: w } })
         );
     }
   }
   /**
    * Render a template-based editor.
    */
-  #h(e, t, i, s, n, l, r, c) {
-    const u = t.__editorTemplate;
-    if (!u) return;
-    const a = u.cloneNode(!0), g = t.__compiledEditor;
-    g ? a.innerHTML = g({
+  #h(e, t, i, s, n, o, r, c) {
+    const f = t.__editorTemplate;
+    if (!f) return;
+    const d = f.cloneNode(!0), p = t.__compiledEditor;
+    p ? d.innerHTML = p({
       row: i,
       value: s,
       field: t.field,
       column: t,
       commit: n,
-      cancel: l
-    }) : a.querySelectorAll("*").forEach((p) => {
-      p.childNodes.length === 1 && p.firstChild?.nodeType === Node.TEXT_NODE && (p.textContent = p.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, d) => {
-        if (!b(d)) return "";
-        const m = i[d];
+      cancel: o
+    }) : d.querySelectorAll("*").forEach((g) => {
+      g.childNodes.length === 1 && g.firstChild?.nodeType === Node.TEXT_NODE && (g.textContent = g.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, u) => {
+        if (!b(u)) return "";
+        const m = i[u];
         return m == null ? "" : String(m);
       }) || "");
     });
-    const o = a.querySelector(
+    const a = d.querySelector(
       "input,textarea,select"
     );
-    if (o) {
-      o instanceof HTMLInputElement && o.type === "checkbox" ? o.checked = !!s : o.value = String(s ?? "");
-      let p = !1;
-      o.addEventListener("blur", () => {
-        if (p) return;
-        const v = o instanceof HTMLInputElement && o.type === "checkbox" ? o.checked : o.value;
-        n(v);
-      }), o.addEventListener("keydown", (v) => {
-        const d = v;
-        if (d.key === "Enter") {
-          d.stopPropagation(), d.preventDefault(), p = !0;
-          const m = o instanceof HTMLInputElement && o.type === "checkbox" ? o.checked : o.value;
-          n(m), this.#i(c, !1);
-        }
-        d.key === "Escape" && (d.stopPropagation(), d.preventDefault(), l(), this.#i(c, !0));
-      }), o instanceof HTMLInputElement && o.type === "checkbox" && o.addEventListener("change", () => n(o.checked)), r || setTimeout(() => o.focus({ preventScroll: !0 }), 0);
+    if (a) {
+      a instanceof HTMLInputElement && a.type === "checkbox" ? a.checked = !!s : a.value = String(s ?? "");
+      let g = !1;
+      a.addEventListener("blur", () => {
+        g || n(y(a, t));
+      }), a.addEventListener("keydown", (v) => {
+        const u = v;
+        u.key === "Enter" && (u.stopPropagation(), u.preventDefault(), g = !0, n(y(a, t)), this.#i(c, !1)), u.key === "Escape" && (u.stopPropagation(), u.preventDefault(), o(), this.#i(c, !0));
+      }), a instanceof HTMLInputElement && a.type === "checkbox" && a.addEventListener("change", () => n(a.checked)), r || setTimeout(() => a.focus({ preventScroll: !0 }), 0);
     }
-    e.appendChild(a);
+    e.appendChild(d);
   }
   /**
    * Restore focus to cell after exiting edit mode.
@@ -684,7 +764,7 @@ class q extends _ {
         const t = e._focusRow, i = e._focusCol, s = e.findRenderedRowElement?.(t);
         if (s) {
           Array.from(e._bodyEl.querySelectorAll(".cell-focus")).forEach(
-            (l) => l.classList.remove("cell-focus")
+            (o) => o.classList.remove("cell-focus")
           );
           const n = s.querySelector(`.cell[data-row="${t}"][data-col="${i}"]`);
           n && (n.classList.add("cell-focus"), n.setAttribute("aria-selected", "true"), n.hasAttribute("tabindex") || n.setAttribute("tabindex", "-1"), n.focus({ preventScroll: !0 }));
@@ -696,10 +776,10 @@ class q extends _ {
   // #endregion
 }
 export {
-  q as EditingPlugin,
+  O as EditingPlugin,
   C as FOCUSABLE_EDITOR_SELECTOR,
-  S as clearEditingState,
-  k as defaultEditorFor,
+  A as clearEditingState,
+  L as defaultEditorFor,
   T as hasEditingCells
 };
 //# sourceMappingURL=index.js.map