@ledgerhq/lumen-ui-react 0.0.80 → 0.0.81

package/dist/lib/Components/Table/Table.js

@@ -0,0 +1,390 @@
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createSafeContext as T, cn as c } from "../../../libs/utils-shared/dist/index.js";
+import { cva as i } from "class-variance-authority";
+import { forwardRef as s } from "react";
+import { useThrottledScrollBottom as g } from "./utils/useThrottledScrollBottom.js";
+import { Spot as w } from "../Spot/Spot.js";
+import { Information as R } from "../../Symbols/Icons/Information.js";
+import { useCommonTranslation as B } from "../../../i18n/useCommonTranslation.js";
+import { ChevronUpDown as C } from "../../Symbols/Icons/ChevronUpDown.js";
+import { ChevronDescending as j } from "../../Symbols/Icons/ChevronDescending.js";
+import { ChevronAscending as H } from "../../Symbols/Icons/ChevronAscending.js";
+import { InteractiveIcon as A } from "../InteractiveIcon/InteractiveIcon.js";
+const [I, b] = T("Table"), L = i(
+  "relative scrollbar-none w-full max-w-full border-collapse overflow-x-auto rounded-lg",
+  {
+    variants: {
+      appearance: {
+        "no-background": "bg-canvas",
+        plain: "bg-surface"
+      }
+    }
+  }
+), V = s(
+  ({
+    children: t,
+    appearance: e = "no-background",
+    className: a,
+    onScrollBottom: r,
+    loading: n,
+    ...o
+  }, d) => {
+    const m = g({
+      onScrollBottom: r,
+      loading: n
+    });
+    return /* @__PURE__ */ l(I, { value: { appearance: e, loading: n }, children: /* @__PURE__ */ l(
+      "div",
+      {
+        ...o,
+        ref: d,
+        className: L({ appearance: e, className: a }),
+        onScroll: m,
+        children: t
+      }
+    ) });
+  }
+);
+V.displayName = "TableRoot";
+const S = s(
+  ({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l(
+    "table",
+    {
+      ...a,
+      className: c("w-full max-w-full table-fixed", e),
+      ref: r,
+      children: t
+    }
+  )
+);
+S.displayName = "Table";
+const q = s(({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l("thead", { ref: r, className: e, ...a, children: t }));
+q.displayName = "TableHeader";
+const z = s(
+  ({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l("tbody", { ref: r, className: e, ...a, children: t })
+);
+z.displayName = "TableBody";
+const G = s(
+  ({ children: t, className: e, clickable: a = !1, onClick: r, ...n }, o) => /* @__PURE__ */ l(
+    "tr",
+    {
+      ref: o,
+      onClick: r,
+      role: a ? "button" : void 0,
+      className: c(
+        a && "cursor-pointer outline-none select-none hover:bg-base-transparent-hover active:bg-base-transparent-pressed",
+        e
+      ),
+      ...n,
+      children: t
+    }
+  )
+);
+G.displayName = "TableRow";
+const M = i("sticky top-0", {
+  variants: {
+    appearance: {
+      "no-background": "bg-canvas",
+      plain: "bg-surface"
+    }
+  }
+}), k = s(({ children: t, className: e, ...a }, r) => {
+  const { appearance: n } = b({
+    consumerName: "TableHeaderRow",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l(
+    "tr",
+    {
+      ref: r,
+      className: M({ appearance: n, className: e }),
+      ...a,
+      children: t
+    }
+  );
+});
+k.displayName = "TableHeaderRow";
+const J = s(({ children: t, className: e, colSpan: a = 1, ...r }, n) => {
+  const { appearance: o } = b({
+    consumerName: "TableGroupHeaderRow",
+    contextRequired: !0
+  });
+  return /* @__PURE__ */ l("tr", { ref: n, className: c("h-40", e), ...r, children: /* @__PURE__ */ l("td", { colSpan: a, children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: c(
+        "flex h-32 w-full items-center bg-muted px-12 body-3 text-base",
+        o === "no-background" && "rounded-sm"
+      ),
+      children: t
+    }
+  ) }) });
+});
+J.displayName = "TableGroupHeaderRow";
+const f = {
+  root: i(
+    "h-64 truncate p-12 body-3 text-base first:rounded-l-md last:rounded-r-md",
+    {
+      variants: {
+        hideBelow: {
+          xs: "hidden xs:table-cell",
+          sm: "hidden sm:table-cell",
+          md: "hidden md:table-cell",
+          lg: "hidden lg:table-cell",
+          xl: "hidden xl:table-cell"
+        }
+      }
+    }
+  ),
+  inner: i("flex flex-1 justify-end", {
+    variants: {
+      align: {
+        start: "text-start justify-start",
+        end: "text-end justify-end"
+      }
+    }
+  })
+}, K = s(
+  ({ children: t, className: e, hideBelow: a, align: r = "start", ...n }, o) => /* @__PURE__ */ l(
+    "td",
+    {
+      ref: o,
+      className: f.root({ hideBelow: a, className: e }),
+      ...n,
+      children: /* @__PURE__ */ l("div", { className: f.inner({ align: r }), children: t })
+    }
+  )
+);
+K.displayName = "TableCell";
+const P = i("flex items-center gap-12 truncate", {
+  variants: {
+    align: {
+      start: "text-start",
+      end: "text-end"
+    }
+  }
+}), U = s(
+  ({
+    className: t,
+    align: e = "start",
+    leadingContent: a,
+    title: r,
+    description: n,
+    ...o
+  }, d) => /* @__PURE__ */ u(
+    "div",
+    {
+      ref: d,
+      className: P({ align: e, className: t }),
+      ...o,
+      children: [
+        /* @__PURE__ */ l("div", { children: a }),
+        /* @__PURE__ */ u("div", { className: "flex flex-col gap-4 truncate", children: [
+          /* @__PURE__ */ l("div", { className: "truncate body-2 text-base", children: r }),
+          /* @__PURE__ */ l("div", { className: "truncate body-3 text-muted", children: n })
+        ] })
+      ]
+    }
+  )
+);
+U.displayName = "TableCellContent";
+const v = {
+  root: i("group h-40 truncate p-12 body-3 text-base", {
+    variants: {
+      hideBelow: {
+        xs: "hidden xs:table-cell",
+        sm: "hidden sm:table-cell",
+        md: "hidden md:table-cell",
+        lg: "hidden lg:table-cell",
+        xl: "hidden xl:table-cell"
+      }
+    }
+  }),
+  content: i("flex min-w-0 items-center gap-4 truncate", {
+    variants: {
+      align: {
+        start: "text-start justify-start",
+        end: "text-end justify-end"
+      }
+    }
+  }),
+  trailingContent: i(
+    "flex items-center justify-center opacity-0 group-hover:opacity-100"
+  )
+}, E = s(
+  ({
+    children: t,
+    className: e,
+    scope: a = "col",
+    hideBelow: r,
+    align: n = "start",
+    trailingContent: o,
+    ...d
+  }, m) => /* @__PURE__ */ l(
+    "th",
+    {
+      ref: m,
+      scope: a,
+      className: v.root({ hideBelow: r, className: e }),
+      ...d,
+      children: /* @__PURE__ */ l("div", { className: "min-w-0", children: /* @__PURE__ */ u("div", { className: v.content({ align: n }), children: [
+        /* @__PURE__ */ l("span", { className: c("truncate", n === "end" && "order-1"), children: t }),
+        /* @__PURE__ */ l("div", { className: "flex items-center justify-center opacity-0 group-hover:opacity-100", children: o })
+      ] }) })
+    }
+  )
+);
+E.displayName = "TableHeaderCell";
+const F = s(
+  ({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: r,
+      className: c("flex items-center gap-8 py-12", e),
+      ...a,
+      children: t
+    }
+  )
+);
+F.displayName = "TableActionBar";
+const O = s(({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: r,
+    className: c("flex items-center gap-8", e),
+    ...a,
+    children: t
+  }
+));
+O.displayName = "TableActionBarLeading";
+const Q = s(({ children: t, className: e, ...a }, r) => /* @__PURE__ */ l(
+  "div",
+  {
+    ref: r,
+    className: c("ml-auto flex items-center gap-8", e),
+    ...a,
+    children: t
+  }
+));
+Q.displayName = "TableActionBarTrailing";
+const W = s(
+  ({ className: t, ...e }, a) => {
+    const { loading: r } = b({
+      consumerName: "TableLoadingRow",
+      contextRequired: !0
+    });
+    return r ? /* @__PURE__ */ l(
+      "div",
+      {
+        ...e,
+        ref: a,
+        className: c(
+          "flex h-80 w-full items-center justify-center p-12",
+          t
+        ),
+        children: /* @__PURE__ */ l(w, { appearance: "loader", size: 48 })
+      }
+    ) : null;
+  }
+);
+W.displayName = "TableLoadingRow";
+const X = s(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ l(
+    A,
+    {
+      ...e,
+      iconType: "filled",
+      className: t,
+      ref: a,
+      children: /* @__PURE__ */ l(R, { size: 20 })
+    }
+  )
+);
+X.displayName = "TableInfoIcon";
+const Y = {
+  asc: H,
+  desc: j,
+  idle: C
+}, x = {
+  root: i(
+    [
+      "group flex min-w-0 cursor-pointer items-center gap-4",
+      "rounded-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
+    ],
+    {
+      variants: {
+        align: {
+          end: "flex-row-reverse",
+          start: ""
+        }
+      }
+    }
+  ),
+  icon: i("", {
+    variants: {
+      active: {
+        true: "opacity-100",
+        false: "opacity-0 group-hover:opacity-100"
+      }
+    }
+  })
+}, Z = s(
+  ({
+    children: t,
+    sortDirection: e,
+    align: a = "start",
+    onToggleSort: r,
+    className: n,
+    onClick: o,
+    ...d
+  }, m) => {
+    const { t: p } = B(), h = Y[e || "idle"], y = {
+      asc: p("table.ascAriaLabel"),
+      desc: p("table.descAriaLabel")
+    };
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        ...d,
+        ref: m,
+        type: "button",
+        className: x.root({ align: a, className: n }),
+        "aria-label": e ? y[e] : void 0,
+        onClick: (N) => {
+          o == null || o(N), r == null || r(e === "asc" ? "desc" : "asc");
+        },
+        children: [
+          /* @__PURE__ */ l("span", { className: "min-w-0 truncate", children: t }),
+          /* @__PURE__ */ l(
+            h,
+            {
+              size: 20,
+              className: x.icon({
+                active: !!e
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "TableSortButton";
+export {
+  S as Table,
+  F as TableActionBar,
+  O as TableActionBarLeading,
+  Q as TableActionBarTrailing,
+  z as TableBody,
+  K as TableCell,
+  U as TableCellContent,
+  J as TableGroupHeaderRow,
+  q as TableHeader,
+  E as TableHeaderCell,
+  k as TableHeaderRow,
+  X as TableInfoIcon,
+  W as TableLoadingRow,
+  V as TableRoot,
+  G as TableRow,
+  Z as TableSortButton
+};

package/dist/lib/Components/Table/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TABLE_CELL_HEIGHT = 64;
+export declare const TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW = 2;
+//# sourceMappingURL=constants.d.ts.map

package/dist/lib/Components/Table/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,oCAAoC,IAAI,CAAC"}

package/dist/lib/Components/Table/constants.js

@@ -0,0 +1,5 @@
+const L = 64, _ = 2;
+export {
+  L as TABLE_CELL_HEIGHT,
+  _ as TABLE_SCROLL_BOTTOM_THRESHOLD_IN_ROW
+};

package/dist/lib/Components/Table/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/lib/Components/Table/types.d.ts

@@ -0,0 +1,245 @@
+import { HTMLAttributes, ReactNode, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+import { Breakpoints } from '../../../types';
+export type TableRootProps = {
+    /**
+     * The appearance of the body
+     * @default 'no-background'
+     */
+    appearance?: 'no-background' | 'plain';
+    /**
+     * The table content (TableHeader, TableBody)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Callback fired when scroll reaches the bottom of the table container.
+     * Useful for implementing infinite scroll or pagination.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * When true, disables onScrollBottom to prevent duplicate fetches.
+     * Use this while data is being loaded.
+     */
+    loading?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableProps = {
+    /**
+     * The table content (TableHeader, TableBody)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableElement>;
+export type TableHeaderProps = {
+    /**
+     * The header content (TableHeaderRow)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = {
+    /**
+     * The body content (TableRow)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = {
+    /**
+     * Whether the row is clickable
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * The function to call when the row is clicked
+     */
+    onClick?: (e: React.MouseEvent<HTMLTableRowElement>) => void;
+    /**
+     * The row content (TableCell)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableCellProps = {
+    /**
+     * Hides this table header cell when the screen width is below the specified breakpoint.
+     * Use this to responsively show or hide columns at certain viewport sizes.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * The cell content
+     */
+    children?: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+} & Omit<TdHTMLAttributes<HTMLTableCellElement>, 'align'>;
+export type TableCellContentProps = {
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * The leading content of the cell
+     * Typically an spot, icon or crypto-icon.
+     */
+    leadingContent?: ReactNode;
+    /**
+     * The title of the cell
+     */
+    title?: ReactNode;
+    /**
+     * The description of the cell
+     */
+    description?: ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export type TableHeaderRowProps = {
+    /**
+     * The header row content (TableHeaderCell)
+     */
+    children: ReactNode;
+    /**
+     * The number of columns to span
+     */
+    colSpan?: number;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableGroupHeaderRowProps = {
+    /**
+     * The group header row content (TableHeaderCell)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Number of columns the group header row should span.
+     * This property is mandatory and should match the total number of columns in the table.
+     */
+    colSpan: number;
+} & HTMLAttributes<HTMLTableRowElement>;
+export type TableHeaderCellProps = {
+    /**
+     * Hides this table header cell when the screen width is below the specified breakpoint.
+     * Use this to responsively show or hide columns at certain viewport sizes.
+     */
+    hideBelow?: Breakpoints;
+    /**
+     * The header cell content. Use TableSortButton for sortable columns; other children are trailing content.
+     */
+    children?: ReactNode;
+    /**
+     * The trailing content of the header cell
+     * Typically icons or other content, these are shown only on hover.
+     */
+    trailingContent?: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+    /**
+     * Text alignment within the cell
+     * @default 'start'
+     */
+    align?: 'start' | 'end';
+    /**
+     * Scope of the header cell
+     * @default 'col'
+     */
+    scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
+} & Omit<ThHTMLAttributes<HTMLTableCellElement>, 'align'>;
+export type TableActionBarProps = {
+    /**
+     * The action bar content (TableActionBarLeading, TableActionBarTrailing)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableActionBarLeadingProps = {
+    /**
+     * The leading content (start-aligned actions)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableActionBarTrailingProps = {
+    /**
+     * The trailing content (end-aligned actions)
+     */
+    children: ReactNode;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+export type TableLoadingRowProps = {
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export type TableInfoIconProps = {
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'children'>;
+export type TableSortValue = 'asc' | 'desc' | undefined;
+export type TableSortButtonProps = {
+    /**
+     * Text and elements alignment within the cell
+     */
+    align?: 'start' | 'end';
+    /**
+     * The column label (e.g. "Name", "Amount")
+     */
+    children: ReactNode;
+    /**
+     * Current sort direction
+     */
+    sortDirection?: TableSortValue;
+    /**
+     * Callback fired when the sort control is clicked
+     */
+    onToggleSort?: (sort: TableSortValue) => void;
+    /**
+     * Custom classname
+     */
+    className?: string;
+} & Omit<HTMLAttributes<HTMLButtonElement>, 'children'>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/Components/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,GAAG,OAAO,CAAC;IACvC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB,GAAG,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAExC,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAExC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC;CACjD,GAAG,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,0BAA0B,GAAG;IACvC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,2BAA2B,GAAG;IACxC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/Table/utils/useThrottledScrollBottom.d.ts

@@ -0,0 +1,39 @@
+import { UIEvent } from 'react';
+/**
+ * Checks if a scroll container has reached the bottom.
+ * Uses a threshold tolerance to handle subpixel rounding issues.
+ */
+export declare const isScrolledToBottom: ({ element, threshold, }: {
+    element: HTMLElement;
+    threshold?: number;
+}) => boolean;
+type UseThrottledScrollBottomOptions = {
+    /**
+     * Callback fired when the user scrolls near the bottom.
+     */
+    onScrollBottom?: () => void;
+    /**
+     * When true, disables the callback to prevent duplicate fetches.
+     */
+    loading?: boolean;
+    /**
+     * Distance from bottom (in pixels) to trigger the callback.
+     * @default 2
+     */
+    thresholdInRow?: number;
+};
+/**
+ * Hook that provides a throttled scroll handler for infinite scroll patterns.
+ * Fires `onScrollBottom` when the user scrolls within `threshold` pixels of the bottom.
+ *
+ * @example
+ * const handleScroll = useThrottledScrollBottom({
+ *   onScrollBottom: fetchMore,
+ *   loading,
+ * });
+ *
+ * return <div onScroll={handleScroll}>...</div>;
+ */
+export declare const useThrottledScrollBottom: ({ onScrollBottom, loading, thresholdInRow, }: UseThrottledScrollBottomOptions) => ((event: UIEvent<HTMLElement>) => void) | undefined;
+export {};
+//# sourceMappingURL=useThrottledScrollBottom.d.ts.map