@geovi/the-datagrid 0.0.12 → 0.0.13

package/dist/column-visibility.js

@@ -1,426 +0,0 @@
-"use client";
-import "./column-visibility.css";
-import * as U from "react";
-import Q from "./index.js";
-const X = U, s = X.default ?? U, B = s.Children, Z = s.Component, ee = s.Fragment, te = s.PureComponent, H = s.cloneElement, D = s.createContext, h = s.createElement, ne = s.createRef, re = s.forwardRef, R = s.isValidElement, oe = s.lazy, ie = s.memo, se = s.useCallback, K = s.useContext, ae = s.useDebugValue, ue = s.useDeferredValue, I = s.useEffect, V = s.useId, le = s.useImperativeHandle, ce = s.useInsertionEffect, de = s.useLayoutEffect, _ = s.useMemo, fe = s.useReducer, me = s.useRef, L = s.useState, pe = s.use, he = s.version, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Children: B,
-  Component: Z,
-  Fragment: ee,
-  PureComponent: te,
-  cloneElement: H,
-  createContext: D,
-  createElement: h,
-  createRef: ne,
-  default: s,
-  forwardRef: re,
-  isValidElement: R,
-  lazy: oe,
-  memo: ie,
-  use: pe,
-  useCallback: se,
-  useContext: K,
-  useDebugValue: ae,
-  useDeferredValue: ue,
-  useEffect: I,
-  useId: V,
-  useImperativeHandle: le,
-  useInsertionEffect: ce,
-  useLayoutEffect: de,
-  useMemo: _,
-  useReducer: fe,
-  useRef: me,
-  useState: L,
-  version: he
-}, Symbol.toStringTag, { value: "Module" })), ge = /* @__PURE__ */ Symbol.for(
-  "@geovi/the-datagrid/column-visibility-target"
-);
-function $(e) {
-  return typeof e != "function" && typeof e != "object" || !e ? !1 : e === Q || e[ge] === !0;
-}
-const be = /* @__PURE__ */ Symbol.for(
-  "@geovi/the-datagrid/search-target-component"
-), Y = /* @__PURE__ */ Symbol.for(
-  "@geovi/the-datagrid/column-visibility-target-component"
-);
-function G(e, t) {
-  return typeof e != "function" && typeof e != "object" || !e ? !1 : e[t] === !0;
-}
-function Se(e) {
-  return G(e, be) || G(e, Y);
-}
-function ve(e, t) {
-  let r = e;
-  const o = /* @__PURE__ */ new Set();
-  for (; !o.has(r); ) {
-    if (o.add(r), t(r.type))
-      return r;
-    if (!Se(r.type)) return null;
-    const n = r.props.children;
-    if (!R(n)) return null;
-    r = n;
-  }
-  return null;
-}
-function _e(e, t) {
-  typeof e != "function" && typeof e != "object" || !e || Object.defineProperty(e, t, { value: !0 });
-}
-function Ee(e) {
-  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
-  var t = e.default;
-  if (typeof t == "function") {
-    var r = function o() {
-      var n = !1;
-      try {
-        n = this instanceof o;
-      } catch {
-      }
-      return n ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
-    };
-    r.prototype = t.prototype;
-  } else r = {};
-  return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
-    var n = Object.getOwnPropertyDescriptor(e, o);
-    Object.defineProperty(r, o, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return e[o];
-      }
-    });
-  }), r;
-}
-var E = { exports: {} }, T = {};
-const q = /* @__PURE__ */ Ee(ye);
-var M;
-function Oe() {
-  if (M) return T;
-  M = 1;
-  var e = q;
-  function t(c, d) {
-    return c === d && (c !== 0 || 1 / c === 1 / d) || c !== c && d !== d;
-  }
-  var r = typeof Object.is == "function" ? Object.is : t, o = e.useState, n = e.useEffect, u = e.useLayoutEffect, m = e.useDebugValue;
-  function f(c, d) {
-    var i = d(), a = o({ inst: { value: i, getSnapshot: d } }), l = a[0].inst, p = a[1];
-    return u(
-      function() {
-        l.value = i, l.getSnapshot = d, y(l) && p({ inst: l });
-      },
-      [c, i, d]
-    ), n(
-      function() {
-        return y(l) && p({ inst: l }), c(function() {
-          y(l) && p({ inst: l });
-        });
-      },
-      [c]
-    ), m(i), i;
-  }
-  function y(c) {
-    var d = c.getSnapshot;
-    c = c.value;
-    try {
-      var i = d();
-      return !r(c, i);
-    } catch {
-      return !0;
-    }
-  }
-  function v(c, d) {
-    return d();
-  }
-  var g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : f;
-  return T.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : g, T;
-}
-var w = {};
-var N;
-function Ce() {
-  return N || (N = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(i, a) {
-      return i === a && (i !== 0 || 1 / i === 1 / a) || i !== i && a !== a;
-    }
-    function t(i, a) {
-      g || n.startTransition === void 0 || (g = !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 l = a();
-      if (!c) {
-        var p = a();
-        u(l, p) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), c = !0);
-      }
-      p = m({
-        inst: { value: l, getSnapshot: a }
-      });
-      var b = p[0].inst, x = p[1];
-      return y(
-        function() {
-          b.value = l, b.getSnapshot = a, r(b) && x({ inst: b });
-        },
-        [i, l, a]
-      ), f(
-        function() {
-          return r(b) && x({ inst: b }), i(function() {
-            r(b) && x({ inst: b });
-          });
-        },
-        [i]
-      ), v(l), l;
-    }
-    function r(i) {
-      var a = i.getSnapshot;
-      i = i.value;
-      try {
-        var l = a();
-        return !u(i, l);
-      } catch {
-        return !0;
-      }
-    }
-    function o(i, a) {
-      return a();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = q, u = typeof Object.is == "function" ? Object.is : e, m = n.useState, f = n.useEffect, y = n.useLayoutEffect, v = n.useDebugValue, g = !1, c = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? o : t;
-    w.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), w;
-}
-var A;
-function Re() {
-  return A || (A = 1, process.env.NODE_ENV === "production" ? E.exports = Oe() : E.exports = Ce()), E.exports;
-}
-var xe = Re();
-const Te = [], we = [], Ve = {}, De = () => {
-}, O = {
-  columns: Te,
-  columnOrder: we,
-  columnVisibilityMap: Ve,
-  theme: "default",
-  setColumnVisible: De
-};
-function j(e, t) {
-  return e === t || e.length === t.length && e.every((r, o) => r === t[o]);
-}
-function Ie(e, t) {
-  if (e === t) return !0;
-  const r = Object.keys(e), o = Object.keys(t);
-  return r.length === o.length && r.every(
-    (n) => Object.prototype.hasOwnProperty.call(t, n) && e[n] === t[n]
-  );
-}
-function Le(e, t) {
-  return j(e.columns, t.columns) && j(e.columnOrder, t.columnOrder) && Ie(e.columnVisibilityMap, t.columnVisibilityMap) && e.theme === t.theme && e.setColumnVisible === t.setColumnVisible;
-}
-function Ge() {
-  let e = null, t = O;
-  const r = /* @__PURE__ */ new Set(), o = (n) => {
-    Le(t, n) || (t = n, r.forEach((u) => u()));
-  };
-  return {
-    createTargetRegistration() {
-      const n = /* @__PURE__ */ Symbol("rdg-column-visibility-target");
-      let u = !1, m = null;
-      return {
-        controller: {
-          publish(f) {
-            m = f, u && e === n && o(f);
-          }
-        },
-        attach() {
-          if (e !== null && e !== n)
-            throw new Error(
-              "RDGColumnVisibilityProvider supports one ReactDataGrid target. Use a separate provider for each grid."
-            );
-          return u = !0, e = n, m && o(m), () => {
-            u && (u = !1, e === n && (e = null, o(O)));
-          };
-        }
-      };
-    },
-    dispose() {
-      e = null, t = O, r.clear();
-    },
-    getSnapshot: () => t,
-    getServerSnapshot: () => O,
-    subscribe(n) {
-      return r.add(n), () => r.delete(n);
-    }
-  };
-}
-const W = D(null);
-function z() {
-  const e = K(W);
-  if (!e)
-    throw new Error(
-      "RDG column visibility components must be rendered inside RDGColumnVisibilityProvider."
-    );
-  return e;
-}
-function Me() {
-  const e = z();
-  return xe.useSyncExternalStore(
-    e.subscribe,
-    e.getSnapshot,
-    e.getServerSnapshot
-  );
-}
-function F(e) {
-  const { children: t } = e, r = e.__rdgSearchController, o = z(), n = _(
-    () => o.createTargetRegistration(),
-    [o]
-  );
-  if (I(() => n.attach(), [n]), !R(t))
-    throw new Error(
-      "RDGColumnVisibilityTarget expects exactly one ReactDataGrid child."
-    );
-  if (!ve(t, $))
-    throw new Error("RDGColumnVisibilityTarget expects a ReactDataGrid child.");
-  const u = {
-    __rdgColumnVisibilityController: n.controller
-  };
-  return r !== void 0 && (u.__rdgSearchController = r), H(
-    t,
-    u
-  );
-}
-_e(
-  F,
-  Y
-);
-function He(e) {
-  const { children: t } = e, [r] = L(Ge);
-  I(() => () => r.dispose(), [r]);
-  const o = _(
-    () => B.map(
-      t,
-      (n) => R(n) && $(n.type) ? /* @__PURE__ */ h(F, null, n) : n
-    ),
-    [t]
-  );
-  return /* @__PURE__ */ h(W.Provider, { value: r }, o);
-}
-let P = 0;
-function Ne(e) {
-  const [t] = L(() => (P += 1, `${e}-${P}`));
-  return t;
-}
-const Ae = typeof V == "function" ? (e) => `${e}-${V()}` : Ne;
-function k(e = "tdg") {
-  return Ae(e);
-}
-const S = "default";
-D({
-  themeName: S,
-  themeBase: S,
-  portalContainer: null
-});
-function J(e) {
-  const t = String(e ?? S).trim();
-  return t.length > 0 ? t : S;
-}
-function je(e) {
-  return J(e).toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || S;
-}
-function Pe(e) {
-  const t = je(e);
-  return t === S ? S : t === "dark" || t.endsWith("-dark") || t.endsWith("_dark") ? "dark" : t === "light" || t.endsWith("-light") || t.endsWith("_light") ? "light" : S;
-}
-function C(e) {
-  return String(e.id ?? e.name ?? "");
-}
-function ke(e) {
-  return typeof e.header == "string" && e.header.trim() || typeof e.header == "number" ? e.header : C(e);
-}
-function Ue(e, t) {
-  const r = /* @__PURE__ */ new Map();
-  for (const n of e) {
-    const u = C(n);
-    u && !r.has(u) && r.set(u, n);
-  }
-  const o = [];
-  for (const n of t) {
-    const u = r.get(n);
-    u && (o.push(u), r.delete(n));
-  }
-  return o.push(...r.values()), o;
-}
-function Ke(e) {
-  const {
-    children: t,
-    ariaLabel: r = "Visible column toggles",
-    title: o = "Visible columns",
-    description: n = "Choose which columns are visible in the grid."
-  } = e, u = k("tdg-column-visibility-title"), m = k("tdg-column-visibility-description"), f = Me(), y = J(f.theme), v = Pe(y), g = _(
-    () => Ue(f.columns, f.columnOrder),
-    [f.columnOrder, f.columns]
-  ), c = _(
-    () => g.filter((i) => i.hideable !== !1),
-    [g]
-  ), d = g.reduce(
-    (i, a) => i + (f.columnVisibilityMap[C(a)] === !1 ? 0 : 1),
-    0
-  );
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      className: "tdg-column-visibility-root flex flex-col gap-3 rounded-xl border bg-card/60 p-3 text-foreground shadow-sm",
-      "data-slot": "rdg-column-visibility",
-      "data-theme": y,
-      "data-theme-base": v,
-      role: o != null ? "region" : void 0,
-      "aria-labelledby": o != null ? u : void 0,
-      "aria-describedby": n != null ? m : void 0
-    },
-    o != null || n != null ? /* @__PURE__ */ h("div", { className: "flex flex-col gap-1" }, o != null ? /* @__PURE__ */ h(
-      "div",
-      {
-        id: u,
-        className: "text-sm font-medium",
-        role: "heading",
-        "aria-level": 2
-      },
-      o
-    ) : null, n != null ? /* @__PURE__ */ h("div", { id: m, className: "text-xs text-muted-foreground" }, n) : null) : null,
-    /* @__PURE__ */ h("div", { className: "flex flex-col gap-3 xl:flex-row xl:items-start xl:justify-between" }, /* @__PURE__ */ h(
-      "div",
-      {
-        className: "flex max-w-full flex-wrap gap-2",
-        role: "group",
-        "aria-label": r,
-        "aria-describedby": n != null ? m : void 0,
-        "data-slot": "rdg-column-toggle-list"
-      },
-      c.map((i) => {
-        const a = C(i), l = f.columnVisibilityMap[a] !== !1, p = l && d <= 1;
-        return /* @__PURE__ */ h(
-          "button",
-          {
-            key: a,
-            type: "button",
-            className: "inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:border-transparent data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground",
-            "aria-pressed": l,
-            disabled: p,
-            "data-state": l ? "on" : "off",
-            "data-slot": "rdg-column-toggle",
-            "data-column-id": a,
-            onClick: () => f.setColumnVisible(a, !l)
-          },
-          ke(i)
-        );
-      })
-    ), t != null ? /* @__PURE__ */ h(
-      "div",
-      {
-        className: "flex shrink-0 flex-wrap items-center gap-2",
-        "data-slot": "rdg-column-visibility-actions"
-      },
-      t
-    ) : null)
-  );
-}
-export {
-  He as RDGColumnVisibilityProvider,
-  F as RDGColumnVisibilityTarget,
-  Ke as RDGColumnVisibilityToolbar
-};