@geovi/the-datagrid 0.2.4 → 0.2.5

package/dist/toolbar.js

@@ -2,19 +2,19 @@
 import "./toolbar.css";
 import * as ge from "react";
 import me from "./index.js";
-const Be = ge, d = Be.default ?? ge, he = d.Children, Ue = d.Component, j = d.Fragment, He = d.PureComponent, be = d.cloneElement, Q = d.createContext, a = d.createElement, $e = d.createRef, Xe = d.forwardRef, U = d.isValidElement, We = d.lazy, Ke = d.memo, Z = d.useCallback, Ee = d.useContext, Ye = d.useDebugValue, ze = d.useDeferredValue, N = d.useEffect, q = d.useId, Se = d.useImperativeHandle, qe = d.useInsertionEffect, ye = d.useLayoutEffect, w = d.useMemo, Je = d.useReducer, Qe = d.useRef, C = d.useState, Ze = d.use, et = d.version, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = ge, f = Be.default ?? ge, be = f.Children, Ue = f.Component, B = f.Fragment, He = f.PureComponent, he = f.cloneElement, Q = f.createContext, l = f.createElement, $e = f.createRef, Xe = f.forwardRef, H = f.isValidElement, We = f.lazy, Ke = f.memo, Z = f.useCallback, Ee = f.useContext, Ye = f.useDebugValue, ze = f.useDeferredValue, N = f.useEffect, q = f.useId, Se = f.useImperativeHandle, qe = f.useInsertionEffect, ye = f.useLayoutEffect, w = f.useMemo, Je = f.useReducer, Qe = f.useRef, C = f.useState, Ze = f.use, et = f.version, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Children: he,
+  Children: be,
   Component: Ue,
-  Fragment: j,
+  Fragment: B,
   PureComponent: He,
-  cloneElement: be,
+  cloneElement: he,
   createContext: Q,
-  createElement: a,
+  createElement: l,
   createRef: $e,
-  default: d,
+  default: f,
   forwardRef: Xe,
-  isValidElement: U,
+  isValidElement: H,
   lazy: We,
   memo: Ke,
   use: Ze,
@@ -40,18 +40,18 @@ function ot(e) {
     return o(), r.addEventListener("change", o), () => r.removeEventListener("change", o);
   }, [e]), t;
 }
-let ae = 0;
+let le = 0;
 function nt(e) {
-  const [t] = C(() => (ae += 1, `${e}-${ae}`));
+  const [t] = C(() => (le += 1, `${e}-${le}`));
   return t;
 }
 const rt = typeof q == "function" ? (e) => `${e}-${q()}` : nt;
-function K(e = "tdg") {
+function j(e = "tdg") {
   return rt(e);
 }
 function L(e) {
   const { children: t, ...n } = e;
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "svg",
     {
       "aria-hidden": "true",
@@ -67,26 +67,26 @@ function L(e) {
     t
   );
 }
-function le(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "M12 3v12" }), /* @__PURE__ */ a("path", { d: "m7 10 5 5 5-5" }), /* @__PURE__ */ a("path", { d: "M4 21h16" }));
-}
-function at(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }));
+function ae(e) {
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "M12 3v12" }), /* @__PURE__ */ l("path", { d: "m7 10 5 5 5-5" }), /* @__PURE__ */ l("path", { d: "M4 21h16" }));
 }
 function lt(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }), /* @__PURE__ */ a("path", { d: "m16 16 5 5" }), /* @__PURE__ */ a("path", { d: "m21 16-5 5" }));
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }));
+}
+function at(e) {
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }), /* @__PURE__ */ l("path", { d: "m16 16 5 5" }), /* @__PURE__ */ l("path", { d: "m21 16-5 5" }));
 }
 function st(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ a("path", { d: "M3 4v5h5" }));
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ l("path", { d: "M3 4v5h5" }));
 }
 function it(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "M4 7h10" }), /* @__PURE__ */ a("path", { d: "M18 7h2" }), /* @__PURE__ */ a("path", { d: "M14 5v4" }), /* @__PURE__ */ a("path", { d: "M4 17h2" }), /* @__PURE__ */ a("path", { d: "M10 17h10" }), /* @__PURE__ */ a("path", { d: "M10 15v4" }));
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "M4 7h10" }), /* @__PURE__ */ l("path", { d: "M18 7h2" }), /* @__PURE__ */ l("path", { d: "M14 5v4" }), /* @__PURE__ */ l("path", { d: "M4 17h2" }), /* @__PURE__ */ l("path", { d: "M10 17h10" }), /* @__PURE__ */ l("path", { d: "M10 15v4" }));
 }
 function ct(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }), /* @__PURE__ */ a("path", { d: "M9 5v14" }), /* @__PURE__ */ a("path", { d: "M15 5v14" }));
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }), /* @__PURE__ */ l("path", { d: "M9 5v14" }), /* @__PURE__ */ l("path", { d: "M15 5v14" }));
 }
