@geovi/the-datagrid 0.0.12 → 0.0.13

package/dist/toolbar.js

@@ -0,0 +1,797 @@
+"use client";
+import "./toolbar.css";
+import * as me from "react";
+import Ie from "./index.js";
+const Me = me, u = Me.default ?? me, ge = u.Children, Ne = u.Component, he = u.Fragment, Ve = u.PureComponent, be = u.cloneElement, q = u.createContext, l = u.createElement, ke = u.createRef, Ge = u.forwardRef, G = u.isValidElement, je = u.lazy, Pe = u.memo, J = u.useCallback, ye = u.useContext, Ue = u.useDebugValue, Be = u.useDeferredValue, j = u.useEffect, W = u.useId, $e = u.useImperativeHandle, He = u.useInsertionEffect, Xe = u.useLayoutEffect, T = u.useMemo, We = u.useReducer, K = u.useRef, A = u.useState, Ke = u.use, ze = u.version, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Children: ge,
+  Component: Ne,
+  Fragment: he,
+  PureComponent: Ve,
+  cloneElement: be,
+  createContext: q,
+  createElement: l,
+  createRef: ke,
+  default: u,
+  forwardRef: Ge,
+  isValidElement: G,
+  lazy: je,
+  memo: Pe,
+  use: Ke,
+  useCallback: J,
+  useContext: ye,
+  useDebugValue: Ue,
+  useDeferredValue: Be,
+  useEffect: j,
+  useId: W,
+  useImperativeHandle: $e,
+  useInsertionEffect: He,
+  useLayoutEffect: Xe,
+  useMemo: T,
+  useReducer: We,
+  useRef: K,
+  useState: A,
+  version: ze
+}, Symbol.toStringTag, { value: "Module" }));
+let oe = 0;
+function qe(e) {
+  const [t] = A(() => (oe += 1, `${e}-${oe}`));
+  return t;
+}
+const Je = typeof W == "function" ? (e) => `${e}-${W()}` : qe;
+function V(e = "tdg") {
+  return Je(e);
+}
+function P(e) {
+  const { children: t, className: n } = e;
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      "aria-hidden": "true",
+      focusable: "false",
+      className: n,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    t
+  );
+}
+function se(e) {
+  return /* @__PURE__ */ l(P, { className: e.className }, /* @__PURE__ */ l("path", { d: "M12 3v12" }), /* @__PURE__ */ l("path", { d: "m7 10 5 5 5-5" }), /* @__PURE__ */ l("path", { d: "M4 21h16" }));
+}
+function Qe(e) {
+  return /* @__PURE__ */ l(P, { className: e.className }, /* @__PURE__ */ l("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }));
+}
+function Ze(e) {
+  return /* @__PURE__ */ l(P, { className: e.className }, /* @__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 et(e) {
+  return /* @__PURE__ */ l(P, { className: e.className }, /* @__PURE__ */ l("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ l("path", { d: "M3 4v5h5" }));
+}
+const R = "default";
+q({
+  themeName: R,
+  themeBase: R,
+  portalContainer: null
+});
+function Ee(e) {
+  const t = String(e ?? R).trim();
+  return t.length > 0 ? t : R;
+}
+function tt(e) {
+  return Ee(e).toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || R;
+}
+function rt(e) {
+  const t = tt(e);
+  return t === R ? R : t === "dark" || t.endsWith("-dark") || t.endsWith("_dark") ? "dark" : t === "light" || t.endsWith("-light") || t.endsWith("_light") ? "light" : R;
+}
+const nt = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", Se = "yyyy-mm-dd hh:mm";
+class ot extends Error {
+  constructor(t) {
+    super(
+      'XLSX export needs the optional "xlsx" peer dependency. Install it with `npm install xlsx`, or drop "xlsx" from the toolbar\'s exportFormats.'
+    ), this.name = "MissingXlsxDependencyError", this.cause = t;
+  }
+}
+class st extends Error {
+  constructor(t, n) {
+    super(
+      `Writing the XLSX workbook failed. If exportDateFormat is set it must be an Excel number format code the writer accepts - dot separators are rejected, so prefer "yyyy-mm-dd hh:mm" or "dd/mm/yyyy hh:mm" over "dd.mm.yyyy hh:mm". Received ${JSON.stringify(t)}. Format the value with column.exportValue instead when you need exact text.`
+    ), this.name = "XlsxWriteError", this.cause = n;
+  }
+}
+function at(e) {
+  const t = e.replace(/[[\]:*?/\\]/g, " ").trim();
+  return t ? t.slice(0, 31) : "Export";
+}
+async function lt() {
+  try {
+    return await import("xlsx");
+  } catch (e) {
+    throw new ot(e);
+  }
+}
+async function it(e, t = {}) {
+  const { dateFormat: n = Se, sheetName: o = "Export" } = t, r = await lt(), s = {
+    cellDates: !0,
+    dateNF: n
+  };
+  try {
+    const c = r.utils.aoa_to_sheet(
+      [e.headers, ...e.rows],
+      s
+    ), d = r.utils.book_new();
+    return r.utils.book_append_sheet(d, c, at(o)), r.write(d, {
+      bookType: "xlsx",
+      type: "array",
+      ...s
+    });
+  } catch (c) {
+    throw new st(n, c);
+  }
+}
+const ct = `\r
+`, ut = "\uFEFF";
+function z(e) {
+  return String(e.id ?? e.name ?? "");
+}
+function Q(e) {
+  return String(e.name ?? e.id ?? "");
+}
+function dt(e) {
+  return typeof e.header == "string" && e.header.trim() ? e.header : typeof e.header == "number" ? String(e.header) : z(e);
+}
+function ae(e) {
+  const { columns: t, columnOrder: n, columnVisibilityMap: o } = e, r = /* @__PURE__ */ new Map();
+  for (const c of t) {
+    const d = z(c);
+    d && !r.has(d) && r.set(d, c);
+  }
+  const s = [];
+  for (const c of n) {
+    const d = r.get(c);
+    d && (s.push(d), r.delete(c));
+  }
+  return s.push(...r.values()), s.filter((c) => c.exportable === !1 || !Q(c) ? !1 : c.exportWhenHidden ? !0 : o[z(c)] !== !1);
+}
+function ft(e, t) {
+  if (!(typeof e != "object" || e == null))
+    return e[t];
+}
+function pt(e, t) {
+  const n = ft(t, Q(e));
+  if (typeof e.exportValue != "function") return n;
+  try {
+    return e.exportValue({ value: n, data: t, column: e });
+  } catch {
+    return n;
+  }
+}
+function mt(e, t) {
+  return {
+    headers: e.map(dt),
+    fields: e.map(Q),
+    rows: t.map(
+      (n) => e.map((o) => pt(o, n))
+    )
+  };
+}
+function gt(e) {
+  return e == null ? "" : e instanceof Date ? Number.isNaN(e.getTime()) ? "" : e.toISOString() : typeof e == "object" ? JSON.stringify(e) ?? "" : String(e);
+}
+function le(e) {
+  const t = gt(e);
+  return /["\n\r,]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t;
+}
+function ht(e) {
+  const t = [
+    e.headers.map(le).join(","),
+    ...e.rows.map((n) => n.map(le).join(","))
+  ];
+  return `${ut}${t.join(ct)}`;
+}
+function bt(e) {
+  const t = e.rows.map(
+    (n) => Object.fromEntries(
+      n.map((o, r) => [
+        e.fields[r],
+        o === void 0 ? null : o
+      ])
+    )
+  );
+  return JSON.stringify(t, null, 2);
+}
+const Y = {
+  csv: {
+    label: "CSV",
+    extension: "csv",
+    mimeType: "text/csv;charset=utf-8",
+    createContent: (e) => ht(e)
+  },
+  json: {
+    label: "JSON",
+    extension: "json",
+    mimeType: "application/json;charset=utf-8",
+    createContent: (e) => bt(e)
+  },
+  xlsx: {
+    label: "Excel",
+    extension: "xlsx",
+    mimeType: nt,
+    createContent: (e, t) => it(e, t)
+  }
+}, yt = ["csv", "json"];
+function Et(e, t, n) {
+  if (typeof document > "u" || typeof URL > "u") return 0;
+  const o = new Blob([t], { type: n }), r = URL.createObjectURL(o), s = document.createElement("a");
+  return s.href = r, s.download = e, s.rel = "noopener", document.body.append(s), s.click(), s.remove(), URL.revokeObjectURL(r), o.size;
+}
+function St(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var t = e.default;
+  if (typeof t == "function") {
+    var n = function o() {
+      var r = !1;
+      try {
+        r = this instanceof o;
+      } catch {
+      }
+      return r ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
+    };
+    n.prototype = t.prototype;
+  } else n = {};
+  return Object.defineProperty(n, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var r = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(n, o, r.get ? r : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), n;
+}
+var I = { exports: {} }, H = {};
+const xe = /* @__PURE__ */ St(Ye);
+var ie;
+function xt() {
+  if (ie) return H;
+  ie = 1;
+  var e = xe;
+  function t(f, h) {
+    return f === h && (f !== 0 || 1 / f === 1 / h) || f !== f && h !== h;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, o = e.useState, r = e.useEffect, s = e.useLayoutEffect, c = e.useDebugValue;
+  function d(f, h) {
+    var i = h(), p = o({ inst: { value: i, getSnapshot: h } }), m = p[0].inst, b = p[1];
+    return s(
+      function() {
+        m.value = i, m.getSnapshot = h, y(m) && b({ inst: m });
+      },
+      [f, i, h]
+    ), r(
+      function() {
+        return y(m) && b({ inst: m }), f(function() {
+          y(m) && b({ inst: m });
+        });
+      },
+      [f]
+    ), c(i), i;
+  }
+  function y(f) {
+    var h = f.getSnapshot;
+    f = f.value;
+    try {
+      var i = h();
+      return !n(f, i);
+    } catch {
+      return !0;
+    }
+  }
+  function E(f, h) {
+    return h();
+  }
+  var O = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? E : d;
+  return H.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : O, H;
+}
+var X = {};
+var ce;
+function _t() {
+  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(i, p) {
+      return i === p && (i !== 0 || 1 / i === 1 / p) || i !== i && p !== p;
+    }
+    function t(i, p) {
+      O || r.startTransition === void 0 || (O = !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 = p();
+      if (!f) {
+        var b = p();
+        s(m, b) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), f = !0);
+      }
+      b = c({
+        inst: { value: m, getSnapshot: p }
+      });
+      var a = b[0].inst, S = b[1];
+      return y(
+        function() {
+          a.value = m, a.getSnapshot = p, n(a) && S({ inst: a });
+        },
+        [i, m, p]
+      ), d(
+        function() {
+          return n(a) && S({ inst: a }), i(function() {
+            n(a) && S({ inst: a });
+          });
+        },
+        [i]
+      ), E(m), m;
+    }
+    function n(i) {
+      var p = i.getSnapshot;
+      i = i.value;
+      try {
+        var m = p();
+        return !s(i, m);
+      } catch {
+        return !0;
+      }
+    }
+    function o(i, p) {
+      return p();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var r = xe, s = typeof Object.is == "function" ? Object.is : e, c = r.useState, d = r.useEffect, y = r.useLayoutEffect, E = r.useDebugValue, O = !1, f = !1, h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : t;
+    X.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : h, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), X;
+}
+var ue;
+function vt() {
+  return ue || (ue = 1, process.env.NODE_ENV === "production" ? I.exports = xt() : I.exports = _t()), I.exports;
+}
+var Ot = vt();
+const Tt = [], Rt = [], wt = {}, Ct = [], Lt = () => {
+}, Dt = () => {
+}, At = () => {
+}, de = () => Ct, M = {
+  columns: Tt,
+  columnOrder: Rt,
+  columnVisibilityMap: wt,
+  theme: "default",
+  setColumnVisible: Lt,
+  filteringEnabled: !1,
+  canToggleFiltering: !1,
+  setFilteringEnabled: Dt,
+  filtered: !1,
+  clearAllFilters: At,
+  getViewRows: de,
+  getAllRows: de
+};
+function fe(e, t) {
+  return e === t || e.length === t.length && e.every((n, o) => n === t[o]);
+}
+function Ft(e, t) {
+  if (e === t) return !0;
+  const n = Object.keys(e), o = Object.keys(t);
+  return n.length === o.length && n.every(
+    (r) => Object.prototype.hasOwnProperty.call(t, r) && e[r] === t[r]
+  );
+}
+function It(e, t) {
+  return fe(e.columns, t.columns) && fe(e.columnOrder, t.columnOrder) && Ft(e.columnVisibilityMap, t.columnVisibilityMap) && e.theme === t.theme && e.setColumnVisible === t.setColumnVisible && e.filteringEnabled === t.filteringEnabled && e.canToggleFiltering === t.canToggleFiltering && e.setFilteringEnabled === t.setFilteringEnabled && e.filtered === t.filtered && e.clearAllFilters === t.clearAllFilters && e.getViewRows === t.getViewRows && e.getAllRows === t.getAllRows;
+}
+function Mt() {
+  let e = null, t = M;
+  const n = /* @__PURE__ */ new Set(), o = (r) => {
+    It(t, r) || (t = r, n.forEach((s) => s()));
+  };
+  return {
+    createTargetRegistration() {
+      const r = /* @__PURE__ */ Symbol("rdg-toolbar-target");
+      let s = !1, c = null;
+      return {
+        controller: {
+          publish(d) {
+            c = d, s && e === r && o(d);
+          }
+        },
+        attach() {
+          if (e !== null && e !== r)
+            throw new Error(
+              "RDGToolbarProvider supports one ReactDataGrid target. Use a separate provider for each grid."
+            );
+          return s = !0, e = r, c && o(c), () => {
+            s && (s = !1, e === r && (e = null, o(M)));
+          };
+        }
+      };
+    },
+    dispose() {
+      e = null, t = M, n.clear();
+    },
+    getSnapshot: () => t,
+    getServerSnapshot: () => M,
+    subscribe(r) {
+      return n.add(r), () => n.delete(r);
+    }
+  };
+}
+const _e = q(
+  null
+);
+function ve() {
+  const e = ye(_e);
+  if (!e)
+    throw new Error(
+      "RDG toolbar components must be rendered inside RDGToolbarProvider."
+    );
+  return e;
+}
+function Nt() {
+  const e = ve();
+  return Ot.useSyncExternalStore(
+    e.subscribe,
+    e.getSnapshot,
+    e.getServerSnapshot
+  );
+}
+const N = {
+  export: "Export",
+  showFilters: "Show filters",
+  hideFilters: "Hide filters",
+  clearFilters: "Clear filters",
+  exportFormats: {},
+  exportSingle: {},
+  filteringControlledHint: "The grid owns its filter row through the enableFiltering prop."
+};
+function k(e) {
+  return String(e.id ?? e.name ?? "");
+}
+function Vt(e) {
+  return typeof e.header == "string" && e.header.trim() || typeof e.header == "number" ? e.header : k(e);
+}
+function kt(e, t) {
+  const n = /* @__PURE__ */ new Map();
+  for (const r of e) {
+    const s = k(r);
+    s && !n.has(s) && n.set(s, r);
+  }
+  const o = [];
+  for (const r of t) {
+    const s = n.get(r);
+    s && (o.push(s), n.delete(r));
+  }
+  return o.push(...n.values()), o;
+}
+function Wt(e) {
+  const {
+    children: t,
+    ariaLabel: n = "Visible column toggles",
+    title: o = "Visible columns",
+    description: r = "Choose which columns are visible in the grid.",
+    showColumnToggles: s = !0,
+    showExport: c = !1,
+    showFilterToggle: d = !1,
+    showClearFilters: y = !1,
+    exportScope: E = "view",
+    exportFormats: O = yt,
+    exportFileName: f = "grid-export",
+    exportDateFormat: h = Se,
+    exportSheetName: i,
+    onExportSuccess: p,
+    onExportError: m,
+    labels: b,
+    className: a
+  } = e, [S, x] = A(!1), L = V("tdg-toolbar-title"), D = V("tdg-toolbar-description"), g = Nt(), Z = Ee(g.theme), we = rt(Z), w = T(
+    () => ({
+      ...N,
+      ...b,
+      // A caller passing `exportFormats: undefined` out of a conditional would
+      // otherwise defeat the spread and leave the lookups below without a map.
+      exportFormats: b?.exportFormats ?? N.exportFormats,
+      exportSingle: b?.exportSingle ?? N.exportSingle,
+      filteringControlledHint: b?.filteringControlledHint ?? N.filteringControlledHint
+    }),
+    [b]
+  ), U = T(
+    () => kt(g.columns, g.columnOrder),
+    [g.columnOrder, g.columns]
+  ), Ce = T(
+    () => U.filter((_) => _.hideable !== !1),
+    [U]
+  ), Le = U.reduce(
+    (_, v) => _ + (g.columnVisibilityMap[k(v)] === !1 ? 0 : 1),
+    0
+  ), ee = T(
+    () => O.filter(
+      (_) => Y[_] != null
+    ),
+    [O]
+  ), De = T(
+    () => c ? ae(g).length : 0,
+    [c, g]
+  ) === 0 || ee.length === 0, Ae = J(
+    async (_) => {
+      const v = Y[_];
+      if (!v) return;
+      const C = ae(g);
+      if (C.length === 0) return;
+      const B = E === "all" ? g.getAllRows() : g.getViewRows(), $ = mt(C, B), te = {
+        format: _,
+        scope: E,
+        rowCount: $.rows.length,
+        columnCount: $.headers.length
+      }, re = typeof f == "function" ? f(te) : f;
+      x(!0);
+      try {
+        const F = await v.createContent($, {
+          dateFormat: h,
+          sheetName: i ?? re
+        }), ne = `${re}.${v.extension}`, Fe = Et(
+          ne,
+          F,
+          v.mimeType
+        );
+        p?.({ ...te, fileName: ne, byteLength: Fe });
+      } catch (F) {
+        m?.(F), m || console.error(F);
+      } finally {
+        x(!1);
+      }
+    },
+    [
+      h,
+      f,
+      E,
+      i,
+      m,
+      p,
+      g
+    ]
+  );
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: a ? `tdg-toolbar-root ${a}` : "tdg-toolbar-root",
+      "data-slot": "rdg-toolbar",
+      "data-theme": Z,
+      "data-theme-base": we,
+      role: o != null ? "region" : void 0,
+      "aria-labelledby": o != null ? L : void 0,
+      "aria-describedby": r != null ? D : void 0
+    },
+    o != null || r != null ? /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-heading" }, o != null ? /* @__PURE__ */ l(
+      "div",
+      {
+        id: L,
+        "data-slot": "rdg-toolbar-title",
+        role: "heading",
+        "aria-level": 2
+      },
+      o
+    ) : null, r != null ? /* @__PURE__ */ l("div", { id: D, "data-slot": "rdg-toolbar-description" }, r) : null) : null,
+    /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-body" }, s ? /* @__PURE__ */ l(
+      "div",
+      {
+        role: "group",
+        "aria-label": n,
+        "aria-describedby": r != null ? D : void 0,
+        "data-slot": "rdg-column-toggle-list"
+      },
+      Ce.map((_) => {
+        const v = k(_), C = g.columnVisibilityMap[v] !== !1, B = C && Le <= 1;
+        return /* @__PURE__ */ l(
+          "button",
+          {
+            key: v,
+            type: "button",
+            "aria-pressed": C,
+            disabled: B,
+            "data-state": C ? "on" : "off",
+            "data-slot": "rdg-column-toggle",
+            "data-column-id": v,
+            onClick: () => g.setColumnVisible(v, !C)
+          },
+          Vt(_)
+        );
+      })
+    ) : null, c || d || y || t != null ? /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-actions" }, c ? /* @__PURE__ */ l(
+      Gt,
+      {
+        disabled: De || S,
+        formats: ee,
+        label: w.export,
+        formatLabels: w.exportFormats,
+        singleLabels: w.exportSingle,
+        onExport: Ae
+      }
+    ) : null, d ? /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": g.filteringEnabled,
+        "data-state": g.filteringEnabled ? "on" : "off",
+        "data-slot": "rdg-toolbar-filter-toggle",
+        disabled: !g.canToggleFiltering,
+        title: g.canToggleFiltering ? void 0 : w.filteringControlledHint,
+        onClick: () => g.setFilteringEnabled(!g.filteringEnabled)
+      },
+      g.filteringEnabled ? /* @__PURE__ */ l(Ze, null) : /* @__PURE__ */ l(Qe, null),
+      g.filteringEnabled ? w.hideFilters : w.showFilters
+    ) : null, y ? /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        "data-slot": "rdg-toolbar-clear-filters",
+        disabled: !g.filtered,
+        onClick: () => g.clearAllFilters()
+      },
+      /* @__PURE__ */ l(et, null),
+      w.clearFilters
+    ) : null, t) : null)
+  );
+}
+function Gt(e) {
+  const { disabled: t, formats: n, label: o, formatLabels: r, singleLabels: s, onExport: c } = e, [d, y] = A(!1), E = K(null), O = K(null), f = V("tdg-toolbar-export-menu"), h = V("tdg-toolbar-export-trigger"), i = n.length === 1 ? n[0] : null, p = (a) => r[a] ?? Y[a].label;
+  j(() => {
+    if (!d) return;
+    const a = (S) => {
+      const x = E.current;
+      x && !x.contains(S.target) && y(!1);
+    };
+    return document.addEventListener("pointerdown", a, !0), () => document.removeEventListener("pointerdown", a, !0);
+  }, [d]);
+  const m = J(() => {
+    y(!1), O.current?.focus();
+  }, []), b = (a, S) => {
+    const x = Array.from(
+      E.current?.querySelectorAll(
+        '[data-slot="rdg-toolbar-export-format"]'
+      ) ?? []
+    );
+    if (x.length === 0) return;
+    const L = x.indexOf(a), D = L < 0 ? 0 : (L + S + x.length) % x.length;
+    x[D]?.focus();
+  };
+  return i ? /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      "data-slot": "rdg-toolbar-export",
+      "data-export-format": i,
+      disabled: t,
+      onClick: () => {
+        c(i);
+      }
+    },
+    /* @__PURE__ */ l(se, null),
+    s[i] ?? /* @__PURE__ */ l(he, null, o, " ", p(i))
+  ) : /* @__PURE__ */ l("div", { "data-slot": "rdg-toolbar-export-wrapper", ref: E }, /* @__PURE__ */ l(
+    "button",
+    {
+      type: "button",
+      ref: O,
+      id: h,
+      "data-slot": "rdg-toolbar-export",
+      "data-state": d ? "on" : "off",
+      "aria-haspopup": "menu",
+      "aria-expanded": d,
+      "aria-controls": d ? f : void 0,
+      disabled: t,
+      onClick: () => y((a) => !a),
+      onKeyDown: (a) => {
+        (a.key === "ArrowDown" || a.key === "ArrowUp") && (a.preventDefault(), y(!0));
+      }
+    },
+    /* @__PURE__ */ l(se, null),
+    o
+  ), d ? /* @__PURE__ */ l(
+    "div",
+    {
+      id: f,
+      role: "menu",
+      "aria-labelledby": h,
+      "data-slot": "rdg-toolbar-export-menu",
+      onKeyDown: (a) => {
+        if (a.key === "Escape") {
+          a.stopPropagation(), m();
+          return;
+        }
+        if (a.key === "ArrowDown") {
+          a.preventDefault(), b(a.target, 1);
+          return;
+        }
+        a.key === "ArrowUp" && (a.preventDefault(), b(a.target, -1));
+      }
+    },
+    n.map((a, S) => /* @__PURE__ */ l(
+      "button",
+      {
+        key: a,
+        type: "button",
+        role: "menuitem",
+        autoFocus: S === 0,
+        "data-slot": "rdg-toolbar-export-format",
+        "data-export-format": a,
+        onClick: () => {
+          m(), c(a);
+        }
+      },
+      p(a)
+    ))
+  ) : null);
+}
+const jt = /* @__PURE__ */ Symbol.for("@geovi/the-datagrid/toolbar-target");
+function Oe(e) {
+  return typeof e != "function" && typeof e != "object" || !e ? !1 : e === Ie || e[jt] === !0;
+}
+const Pt = /* @__PURE__ */ Symbol.for(
+  "@geovi/the-datagrid/search-target-component"
+), Te = /* @__PURE__ */ Symbol.for(
+  "@geovi/the-datagrid/toolbar-target-component"
+);
+function pe(e, t) {
+  return typeof e != "function" && typeof e != "object" || !e ? !1 : e[t] === !0;
+}
+function Ut(e) {
+  return pe(e, Pt) || pe(e, Te);
+}
+function Bt(e, t) {
+  let n = e;
+  const o = /* @__PURE__ */ new Set();
+  for (; !o.has(n); ) {
+    if (o.add(n), t(n.type))
+      return n;
+    if (!Ut(n.type)) return null;
+    const r = n.props.children;
+    if (!G(r)) return null;
+    n = r;
+  }
+  return null;
+}
+function $t(e, t) {
+  typeof e != "function" && typeof e != "object" || !e || Object.defineProperty(e, t, { value: !0 });
+}
+function Re(e) {
+  const { children: t } = e, n = e.__rdgSearchController, o = ve(), r = T(
+    () => o.createTargetRegistration(),
+    [o]
+  );
+  if (j(() => r.attach(), [r]), !G(t))
+    throw new Error(
+      "RDGToolbarTarget expects exactly one ReactDataGrid child."
+    );
+  if (!Bt(t, Oe))
+    throw new Error("RDGToolbarTarget expects a ReactDataGrid child.");
+  const s = {
+    __rdgToolbarController: r.controller
+  };
+  return n !== void 0 && (s.__rdgSearchController = n), be(
+    t,
+    s
+  );
+}
+$t(Re, Te);
+function Kt(e) {
+  const { children: t } = e, [n] = A(Mt);
+  j(() => () => n.dispose(), [n]);
+  const o = T(
+    () => ge.map(
+      t,
+      (r) => G(r) && Oe(r.type) ? /* @__PURE__ */ l(Re, null, r) : r
+    ),
+    [t]
+  );
+  return /* @__PURE__ */ l(_e.Provider, { value: n }, o);
+}
+export {
+  Wt as RDGToolbar,
+  Kt as RDGToolbarProvider,
+  Re as RDGToolbarTarget
+};