@cognite/aura 0.3.2 → 0.3.4

package/dist/components/ui/core/overflow-list/overflow-list.utils.d.ts

@@ -0,0 +1,52 @@
+import { ComponentType, ReactElement, ReactNode } from 'react';
+export type OverflowComponent = ComponentType<{
+    items: ReactElement[];
+}>;
+export type ItemElement = ReactElement<Record<string, unknown>>;
+export type CollapseStrategy = 'asc' | 'desc' | 'innerAscFirstKeepLast' | 'innerDescFirstKeepLast';
+export type CollapseUnit = number | number[];
+export declare function resolveCollapseOrder(order: CollapseUnit[] | CollapseStrategy, itemCount: number): CollapseUnit[];
+export type CollapseState = {
+    hiddenIndices: number[];
+    overflowAt: number;
+};
+export declare const INITIAL_STATE: CollapseState;
+export declare function arraysEqual(a: number[], b: number[]): boolean;
+export declare function totalWidth(itemWidths: number[], gap: number): number;
+export declare const FIT_EPSILON = 0.5;
+export declare function getMeasurements(measureEl: HTMLElement, overflowEl: HTMLElement, hasSep: boolean, orientation?: 'horizontal' | 'vertical', lastItemFlexibleSelector?: string): {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft: number;
+    outerMarginRight: number;
+    lastItemFlexibleWidth?: number;
+};
+export declare function hideUntilFit(total: number, itemWidths: number[], gap: number, overflowCost: number, hideOrder: CollapseUnit[], containerWidth: number): {
+    hidden: Set<number>;
+    firstHidden: number | null;
+};
+export declare function computeCollapseState({ containerSize, itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, }: {
+    containerSize: number;
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+}): CollapseState;
+export declare function computeCollapsedMinWidth({ itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder, lastItemMinVisible, lastItemFlexibleWidth, }: {
+    itemWidths: number[];
+    gap: number;
+    overflowWidth: number;
+    outerMarginLeft?: number;
+    outerMarginRight?: number;
+    collapseOrder: CollapseUnit[];
+    lastItemMinVisible?: number;
+    lastItemFlexibleWidth?: number;
+}): number;
+export declare function collapseStatesEqual(a: CollapseState, b: CollapseState): boolean;
+export declare function buildVisibleTokens(items: ReactElement[], hiddenSet: Set<number>, overflowAt: number, hiddenItems: ReactElement[], Overflow: OverflowComponent): Array<{
+    key: string | number;
+    node: ReactNode;
+}>;

package/dist/components/ui/core/pagination/pagination-size-context.js

@@ -1,6 +1,5 @@
-import { createContext as t, useContext as e } from "react";
-const o = t("default"), i = () => e(o);
-export {
-  o as PaginationSizeContext,
-  i as usePaginationSize
-};
+import { createContext as e, useContext as t } from "react";
+//#region libs/aura/src/components/ui/core/pagination/pagination-size-context.tsx
+var n = e("default"), r = () => t(n);
+//#endregion
+export { n as PaginationSizeContext, r as usePaginationSize };

package/dist/components/ui/core/pagination/pagination-teleport.js