-function xe(e) {
-  return /* @__PURE__ */ a(L, { ...e }, /* @__PURE__ */ a("path", { d: "m6 9 6 6 6-6" }));
+function ve(e) {
+  return /* @__PURE__ */ l(L, { ...e }, /* @__PURE__ */ l("path", { d: "m6 9 6 6 6-6" }));
 }
 const _ = "default";
 Q({
@@ -108,16 +108,16 @@ function dt(e) {
 function I(e) {
   return String(e.id ?? e.name ?? "");
 }
-function ve(e, t) {
+function xe(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const o of e) {
-    const l = I(o);
-    l && !n.has(l) && n.set(l, o);
+    const a = I(o);
+    a && !n.has(a) && n.set(a, o);
   }
   const r = [];
   for (const o of t) {
-    const l = n.get(o);
-    l && (r.push(l), n.delete(o));
+    const a = n.get(o);
+    a && (r.push(a), n.delete(o));
   }
   return r.push(...n.values()), r;
 }
@@ -168,101 +168,101 @@ function mt() {
   if (se) return Y;
   se = 1;
   var e = Re;
-  function t(c, p) {
-    return c === p && (c !== 0 || 1 / c === 1 / p) || c !== c && p !== p;
+  function t(u, g) {
+    return u === g && (u !== 0 || 1 / u === 1 / g) || u !== u && g !== g;
   }
-  var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, l = e.useLayoutEffect, s = e.useDebugValue;
-  function i(c, p) {
-    var u = p(), g = r({ inst: { value: u, getSnapshot: p } }), m = g[0].inst, S = g[1];
-    return l(
+  var n = typeof Object.is == "function" ? Object.is : t, r = e.useState, o = e.useEffect, a = e.useLayoutEffect, s = e.useDebugValue;
+  function i(u, g) {
+    var d = g(), m = r({ inst: { value: d, getSnapshot: g } }), b = m[0].inst, S = m[1];
+    return a(
       function() {
-        m.value = u, m.getSnapshot = p, f(m) && S({ inst: m });
+        b.value = d, b.getSnapshot = g, c(b) && S({ inst: b });
       },
-      [c, u, p]
+      [u, d, g]
     ), o(
       function() {
-        return f(m) && S({ inst: m }), c(function() {
-          f(m) && S({ inst: m });
+        return c(b) && S({ inst: b }), u(function() {
+          c(b) && S({ inst: b });
         });
       },
-      [c]
-    ), s(u), u;
+      [u]
+    ), s(d), d;
   }
-  function f(c) {
-    var p = c.getSnapshot;
-    c = c.value;
+  function c(u) {
+    var g = u.getSnapshot;
+    u = u.value;
     try {
-      var u = p();
-      return !n(c, u);
+      var d = g();
+      return !n(u, d);
     } catch {
       return !0;
     }
   }
-  function h(c, p) {
-    return p();
+  function p(u, g) {
+    return g();
   }
-  var b = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? h : i;
-  return Y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : b, Y;
+  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : i;
+  return Y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : h, Y;
 }
 var z = {};
 var ie;
-function ht() {
+function bt() {
   return ie || (ie = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(u, g) {
-      return u === g && (u !== 0 || 1 / u === 1 / g) || u !== u && g !== g;
+    function e(d, m) {
+      return d === m && (d !== 0 || 1 / d === 1 / m) || d !== d && m !== m;
     }
-    function t(u, g) {
-      b || o.startTransition === void 0 || (b = !0, console.error(
+    function t(d, m) {
+      h || o.startTransition === void 0 || (h = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var m = g();
-      if (!c) {
-        var S = g();
-        l(m, S) || (console.error(
+      var b = m();
+      if (!u) {
+        var S = m();
+        a(b, S) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), c = !0);
+        ), u = !0);
       }
       S = s({
-        inst: { value: m, getSnapshot: g }
+        inst: { value: b, getSnapshot: m }
       });
       var E = S[0].inst, R = S[1];
-      return f(
+      return c(
         function() {
-          E.value = m, E.getSnapshot = g, n(E) && R({ inst: E });
+          E.value = b, E.getSnapshot = m, n(E) && R({ inst: E });
         },
-        [u, m, g]
+        [d, b, m]
       ), i(
         function() {
-          return n(E) && R({ inst: E }), u(function() {
+          return n(E) && R({ inst: E }), d(function() {
             n(E) && R({ inst: E });
           });
         },
-        [u]
-      ), h(m), m;
+        [d]
+      ), p(b), b;
     }
-    function n(u) {
-      var g = u.getSnapshot;
-      u = u.value;
+    function n(d) {
+      var m = d.getSnapshot;
+      d = d.value;
       try {
-        var m = g();
-        return !l(u, m);
+        var b = m();
+        return !a(d, b);
       } catch {
         return !0;
       }
     }
-    function r(u, g) {
-      return g();
+    function r(d, m) {
+      return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = Re, l = typeof Object.is == "function" ? Object.is : e, s = o.useState, i = o.useEffect, f = o.useLayoutEffect, h = o.useDebugValue, b = !1, c = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
-    z.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+    var o = Re, a = typeof Object.is == "function" ? Object.is : e, s = o.useState, i = o.useEffect, c = o.useLayoutEffect, p = o.useDebugValue, h = !1, u = !1, g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : t;
+    z.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : g, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), z;
 }
 var ce;
-function bt() {
-  return ce || (ce = 1, process.env.NODE_ENV === "production" ? k.exports = mt() : k.exports = ht()), k.exports;
+function ht() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? k.exports = mt() : k.exports = bt()), k.exports;
 }
-var Oe = bt();
+var Oe = ht();
 const Et = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", we = "yyyy-mm-dd hh:mm";
 class St extends Error {
   constructor(t) {
@@ -278,7 +278,7 @@ class yt extends Error {
     ), this.name = "XlsxWriteError", this.cause = n;
   }
 }
-function xt(e) {
+function vt(e) {
   const t = e.replace(/[[\]:*?/\\]/g, " ").trim();
   return t ? t.slice(0, 31) : "Export";
 }
@@ -289,20 +289,20 @@ async function Tt() {
     throw new St(e);
   }
 }
-async function vt(e, t = {}) {
-  const { dateFormat: n = we, sheetName: r = "Export" } = t, o = await Tt(), l = {
+async function xt(e, t = {}) {
+  const { dateFormat: n = we, sheetName: r = "Export" } = t, o = await Tt(), a = {
     cellDates: !0,
     dateNF: n
   };
   try {
     const s = o.utils.aoa_to_sheet(
       [e.headers, ...e.rows],
-      l
+      a
     ), i = o.utils.book_new();
-    return o.utils.book_append_sheet(i, s, xt(r)), o.write(i, {
+    return o.utils.book_append_sheet(i, s, vt(r)), o.write(i, {
       bookType: "xlsx",
       type: "array",
-      ...l
+      ...a
     });
   } catch (s) {
     throw new yt(n, s);
@@ -325,12 +325,12 @@ function Ce(e) {
     const i = J(s);
     i && !o.has(i) && o.set(i, s);
   }
-  const l = [];
+  const a = [];
   for (const s of n) {
     const i = o.get(s);
-    i && (l.push(i), o.delete(s));
+    i && (a.push(i), o.delete(s));
   }
-  return l.push(...o.values()), l.filter((s) => s.exportable === !1 || !te(s) ? !1 : s.exportWhenHidden ? !0 : r[J(s)] !== !1);
+  return a.push(...o.values()), a.filter((s) => s.exportable === !1 || !te(s) ? !1 : s.exportWhenHidden ? !0 : r[J(s)] !== !1);
 }
 function Lt(e, t) {
   if (!(typeof e != "object" || e == null))
@@ -379,7 +379,7 @@ function It(e) {
   );
   return JSON.stringify(t, null, 2);
 }
-const B = {
+const U = {
   csv: {
     label: "CSV",
     extension: "csv",
@@ -396,13 +396,13 @@ const B = {
     label: "Excel",
     extension: "xlsx",
     mimeType: Et,
-    createContent: (e, t) => vt(e, t)
+    createContent: (e, t) => xt(e, t)
   }
 }, Le = ["csv", "json"];
 function Nt(e, t, n) {
   if (typeof document > "u" || typeof URL > "u") return 0;
-  const r = new Blob([t], { type: n }), o = URL.createObjectURL(r), l = document.createElement("a");
-  return l.href = o, l.download = e, l.rel = "noopener", document.body.append(l), l.click(), l.remove(), URL.revokeObjectURL(o), r.size;
+  const r = new Blob([t], { type: n }), o = URL.createObjectURL(r), a = document.createElement("a");
+  return a.href = o, a.download = e, a.rel = "noopener", document.body.append(a), a.click(), a.remove(), URL.revokeObjectURL(o), r.size;
 }
 function Fe(...e) {
   const t = {};
@@ -411,23 +411,23 @@ function Fe(...e) {
   return t;
 }
 async function De(e, t, n = {}) {
-  const r = B[t];
+  const r = U[t];
   if (!r) return null;
   const o = Ce(e);
   if (o.length === 0) return null;
-  const l = n.scope ?? Rt, s = l === "all" ? e.getAllRows() : e.getViewRows(), i = Dt(o, s), f = {
+  const a = n.scope ?? Rt, s = a === "all" ? e.getAllRows() : e.getViewRows(), i = Dt(o, s), c = {
     format: t,
-    scope: l,
+    scope: a,
     rowCount: i.rows.length,
     columnCount: i.headers.length
-  }, h = typeof n.fileName == "function" ? n.fileName(f) : n.fileName ?? _t, b = await r.createContent(i, {
+  }, p = typeof n.fileName == "function" ? n.fileName(c) : n.fileName ?? _t, h = await r.createContent(i, {
     dateFormat: n.dateFormat ?? we,
-    sheetName: n.sheetName ?? h
-  }), c = `${h}.${r.extension}`, p = Nt(c, b, r.mimeType);
-  return { ...f, fileName: c, byteLength: p };
+    sheetName: n.sheetName ?? p
+  }), u = `${p}.${r.extension}`, g = Nt(u, h, r.mimeType);
+  return { ...c, fileName: u, byteLength: g };
 }
 const Vt = Object.keys(
-  B
+  U
 );
 function Gt(e) {
   let t = null, n = null;
@@ -435,7 +435,7 @@ function Gt(e) {
     const o = e.getSnapshot();
     return t === o && n || (t = o, n = {
       attached: e.isAttached(),
-      columns: ve(o.columns, o.columnOrder),
+      columns: xe(o.columns, o.columnOrder),
       columnVisibilityMap: o.columnVisibilityMap,
       theme: o.theme,
       filteringEnabled: o.filteringEnabled,
@@ -444,23 +444,23 @@ function Gt(e) {
     }), n;
   };
   return {
-    async exportGrid(o, l) {
+    async exportGrid(o, a) {
       return De(
         e.getSnapshot(),
         o,
-        Fe(l, e.getExportDefaults())
+        Fe(a, e.getExportDefaults())
       );
     },
     getExportFormats: () => Vt,
     getColumns: () => r().columns,
     isColumnVisible(o) {
-      const l = e.getSnapshot();
-      return l.columnVisibilityMap[o] === !1 ? !1 : l.columns.some(
+      const a = e.getSnapshot();
+      return a.columnVisibilityMap[o] === !1 ? !1 : a.columns.some(
         (s) => I(s) === o
       );
     },
-    setColumnVisible(o, l) {
-      e.getSnapshot().setColumnVisible(o, l);
+    setColumnVisible(o, a) {
+      e.getSnapshot().setColumnVisible(o, a);
     },
     isFilteringEnabled: () => e.getSnapshot().filteringEnabled,
     canToggleFiltering: () => e.getSnapshot().canToggleFiltering,
@@ -509,34 +509,34 @@ function Wt(e, t) {
 }
 function Kt() {
   let e = null, t = A, n;
-  const r = /* @__PURE__ */ new Set(), o = (f) => {
-    Wt(t, f) || (t = f, r.forEach((h) => h()));
-  }, l = () => t, s = () => n, i = (f) => (r.add(f), () => {
-    r.delete(f);
+  const r = /* @__PURE__ */ new Set(), o = (c) => {
+    Wt(t, c) || (t = c, r.forEach((p) => p()));
+  }, a = () => t, s = () => n, i = (c) => (r.add(c), () => {
+    r.delete(c);
   });
   return {
     api: Gt({
-      getSnapshot: l,
+      getSnapshot: a,
       subscribe: i,
       getExportDefaults: s,
       isAttached: () => t !== A
     }),
     createTargetRegistration() {
-      const f = /* @__PURE__ */ Symbol("rdg-toolbar-target");
-      let h = !1, b = null;
+      const c = /* @__PURE__ */ Symbol("rdg-toolbar-target");
+      let p = !1, h = null;
       return {
         controller: {
-          publish(c) {
-            b = c, h && e === f && o(c);
+          publish(u) {
+            h = u, p && e === c && o(u);
           }
         },
         attach() {
-          if (e !== null && e !== f)
+          if (e !== null && e !== c)
             throw new Error(
               "RDGToolbarProvider supports one ReactDataGrid target. Use a separate provider for each grid."
             );
-          return h = !0, e = f, b && o(b), () => {
-            h && (h = !1, e === f && (e = null, o(A)));
+          return p = !0, e = c, h && o(h), () => {
+            p && (p = !1, e === c && (e = null, o(A)));
           };
         }
       };
@@ -545,10 +545,10 @@ function Kt() {
       e = null, t = A, n = void 0, r.clear();
     },
     getExportDefaults: s,
-    getSnapshot: l,
+    getSnapshot: a,
     getServerSnapshot: () => A,
-    setExportDefaults(f) {
-      n = f;
+    setExportDefaults(c) {
+      n = c;
     },
     subscribe: i
   };
@@ -556,7 +556,7 @@ function Kt() {
 const Me = Q(
   null
 );
-function H() {
+function $() {
   const e = Ee(Me);
   if (!e)
     throw new Error(
@@ -565,7 +565,7 @@ function H() {
   return e;
 }
 function V() {
-  const e = H();
+  const e = $();
   return Oe.useSyncExternalStore(
     e.subscribe,
     e.getSnapshot,
@@ -573,26 +573,26 @@ function V() {
   );
 }
 function io() {
-  return H().api;
+  return $().api;
 }
 function co(e) {
   return Oe.useSyncExternalStore(e.subscribe, e.getState, e.getState);
 }
 function Ae() {
-  const e = ee(), [t, n] = C(null), r = V(), o = Te(r.theme), l = dt(o);
+  const e = ee(), [t, n] = C(null), r = V(), o = Te(r.theme), a = dt(o);
   return {
     rootProps: {
       ref: Z((i) => {
         n(i);
       }, []),
       "data-theme": o,
-      "data-theme-base": l
+      "data-theme-base": a
     },
-    wrap: (i) => /* @__PURE__ */ a(
+    wrap: (i) => /* @__PURE__ */ l(
       e.ThemeProvider,
       {
         theme: o,
-        themeBase: l,
+        themeBase: a,
         portalContainer: t
       },
       i
@@ -604,29 +604,30 @@ function Yt(e) {
 }
 function Ie() {
   const e = V(), t = w(
-    () => ve(e.columns, e.columnOrder),
+    () => xe(e.columns, e.columnOrder),
     [e.columnOrder, e.columns]
   ), n = t.reduce(
     (r, o) => r + (e.columnVisibilityMap[I(o)] === !1 ? 0 : 1),
     0
   );
   return t.filter((r) => r.hideable !== !1).map((r) => {
-    const o = I(r), l = e.columnVisibilityMap[o] !== !1;
+    const o = I(r), a = e.columnVisibilityMap[o] !== !1;
     return {
       columnId: o,
-      disabled: l && n <= 1,
+      disabled: a && n <= 1,
       label: Yt(r),
-      onToggle: () => e.setColumnVisible(o, !l),
-      visible: l
+      onToggle: () => e.setColumnVisible(o, !a),
+      visible: a
     };
   });
 }
-const x = {
+const T = {
   export: "Export",
   showFilters: "Show filters",
   hideFilters: "Hide filters",
   clearFilters: "Clear filters",
   columns: "Columns",
+  columnToggles: null,
   showToolbar: "Columns and filters",
   hideToolbar: "Hide columns and filters",
   exportFormats: {},
@@ -635,13 +636,13 @@ const x = {
 };
 function zt(e) {
   return {
-    ...x,
+    ...T,
     ...e,
     // A caller passing `exportFormats: undefined` out of a conditional would
     // otherwise defeat the spread and leave the lookups without a map.
-    exportFormats: e?.exportFormats ?? x.exportFormats,
-    exportSingle: e?.exportSingle ?? x.exportSingle,
-    filteringControlledHint: e?.filteringControlledHint ?? x.filteringControlledHint
+    exportFormats: e?.exportFormats ?? T.exportFormats,
+    exportSingle: e?.exportSingle ?? T.exportSingle,
+    filteringControlledHint: e?.filteringControlledHint ?? T.filteringControlledHint
   };
 }
 const Ne = 8;
@@ -649,8 +650,8 @@ function qt(...e) {
   return e.filter(Boolean).join(" ");
 }
 function uo(e) {
-  const { children: t, bare: n = !1, className: r, style: o, ariaLabel: l } = e, { rootProps: s, wrap: i } = Ae();
-  return /* @__PURE__ */ a(
+  const { children: t, bare: n = !1, className: r, style: o, ariaLabel: a } = e, { rootProps: s, wrap: i } = Ae();
+  return /* @__PURE__ */ l(
     "div",
     {
       ...s,
@@ -658,66 +659,68 @@ function uo(e) {
       style: o,
       "data-slot": "rdg-toolbar-surface",
       "data-bare": n ? "true" : void 0,
-      "aria-label": l
+      "aria-label": a
     },
     i(t)
   );
 }
 function Jt(e) {
   const {
-    ariaLabel: t = "Visible column toggles",
-    describedById: n,
-    className: r
-  } = e, o = Ie();
-  return /* @__PURE__ */ a(
+    label: t,
+    ariaLabel: n = "Visible column toggles",
+    describedById: r,
+    className: o
+  } = e, a = Ie(), s = j("tdg-column-toggle-list-label"), i = t != null, c = /* @__PURE__ */ l(
     "div",
     {
       role: "group",
-      "aria-label": t,
-      "aria-describedby": n,
-      className: r,
+      "aria-label": i ? void 0 : n,
+      "aria-labelledby": i ? s : void 0,
+      "aria-describedby": r,
+      className: o,
       "data-slot": "rdg-column-toggle-list"
     },
-    o.map((l) => /* @__PURE__ */ a(
+    a.map((p) => /* @__PURE__ */ l(
       "button",
       {
-        key: l.columnId,
+        key: p.columnId,
         type: "button",
-        "aria-pressed": l.visible,
-        disabled: l.disabled,
-        "data-state": l.visible ? "on" : "off",
+        "aria-pressed": p.visible,
+        disabled: p.disabled,
+        "data-state": p.visible ? "on" : "off",
         "data-slot": "rdg-column-toggle",
-        "data-column-id": l.columnId,
-        onClick: l.onToggle
+        "data-column-id": p.columnId,
+        onClick: p.onToggle
       },
-      l.label
+      p.label
     ))
   );
+  return i ? /* @__PURE__ */ l("div", { "data-slot": "rdg-column-toggle-group" }, /* @__PURE__ */ l("div", { id: s, "data-slot": "rdg-column-toggle-list-label" }, t), c) : c;
 }
 function Qt(e) {
   const {
-    label: t = x.columns,
+    label: t = T.columns,
     ariaLabel: n = "Visible column toggles",
     describedById: r,
     className: o
-  } = e, l = Ie(), s = ee();
-  return /* @__PURE__ */ a("div", { className: o, "data-slot": "rdg-toolbar-column-toggle-wrapper" }, /* @__PURE__ */ a(s.Root, { modal: !1 }, /* @__PURE__ */ a(
+  } = e, a = Ie(), s = ee();
+  return /* @__PURE__ */ l("div", { className: o, "data-slot": "rdg-toolbar-column-toggle-wrapper" }, /* @__PURE__ */ l(s.Root, { modal: !1 }, /* @__PURE__ */ l(
     s.Trigger,
     {
       "data-slot": "rdg-toolbar-column-toggle-trigger",
       "aria-describedby": r,
-      disabled: l.length === 0
+      disabled: a.length === 0
     },
-    /* @__PURE__ */ a(ct, { "data-icon": "inline-start" }),
+    /* @__PURE__ */ l(ct, { "data-icon": "inline-start" }),
     t,
-    /* @__PURE__ */ a(
-      xe,
+    /* @__PURE__ */ l(
+      ve,
       {
         className: "tdg-toolbar-column-toggle-chevron",
         "data-icon": "inline-end"
       }
     )
-  ), /* @__PURE__ */ a(
+  ), /* @__PURE__ */ l(
     s.Content,
     {
       align: "start",
@@ -729,9 +732,9 @@ function Qt(e) {
       "aria-describedby": r,
       "data-slot": "rdg-toolbar-column-toggle-menu"
     },
-    /* @__PURE__ */ a(s.Label, { "data-slot": "rdg-toolbar-column-toggle-menu-label" }, t),
-    /* @__PURE__ */ a(s.Separator, { "data-slot": "rdg-toolbar-column-toggle-menu-separator" }),
-    /* @__PURE__ */ a(s.Group, { "data-slot": "rdg-toolbar-column-toggle-menu-group" }, l.map((i) => /* @__PURE__ */ a(
+    /* @__PURE__ */ l(s.Label, { "data-slot": "rdg-toolbar-column-toggle-menu-label" }, t),
+    /* @__PURE__ */ l(s.Separator, { "data-slot": "rdg-toolbar-column-toggle-menu-separator" }),
+    /* @__PURE__ */ l(s.Group, { "data-slot": "rdg-toolbar-column-toggle-menu-group" }, a.map((i) => /* @__PURE__ */ l(
       s.CheckboxItem,
       {
         key: i.columnId,
@@ -740,10 +743,10 @@ function Qt(e) {
         "data-slot": "rdg-column-toggle",
         "data-layout": "menu",
         "data-column-id": i.columnId,
-        onSelect: (f) => f.preventDefault(),
+        onSelect: (c) => c.preventDefault(),
         onCheckedChange: i.onToggle
       },
-      /* @__PURE__ */ a("span", { "data-slot": "rdg-column-toggle-label" }, i.label)
+      /* @__PURE__ */ l("span", { "data-slot": "rdg-column-toggle-label" }, i.label)
     )))
   )));
 }
@@ -753,34 +756,34 @@ function Zt(e) {
     scope: n,
     fileName: r,
     dateFormat: o,
-    sheetName: l,
-    label: s = x.export,
-    formatLabels: i = x.exportFormats,
-    singleLabels: f = x.exportSingle,
-    onExportSuccess: h,
-    onExportError: b,
-    className: c
-  } = e, p = ee(), u = V(), g = H(), [m, S] = C(!1), E = w(
-    () => t.filter((y) => B[y] != null),
+    sheetName: a,
+    label: s = T.export,
+    formatLabels: i = T.exportFormats,
+    singleLabels: c = T.exportSingle,
+    onExportSuccess: p,
+    onExportError: h,
+    className: u
+  } = e, g = ee(), d = V(), m = $(), [b, S] = C(!1), E = w(
+    () => t.filter((y) => U[y] != null),
     [t]
   ), R = w(
-    () => Ce(u).length,
-    [u]
-  ), F = m || R === 0 || E.length === 0, D = Z(
+    () => Ce(d).length,
+    [d]
+  ), F = b || R === 0 || E.length === 0, D = Z(
     async (y) => {
       S(!0);
       try {
-        const v = await De(
-          u,
+        const x = await De(
+          d,
           y,
           Fe(
-            { scope: n, fileName: r, dateFormat: o, sheetName: l },
-            g.getExportDefaults()
+            { scope: n, fileName: r, dateFormat: o, sheetName: a },
+            m.getExportDefaults()
           )
         );
-        v && h?.(v);
-      } catch (v) {
-        b?.(v), b || console.error(v);
+        x && p?.(x);
+      } catch (x) {
+        h?.(x), h || console.error(x);
       } finally {
         S(!1);
       }
@@ -788,19 +791,19 @@ function Zt(e) {
     [
       o,
       r,
-      b,
       h,
+      p,
       n,
-      l,
-      u,
-      g
+      a,
+      d,
+      m
     ]
-  ), G = (y) => i[y] ?? B[y].label, O = E.length === 1 ? E[0] : null;
-  return O ? /* @__PURE__ */ a(
+  ), G = (y) => i[y] ?? U[y].label, O = E.length === 1 ? E[0] : null;
+  return O ? /* @__PURE__ */ l(
     "button",
     {
       type: "button",
-      className: c,
+      className: u,
       "data-slot": "rdg-toolbar-export",
       "data-export-format": O,
       disabled: F,
@@ -808,10 +811,10 @@ function Zt(e) {
         D(O);
       }
     },
-    /* @__PURE__ */ a(le, null),
-    f[O] ?? /* @__PURE__ */ a(j, null, s, " ", G(O))
-  ) : /* @__PURE__ */ a("div", { className: c, "data-slot": "rdg-toolbar-export-wrapper" }, /* @__PURE__ */ a(p.Root, { modal: !1 }, /* @__PURE__ */ a(p.Trigger, { "data-slot": "rdg-toolbar-export", disabled: F }, /* @__PURE__ */ a(le, null), s), /* @__PURE__ */ a(
-    p.Content,
+    /* @__PURE__ */ l(ae, null),
+    c[O] ?? /* @__PURE__ */ l(B, null, s, " ", G(O))
+  ) : /* @__PURE__ */ l("div", { className: u, "data-slot": "rdg-toolbar-export-wrapper" }, /* @__PURE__ */ l(g.Root, { modal: !1 }, /* @__PURE__ */ l(g.Trigger, { "data-slot": "rdg-toolbar-export", disabled: F }, /* @__PURE__ */ l(ae, null), s), /* @__PURE__ */ l(
+    g.Content,
     {
       align: "end",
       loop: !0,
@@ -819,8 +822,8 @@ function Zt(e) {
       collisionPadding: Ne,
       "data-slot": "rdg-toolbar-export-menu"
     },
-    E.map((y) => /* @__PURE__ */ a(
-      p.Item,
+    E.map((y) => /* @__PURE__ */ l(
+      g.Item,
       {
         key: y,
         "data-slot": "rdg-toolbar-export-format",
@@ -835,30 +838,30 @@ function Zt(e) {
 }
 function eo(e) {
   const {
-    showFiltersLabel: t = x.showFilters,
-    hideFiltersLabel: n = x.hideFilters,
-    controlledHint: r = x.filteringControlledHint,
+    showFiltersLabel: t = T.showFilters,
+    hideFiltersLabel: n = T.hideFilters,
+    controlledHint: r = T.filteringControlledHint,
     className: o
-  } = e, l = V();
-  return /* @__PURE__ */ a(
+  } = e, a = V();
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
       className: o,
-      "aria-pressed": l.filteringEnabled,
-      "data-state": l.filteringEnabled ? "on" : "off",
+      "aria-pressed": a.filteringEnabled,
+      "data-state": a.filteringEnabled ? "on" : "off",
       "data-slot": "rdg-toolbar-filter-toggle",
-      disabled: !l.canToggleFiltering,
-      title: l.canToggleFiltering ? void 0 : r,
-      onClick: () => l.setFilteringEnabled(!l.filteringEnabled)
+      disabled: !a.canToggleFiltering,
+      title: a.canToggleFiltering ? void 0 : r,
+      onClick: () => a.setFilteringEnabled(!a.filteringEnabled)
     },
-    l.filteringEnabled ? /* @__PURE__ */ a(lt, null) : /* @__PURE__ */ a(at, null),
-    l.filteringEnabled ? n : t
+    a.filteringEnabled ? /* @__PURE__ */ l(at, null) : /* @__PURE__ */ l(lt, null),
+    a.filteringEnabled ? n : t
   );
 }
 function to(e) {
-  const { label: t = x.clearFilters, className: n } = e, r = V();
-  return /* @__PURE__ */ a(
+  const { label: t = T.clearFilters, className: n } = e, r = V();
+  return /* @__PURE__ */ l(
     "button",
     {
       type: "button",
@@ -867,7 +870,7 @@ function to(e) {
       disabled: !r.filtered,
       onClick: () => r.clearAllFilters()
     },
-    /* @__PURE__ */ a(st, null),
+    /* @__PURE__ */ l(st, null),
     t
   );
 }
@@ -877,28 +880,28 @@ function fo(e) {
     ariaLabel: n = "Visible column toggles",
     title: r = "Visible columns",
     description: o = "Choose which columns are visible in the grid.",
-    collapsible: l = !1,
+    collapsible: a = !1,
     showColumnToggles: s = !0,
     toolbarCollapsedColumnToggles: i = !1,
-    disableMobileAutoToolbarCollapsedColumns: f = !1,
-    showExport: h = !1,
-    showFilterToggle: b = !1,
-    showClearFilters: c = !1,
+    disableMobileAutoToolbarCollapsedColumns: c = !1,
+    showExport: p = !1,
+    showFilterToggle: h = !1,
+    showClearFilters: u = !1,
     // No literal defaults here: one would be indistinguishable from a passed
     // value and would outrank the provider's `exportDefaults`.
-    exportScope: p,
-    exportFormats: u = Le,
-    exportFileName: g,
-    exportDateFormat: m,
+    exportScope: g,
+    exportFormats: d = Le,
+    exportFileName: m,
+    exportDateFormat: b,
     exportSheetName: S,
     onExportSuccess: E,
     onExportError: R,
     labels: F,
     className: D
-  } = e, { rootProps: G, wrap: O } = Ae(), y = K("tdg-toolbar-title"), v = K("tdg-toolbar-description"), oe = K("tdg-toolbar-collapsible-panel"), [M, Pe] = C(!1), ke = ot("(max-width: 1024px)"), $ = i || ke && !f, T = w(
+  } = e, { rootProps: G, wrap: O } = Ae(), y = j("tdg-toolbar-title"), x = j("tdg-toolbar-description"), oe = j("tdg-toolbar-collapsible-panel"), [M, Pe] = C(!1), ke = ot("(max-width: 1024px)"), X = i || ke && !c, v = w(
     () => zt(F),
     [F]
-  ), X = o != null ? v : void 0, W = r != null || o != null ? /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-heading" }, r != null ? /* @__PURE__ */ a(
+  ), W = o != null ? x : void 0, K = r != null || o != null ? /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-heading" }, r != null ? /* @__PURE__ */ l(
     "div",
     {
       id: y,
@@ -907,63 +910,65 @@ function fo(e) {
       "aria-level": 2
     },
     r
-  ) : null, o != null ? /* @__PURE__ */ a("div", { id: v, "data-slot": "rdg-toolbar-description" }, o) : null) : null, ne = s && $ ? /* @__PURE__ */ a(
+  ) : null, o != null ? /* @__PURE__ */ l("div", { id: x, "data-slot": "rdg-toolbar-description" }, o) : null) : null, ne = s && X ? /* @__PURE__ */ l(
     Qt,
     {
       ariaLabel: n,
-      describedById: X,
-      label: T.columns
+      describedById: W,
+      label: v.columns
     }
-  ) : null, re = /* @__PURE__ */ a(
+  ) : null, re = /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "rdg-toolbar-body",
-      "data-leading": s && !$ ? "toggles" : "none"
+      "data-leading": s && !X ? "toggles" : "none",
+      "data-toggles-labelled": v.columnToggles != null ? "true" : void 0
     },
-    s && !$ ? /* @__PURE__ */ a(
+    s && !X ? /* @__PURE__ */ l(
       Jt,
       {
+        label: v.columnToggles,
         ariaLabel: n,
-        describedById: X
+        describedById: W
       }
     ) : null,
-    ne != null || h || b || c || t != null ? /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-actions" }, ne, h ? /* @__PURE__ */ a(
+    ne != null || p || h || u || t != null ? /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-actions" }, ne, p ? /* @__PURE__ */ l(
       Zt,
       {
-        formats: u,
-        scope: p,
-        fileName: g,
-        dateFormat: m,
+        formats: d,
+        scope: g,
+        fileName: m,
+        dateFormat: b,
         sheetName: S,
-        label: T.export,
-        formatLabels: T.exportFormats,
-        singleLabels: T.exportSingle,
+        label: v.export,
+        formatLabels: v.exportFormats,
+        singleLabels: v.exportSingle,
         onExportSuccess: E,
         onExportError: R
       }
-    ) : null, b ? /* @__PURE__ */ a(
+    ) : null, h ? /* @__PURE__ */ l(
       eo,
       {
-        showFiltersLabel: T.showFilters,
-        hideFiltersLabel: T.hideFilters,
-        controlledHint: T.filteringControlledHint
+        showFiltersLabel: v.showFilters,
+        hideFiltersLabel: v.hideFilters,
+        controlledHint: v.filteringControlledHint
       }
-    ) : null, c ? /* @__PURE__ */ a(to, { label: T.clearFilters }) : null, t) : null
+    ) : null, u ? /* @__PURE__ */ l(to, { label: v.clearFilters }) : null, t) : null
   );
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ l(
     "div",
     {
       ...G,
       className: D ? `tdg-toolbar-root ${D}` : "tdg-toolbar-root",
       "data-slot": "rdg-toolbar",
-      "data-collapsible": l ? "true" : void 0,
-      "data-state": l ? M ? "open" : "closed" : void 0,
+      "data-collapsible": a ? "true" : void 0,
+      "data-state": a ? M ? "open" : "closed" : void 0,
       role: r != null ? "region" : void 0,
       "aria-labelledby": r != null ? y : void 0,
-      "aria-describedby": X
+      "aria-describedby": W
     },
     O(
-      l ? /* @__PURE__ */ a(j, null, /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-header-row" }, W != null ? /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-collapsible-heading" }, W) : null, /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-disclosure-row" }, /* @__PURE__ */ a(
+      a ? /* @__PURE__ */ l(B, null, /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-header-row" }, K != null ? /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-collapsible-heading" }, K) : null, /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-disclosure-row" }, /* @__PURE__ */ l(
         "button",
         {
           type: "button",
@@ -973,18 +978,18 @@ function fo(e) {
           "data-slot": "rdg-toolbar-disclosure",
           onClick: () => Pe((je) => !je)
         },
-        /* @__PURE__ */ a(it, null),
-        M ? T.hideToolbar : T.showToolbar,
-        /* @__PURE__ */ a(xe, { className: "tdg-toolbar-disclosure-chevron" })
-      ))), /* @__PURE__ */ a(
+        /* @__PURE__ */ l(it, null),
+        M ? v.hideToolbar : v.showToolbar,
+        /* @__PURE__ */ l(ve, { className: "tdg-toolbar-disclosure-chevron" })
+      ))), /* @__PURE__ */ l(
         "div",
         {
           id: oe,
           "aria-hidden": !M,
           "data-slot": "rdg-toolbar-collapsible-panel"
         },
-        /* @__PURE__ */ a("div", { "data-slot": "rdg-toolbar-collapsible-panel-inner" }, re)
-      )) : /* @__PURE__ */ a(j, null, W, re)
+        /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-collapsible-panel-inner" }, re)
+      )) : /* @__PURE__ */ l(B, null, K, re)
     )
   );
 }
@@ -1007,48 +1012,48 @@ function ro(e, t) {
       return n;
     if (!no(n.type)) return null;
     const o = n.props.children;
-    if (!U(o)) return null;
+    if (!H(o)) return null;
     n = o;
   }
   return null;
 }
-function ao(e, t) {
+function lo(e, t) {
   typeof e != "function" && typeof e != "object" || !e || Object.defineProperty(e, t, { value: !0 });
 }
 function Ge(e) {
-  const { children: t } = e, n = e.__rdgSearchController, r = H(), o = w(
+  const { children: t } = e, n = e.__rdgSearchController, r = $(), o = w(
     () => r.createTargetRegistration(),
     [r]
   );
-  if (N(() => o.attach(), [o]), !U(t))
+  if (N(() => o.attach(), [o]), !H(t))
     throw new Error(
       "RDGToolbarTarget expects exactly one ReactDataGrid child."
     );
   if (!ro(t, _e))
     throw new Error("RDGToolbarTarget expects a ReactDataGrid child.");
-  const l = {
+  const a = {
     __rdgToolbarController: o.controller
   };
-  return n !== void 0 && (l.__rdgSearchController = n), be(
+  return n !== void 0 && (a.__rdgSearchController = n), he(
     t,
-    l
+    a
   );
 }
-ao(Ge, Ve);
-const lo = typeof window > "u" ? N : ye;
+lo(Ge, Ve);
+const ao = typeof window > "u" ? N : ye;
 function po(e) {
   const { children: t, apiRef: n, exportDefaults: r } = e, [o] = C(Kt);
-  N(() => () => o.dispose(), [o]), lo(() => {
+  N(() => () => o.dispose(), [o]), ao(() => {
     o.setExportDefaults(r);
   }, [o, r]), Se(n, () => o.api, [o]);
-  const l = w(
-    () => he.map(
+  const a = w(
+    () => be.map(
       t,
-      (s) => U(s) && _e(s.type) ? /* @__PURE__ */ a(Ge, null, s) : s
+      (s) => H(s) && _e(s.type) ? /* @__PURE__ */ l(Ge, null, s) : s
     ),
     [t]
   );
-  return /* @__PURE__ */ a(Me.Provider, { value: o }, l);
+  return /* @__PURE__ */ l(Me.Provider, { value: o }, a);
 }
 export {
   to as RDGClearFiltersButton,