@@ -1,108 +1,88 @@
-import { jsx as P } from "react/jsx-runtime";
-import { forwardRef as T, useRef as v, useLayoutEffect as k, useState as x } from "react";
-import { cva as N } from "class-variance-authority";
-import { cn as S } from "../../../../lib/utils.js";
-import { Input as V } from "../input/input.js";
-import { usePaginationSize as I } from "./pagination-size-context.js";
-import { getPaginationTeleportWidth as R } from "./pagination-teleport.utils.js";
-const C = N(
-  [
-    "tabular-nums text-center font-normal",
-    "bg-background text-secondary-foreground border-border-emphasized",
-    "[&:not(:placeholder-shown):not(:focus)]:bg-background [&:not(:placeholder-shown)]:text-secondary-foreground",
-    "hover:bg-accent-background [&:not(:placeholder-shown):not(:focus):hover]:bg-accent-background hover:border-border-emphasized",
-    "focus-visible:bg-background focus-visible:text-secondary-foreground focus-visible:border-border-emphasized focus-visible:shadow-focus-ring"
-  ],
-  {
-    variants: {
-      size: {
-        default: "h-9 rounded-lg px-3 py-0 text-base leading-5 tracking-tightest",
-        small: "h-7 rounded-md px-2 py-0 text-sm leading-4.5 tracking-tight"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-), W = {
-  small: {
-    minWidthPx: 43,
-    paddingPx: 16
-  },
-  default: {
-    minWidthPx: 55,
-    paddingPx: 24
-  }
+import { cn as e } from "../../../../lib/utils.js";
+import { Input as t } from "../input/input.js";
+import { usePaginationSize as n } from "./pagination-size-context.js";
+import { getPaginationTeleportWidth as r } from "./pagination-teleport.utils.js";
+import { forwardRef as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { cva as l } from "class-variance-authority";
+//#region libs/aura/src/components/ui/core/pagination/pagination-teleport.tsx
+var u = l([
+	"tabular-nums text-center font-normal",
+	"bg-background text-secondary-foreground border-border-emphasized",
+	"[&:not(:placeholder-shown):not(:focus)]:bg-background [&:not(:placeholder-shown)]:text-secondary-foreground",
+	"hover:bg-accent-background [&:not(:placeholder-shown):not(:focus):hover]:bg-accent-background hover:border-border-emphasized",
+	"focus-visible:bg-background focus-visible:text-secondary-foreground focus-visible:border-border-emphasized focus-visible:shadow-focus-ring"
+], {
+	variants: { size: {
+		default: "h-9 rounded-lg px-3 py-0 text-base leading-5 tracking-tightest",
+		small: "h-7 rounded-md px-2 py-0 text-sm leading-4.5 tracking-tight"
+	} },
+	defaultVariants: { size: "default" }
+}), d = {
+	small: {
+		minWidthPx: 43,
+		paddingPx: 16
+	},
+	default: {
+		minWidthPx: 55,
+		paddingPx: 24
+	}
 };
-function B({
-  currentPage: o,
-  totalPages: c,
-  onPageChange: i
-}) {
-  const s = Math.max(1, c), [d, r] = x(""), [u, t] = x(!1), n = v(!1);
-  return {
-    displayValue: u ? d : `${o}/${s}`,
-    isEditing: u,
-    onChange: (e) => {
-      const a = e.target.value;
-      (a === "" || /^\d+$/.test(a)) && r(a);
-    },
-    onFocus: () => {
-      n.current = !1, t(!0), r(o.toString());
-    },
-    onBlur: () => {
-      if (t(!1), n.current) {
-        n.current = !1;
-        return;
-      }
-      const e = Number.parseInt(d, 10);
-      !Number.isNaN(e) && e >= 1 && e <= s && i(e);
-    },
-    onKeyDown: (e) => {
-      e.key === "Enter" ? e.currentTarget.blur() : e.key === "Escape" && (n.current = !0, r(o.toString()), e.currentTarget.blur());
-    }
-  };
+function f({ currentPage: e, totalPages: t, onPageChange: n }) {
+	let r = Math.max(1, t), [i, a] = s(""), [c, l] = s(!1), u = o(!1);
+	return {
+		displayValue: c ? i : `${e}/${r}`,
+		isEditing: c,
+		onChange: (e) => {
+			let t = e.target.value;
+			(t === "" || /^\d+$/.test(t)) && a(t);
+		},
+		onFocus: () => {
+			u.current = !1, l(!0), a(e.toString());
+		},
+		onBlur: () => {
+			if (l(!1), u.current) {
+				u.current = !1;
+				return;
+			}
+			let e = Number.parseInt(i, 10);
+			!Number.isNaN(e) && e >= 1 && e <= r && n(e);
+		},
+		onKeyDown: (t) => {
+			t.key === "Enter" ? t.currentTarget.blur() : t.key === "Escape" && (u.current = !0, a(e.toString()), t.currentTarget.blur());
+		}
+	};
 }
-const D = T(
-  ({ className: o, currentPage: c, totalPages: i, onPageChange: s, size: d, style: r, ...u }, t) => {
-    const n = I(), l = d ?? n, { displayValue: h, isEditing: g, onChange: m, onFocus: b, onBlur: e, onKeyDown: a } = B({
-      currentPage: c,
-      totalPages: i,
-      onPageChange: s
-    }), f = v(null), w = (p) => {
-      f.current = p, typeof t == "function" ? t(p) : t && (t.current = p);
-    };
-    k(() => {
-      g && f.current && f.current.select();
-    }, [g]);
-    const y = W[l], z = R(
-      i,
-      y.minWidthPx,
-      y.paddingPx
-    ), E = S(
-      C({ size: l }),
-      o
-    );
-    return /* @__PURE__ */ P(
-      V,
-      {
-        ref: w,
-        type: "text",
-        inputMode: "numeric",
-        value: h,
-        onChange: m,
-        onFocus: b,
-        onBlur: e,
-        onKeyDown: a,
-        "data-slot": "pagination-teleport",
-        className: E,
-        style: { width: z, ...r },
-        ...u
-      }
-    );
-  }
-);
-D.displayName = "PaginationTeleport";
-export {
-  D as PaginationTeleport
-};
+var p = i(({ className: i, currentPage: s, totalPages: l, onPageChange: p, size: m, style: h, ...g }, _) => {
+	let v = n(), y = m ?? v, { displayValue: b, isEditing: x, onChange: S, onFocus: C, onBlur: w, onKeyDown: T } = f({
+		currentPage: s,
+		totalPages: l,
+		onPageChange: p
+	}), E = o(null), D = (e) => {
+		E.current = e, typeof _ == "function" ? _(e) : _ && (_.current = e);
+	};
+	a(() => {
+		x && E.current && E.current.select();
+	}, [x]);
+	let O = d[y], k = r(l, O.minWidthPx, O.paddingPx);
+	return /* @__PURE__ */ c(t, {
+		ref: D,
+		type: "text",
+		inputMode: "numeric",
+		value: b,
+		onChange: S,
+		onFocus: C,
+		onBlur: w,
+		onKeyDown: T,
+		"data-slot": "pagination-teleport",
+		className: e(u({ size: y }), i),
+		style: {
+			width: k,
+			...h
+		},
+		...g
+	});
+});
+p.displayName = "PaginationTeleport";
+//#endregion
+export { p as PaginationTeleport };

package/dist/components/ui/core/pagination/pagination-teleport.utils.js

@@ -1,7 +1,7 @@
-function c(a, e, n) {
-  const t = Math.max(1, a), o = `${t}/${t}`.length;
-  return `max(${e}px, calc(${o}ch + ${n}px))`;
+//#region libs/aura/src/components/ui/core/pagination/pagination-teleport.utils.ts
+function e(e, t, n) {
+	let r = Math.max(1, e);
+	return `max(${t}px, calc(${`${r}/${r}`.length}ch + ${n}px))`;
 }
-export {
-  c as getPaginationTeleportWidth
-};
+//#endregion
+export { e as getPaginationTeleportWidth };