@cognite/aura 0.3.5 → 1.46105.0

package/dist/components/ui/core/overflow-list/overflow-list.utils.js

@@ -0,0 +1,206 @@
+import { createElement } from "react";
+const LIST_ELEMENTS = new Set([
+    'ol',
+    'ul',
+    'menu'
+]);
+export function resolveInjectedElement(as) {
+    return typeof as === 'string' && LIST_ELEMENTS.has(as) ? 'li' : 'span';
+}
+export function resolveCollapseOrder(order, itemCount) {
+    const rawOrder = Array.isArray(order) ? order : resolveStrategyOrder(order, itemCount);
+    const isInBounds = (index)=>index >= 0 && index < itemCount;
+    return rawOrder.map((unit)=>Array.isArray(unit) ? unit.filter(isInBounds) : unit).filter((unit)=>Array.isArray(unit) ? unit.length > 0 : isInBounds(unit));
+}
+function resolveStrategyOrder(strategy, itemCount) {
+    switch(strategy){
+        case 'asc':
+            return Array.from({
+                length: itemCount
+            }, (_, i)=>i);
+        case 'desc':
+            return Array.from({
+                length: itemCount
+            }, (_, i)=>itemCount - 1 - i);
+        case 'innerAscFirstKeepLast':
+            if (itemCount <= 1) return [];
+            return [
+                ...Array.from({
+                    length: itemCount - 2
+                }, (_, i)=>i + 1),
+                0
+            ];
+        case 'innerDescFirstKeepLast':
+            if (itemCount <= 1) return [];
+            return Array.from({
+                length: itemCount - 1
+            }, (_, i)=>itemCount - 2 - i);
+    }
+}
+export const INITIAL_STATE = {
+    hiddenIndices: [],
+    overflowAt: 0
+};
+export function arraysEqual(a, b) {
+    return a.length === b.length && a.every((value, i)=>value === b[i]);
+}
+export function totalWidth(itemWidths, gap) {
+    return itemWidths.reduce((sum, w, i)=>sum + (i > 0 ? gap : 0) + w, 0);
+}
+export const FIT_EPSILON = 0.5;
+export function getMeasurements(measureEl, overflowEl, hasSep, orientation = 'horizontal', lastItemFlexibleSelector) {
+    const children = Array.from(measureEl.children);
+    const itemElements = hasSep ? children.filter((child)=>child.getAttribute('data-slot') !== 'separator') : children;
+    const measuredItemCount = itemElements.length;
+    const itemWidths = [];
+    const isVertical = orientation === 'vertical';
+    for(let i = 0; i < measuredItemCount; i++){
+        const rect = itemElements[i]?.getBoundingClientRect();
+        itemWidths.push(isVertical ? rect?.height ?? 0 : rect?.width ?? 0);
+    }
+    let gap = 0;
+    if (measuredItemCount >= 2) {
+        const first = itemElements[0]?.getBoundingClientRect();
+        const second = itemElements[1]?.getBoundingClientRect();
+        if (first && second) {
+            gap = isVertical ? Math.max(0, second.top - first.bottom) : Math.max(0, second.left - first.right);
+        }
+    }
+    let outerMarginLeft = 0;
+    let outerMarginRight = 0;
+    if (measuredItemCount > 0) {
+        const measureRect = measureEl.getBoundingClientRect();
+        const firstRect = itemElements[0]?.getBoundingClientRect();
+        const lastRect = itemElements[itemElements.length - 1]?.getBoundingClientRect();
+        if (isVertical) {
+            outerMarginLeft = Math.max(0, firstRect ? firstRect.top - measureRect.top : 0);
+            outerMarginRight = Math.max(0, lastRect ? measureRect.bottom - lastRect.bottom : 0);
+        } else {
+            outerMarginLeft = Math.max(0, firstRect ? firstRect.left - measureRect.left : 0);
+            outerMarginRight = Math.max(0, lastRect ? measureRect.right - lastRect.right : 0);
+        }
+    }
+    const overflowRect = (overflowEl.lastElementChild ?? overflowEl).getBoundingClientRect();
+    const overflowWidth = isVertical ? overflowRect.height : overflowRect.width;
+    let lastItemFlexibleWidth;
+    if (lastItemFlexibleSelector && measuredItemCount > 0) {
+        const flexibleEl = itemElements[measuredItemCount - 1]?.querySelector(lastItemFlexibleSelector);
+        if (flexibleEl) {
+            const rect = flexibleEl.getBoundingClientRect();
+            lastItemFlexibleWidth = isVertical ? rect.height : rect.width;
+        }
+    }
+    return {
+        itemWidths,
+        gap,
+        overflowWidth,
+        outerMarginLeft,
+        outerMarginRight,
+        lastItemFlexibleWidth
+    };
+}
+export function hideUntilFit(total, itemWidths, gap, overflowCost, hideOrder, containerWidth) {
+    const hidden = new Set();
+    let currentWidth = total;
+    let firstHidden = null;
+    for (const unit of hideOrder){
+        if (currentWidth <= containerWidth + FIT_EPSILON) break;
+        const indices = Array.isArray(unit) ? unit : [
+            unit
+        ];
+        if (hidden.size === 0) {
+            currentWidth += overflowCost;
+            firstHidden = indices[0] ?? null;
+        }
+        for (const index of indices){
+            currentWidth -= (itemWidths[index] ?? 0) + gap;
+            hidden.add(index);
+        }
+    }
+    return {
+        hidden,
+        firstHidden
+    };
+}
+export function computeCollapseState({ containerSize, itemWidths, gap, overflowWidth, outerMarginLeft, outerMarginRight, collapseOrder }) {
+    const outerMargins = (outerMarginLeft ?? 0) + (outerMarginRight ?? 0);
+    if (itemWidths.length === 0 || collapseOrder.length === 0) {
+        return INITIAL_STATE;
+    }
+    const fullWidth = totalWidth(itemWidths, gap) + outerMargins;
+    if (fullWidth <= containerSize + FIT_EPSILON) {
+        return INITIAL_STATE;
+    }
+    const { hidden, firstHidden } = hideUntilFit(fullWidth, itemWidths, gap, gap + overflowWidth, collapseOrder, containerSize);
+    if (hidden.size === 0) {
+        return INITIAL_STATE;
+    }
+    return {
+        hiddenIndices: Array.from(hidden).sort((a, b)=>a - b),
+        overflowAt: firstHidden ?? Math.min(...hidden)
+    };
+}
+export function computeCollapsedMinWidth({ itemWidths, gap, overflowWidth, outerMarginLeft = 0, outerMarginRight = 0, collapseOrder, lastItemMinVisible, lastItemFlexibleWidth }) {
+    if (itemWidths.length === 0) return 0;
+    const outerMargins = outerMarginLeft + outerMarginRight;
+    const lastIndex = itemWidths.length - 1;
+    const cappedWidths = lastItemMinVisible == null ? itemWidths : itemWidths.map((width, index)=>{
+        if (index !== lastIndex) return width;
+        const protectedWidth = lastItemFlexibleWidth != null ? Math.max(0, width - lastItemFlexibleWidth) : 0;
+        return Math.min(width, protectedWidth + lastItemMinVisible);
+    });
+    if (collapseOrder.length === 0) return totalWidth(cappedWidths, gap) + outerMargins;
+    const collapsible = new Set(collapseOrder.flat());
+    const keptWidths = cappedWidths.filter((_, index)=>!collapsible.has(index));
+    const firstIsKept = !collapsible.has(0);
+    const lastIsKept = !collapsible.has(lastIndex);
+    const keptOuterMargins = (firstIsKept ? outerMarginLeft : 0) + (lastIsKept ? outerMarginRight : 0);
+    return totalWidth([
+        ...keptWidths,
+        overflowWidth
+    ], gap) + keptOuterMargins;
+}
+export function collapseStatesEqual(a, b) {
+    return arraysEqual(a.hiddenIndices, b.hiddenIndices) && a.overflowAt === b.overflowAt;
+}
+export function renderOverflow(Overflow, items, wrapper) {
+    const node = createElement(Overflow, {
+        items
+    });
+    return wrapper ? createElement(wrapper, null, node) : node;
+}
+export function buildVisibleTokens(items, hiddenSet, overflowAt, hiddenItems, Overflow, overflowWrapper = null) {
+    const validItems = items.filter(Boolean);
+    if (hiddenItems.length === 0) {
+        return validItems.map((item, index)=>({
+                key: item.key ?? index,
+                node: item
+            }));
+    }
+    const tokens = [];
+    let overflowInserted = false;
+    for(let i = 0; i < validItems.length; i++){
+        if (!overflowInserted && i === overflowAt) {
+            tokens.push({
+                key: '__overflow__',
+                node: renderOverflow(Overflow, hiddenItems, overflowWrapper)
+            });
+            overflowInserted = true;
+        }
+        if (hiddenSet.has(i)) continue;
+        const item = validItems[i];
+        tokens.push({
+            key: item.key ?? i,
+            node: item
+        });
+    }
+    if (!overflowInserted) {
+        tokens.push({
+            key: '__overflow__',
+            node: renderOverflow(Overflow, hiddenItems, overflowWrapper)
+        });
+    }
+    return tokens;
+}
+
+//# sourceMappingURL=overflow-list.utils.js.map

package/dist/components/ui/core/overflow-list/overflow-list.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/overflow-list/overflow-list.utils.ts"],"sourcesContent":["import {\n  createElement,\n  type ComponentType,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nexport type OverflowComponent = ComponentType<{ items: ReactElement[] }>;\nexport type ItemElement = ReactElement<Record<string, unknown>>;\n\nconst LIST_ELEMENTS = new Set<string>(['ol', 'ul', 'menu']);\n\nexport function resolveInjectedElement(as: unknown): 'li' | 'span' {\n  return typeof as === 'string' && LIST_ELEMENTS.has(as) ? 'li' : 'span';\n}\n\nexport type CollapseStrategy =\n  'asc' | 'desc' | 'innerAscFirstKeepLast' | 'innerDescFirstKeepLast';\n\nexport type CollapseUnit = number | number[];\n\nexport function resolveCollapseOrder(\n  order: CollapseUnit[] | CollapseStrategy,\n  itemCount: number\n): CollapseUnit[] {\n  const rawOrder = Array.isArray(order)\n    ? order\n    : resolveStrategyOrder(order, itemCount);\n\n  const isInBounds = (index: number) => index >= 0 && index < itemCount;\n\n  return rawOrder\n    .map((unit) => (Array.isArray(unit) ? unit.filter(isInBounds) : unit))\n    .filter((unit) =>\n      Array.isArray(unit) ? unit.length > 0 : isInBounds(unit)\n    );\n}\n\nfunction resolveStrategyOrder(\n  strategy: CollapseStrategy,\n  itemCount: number\n): CollapseUnit[] {\n  switch (strategy) {\n    case 'asc':\n      return Array.from({ length: itemCount }, (_, i) => i);\n    case 'desc':\n      return Array.from({ length: itemCount }, (_, i) => itemCount - 1 - i);\n    case 'innerAscFirstKeepLast':\n      if (itemCount <= 1) return [];\n      return [...Array.from({ length: itemCount - 2 }, (_, i) => i + 1), 0];\n    case 'innerDescFirstKeepLast':\n      if (itemCount <= 1) return [];\n      return Array.from({ length: itemCount - 1 }, (_, i) => itemCount - 2 - i);\n  }\n}\n\nexport type CollapseState = {\n  hiddenIndices: number[];\n  overflowAt: number;\n};\n\nexport const INITIAL_STATE: CollapseState = {\n  hiddenIndices: [],\n  overflowAt: 0,\n};\n\nexport function arraysEqual(a: number[], b: number[]): boolean {\n  return a.length === b.length && a.every((value, i) => value === b[i]);\n}\n\nexport function totalWidth(itemWidths: number[], gap: number): number {\n  return itemWidths.reduce((sum, w, i) => sum + (i > 0 ? gap : 0) + w, 0);\n}\n\nexport const FIT_EPSILON = 0.5;\n\nexport function getMeasurements(\n  measureEl: HTMLElement,\n  overflowEl: HTMLElement,\n  hasSep: boolean,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n  lastItemFlexibleSelector?: string\n): {\n  itemWidths: number[];\n  gap: number;\n  overflowWidth: number;\n  outerMarginLeft: number;\n  outerMarginRight: number;\n  lastItemFlexibleWidth?: number;\n} {\n  const children = Array.from(measureEl.children);\n  const itemElements = hasSep\n    ? children.filter(\n        (child) => child.getAttribute('data-slot') !== 'separator'\n      )\n    : children;\n  const measuredItemCount = itemElements.length;\n  const itemWidths: number[] = [];\n  const isVertical = orientation === 'vertical';\n\n  for (let i = 0; i < measuredItemCount; i++) {\n    const rect = itemElements[i]?.getBoundingClientRect();\n    itemWidths.push(isVertical ? (rect?.height ?? 0) : (rect?.width ?? 0));\n  }\n\n  let gap = 0;\n  if (measuredItemCount >= 2) {\n    const first = itemElements[0]?.getBoundingClientRect();\n    const second = itemElements[1]?.getBoundingClientRect();\n    if (first && second) {\n      gap = isVertical\n        ? Math.max(0, second.top - first.bottom)\n        : Math.max(0, second.left - first.right);\n    }\n  }\n\n  let outerMarginLeft = 0;\n  let outerMarginRight = 0;\n  if (measuredItemCount > 0) {\n    const measureRect = measureEl.getBoundingClientRect();\n    const firstRect = itemElements[0]?.getBoundingClientRect();\n    const lastRect =\n      itemElements[itemElements.length - 1]?.getBoundingClientRect();\n    if (isVertical) {\n      outerMarginLeft = Math.max(\n        0,\n        firstRect ? firstRect.top - measureRect.top : 0\n      );\n      outerMarginRight = Math.max(\n        0,\n        lastRect ? measureRect.bottom - lastRect.bottom : 0\n      );\n    } else {\n      outerMarginLeft = Math.max(\n        0,\n        firstRect ? firstRect.left - measureRect.left : 0\n      );\n      outerMarginRight = Math.max(\n        0,\n        lastRect ? measureRect.right - lastRect.right : 0\n      );\n    }\n  }\n\n  const overflowRect = (\n    overflowEl.lastElementChild ?? overflowEl\n  ).getBoundingClientRect();\n  const overflowWidth = isVertical ? overflowRect.height : overflowRect.width;\n\n  let lastItemFlexibleWidth: number | undefined;\n  if (lastItemFlexibleSelector && measuredItemCount > 0) {\n    const flexibleEl = itemElements[measuredItemCount - 1]?.querySelector(\n      lastItemFlexibleSelector\n    );\n    if (flexibleEl) {\n      const rect = flexibleEl.getBoundingClientRect();\n      lastItemFlexibleWidth = isVertical ? rect.height : rect.width;\n    }\n  }\n\n  return {\n    itemWidths,\n    gap,\n    overflowWidth,\n    outerMarginLeft,\n    outerMarginRight,\n    lastItemFlexibleWidth,\n  };\n}\n\nexport function hideUntilFit(\n  total: number,\n  itemWidths: number[],\n  gap: number,\n  overflowCost: number,\n  hideOrder: CollapseUnit[],\n  containerWidth: number\n): { hidden: Set<number>; firstHidden: number | null } {\n  const hidden = new Set<number>();\n  let currentWidth = total;\n  let firstHidden: number | null = null;\n\n  for (const unit of hideOrder) {\n    if (currentWidth <= containerWidth + FIT_EPSILON) break;\n\n    const indices = Array.isArray(unit) ? unit : [unit];\n\n    if (hidden.size === 0) {\n      currentWidth += overflowCost;\n      firstHidden = indices[0] ?? null;\n    }\n\n    for (const index of indices) {\n      currentWidth -= (itemWidths[index] ?? 0) + gap;\n      hidden.add(index);\n    }\n  }\n\n  return { hidden, firstHidden };\n}\n\nexport function computeCollapseState({\n  containerSize,\n  itemWidths,\n  gap,\n  overflowWidth,\n  outerMarginLeft,\n  outerMarginRight,\n  collapseOrder,\n}: {\n  containerSize: number;\n  itemWidths: number[];\n  gap: number;\n  overflowWidth: number;\n  outerMarginLeft?: number;\n  outerMarginRight?: number;\n  collapseOrder: CollapseUnit[];\n}): CollapseState {\n  const outerMargins = (outerMarginLeft ?? 0) + (outerMarginRight ?? 0);\n  if (itemWidths.length === 0 || collapseOrder.length === 0) {\n    return INITIAL_STATE;\n  }\n\n  const fullWidth = totalWidth(itemWidths, gap) + outerMargins;\n  if (fullWidth <= containerSize + FIT_EPSILON) {\n    return INITIAL_STATE;\n  }\n\n  const { hidden, firstHidden } = hideUntilFit(\n    fullWidth,\n    itemWidths,\n    gap,\n    gap + overflowWidth,\n    collapseOrder,\n    containerSize\n  );\n\n  if (hidden.size === 0) {\n    return INITIAL_STATE;\n  }\n\n  return {\n    hiddenIndices: Array.from(hidden).sort((a, b) => a - b),\n    overflowAt: firstHidden ?? Math.min(...hidden),\n  };\n}\n\nexport function computeCollapsedMinWidth({\n  itemWidths,\n  gap,\n  overflowWidth,\n  outerMarginLeft = 0,\n  outerMarginRight = 0,\n  collapseOrder,\n  lastItemMinVisible,\n  lastItemFlexibleWidth,\n}: {\n  itemWidths: number[];\n  gap: number;\n  overflowWidth: number;\n  outerMarginLeft?: number;\n  outerMarginRight?: number;\n  collapseOrder: CollapseUnit[];\n  lastItemMinVisible?: number;\n  lastItemFlexibleWidth?: number;\n}): number {\n  if (itemWidths.length === 0) return 0;\n\n  const outerMargins = outerMarginLeft + outerMarginRight;\n  const lastIndex = itemWidths.length - 1;\n\n  const cappedWidths =\n    lastItemMinVisible == null\n      ? itemWidths\n      : itemWidths.map((width, index) => {\n          if (index !== lastIndex) return width;\n          const protectedWidth =\n            lastItemFlexibleWidth != null\n              ? Math.max(0, width - lastItemFlexibleWidth)\n              : 0;\n          return Math.min(width, protectedWidth + lastItemMinVisible);\n        });\n\n  if (collapseOrder.length === 0)\n    return totalWidth(cappedWidths, gap) + outerMargins;\n\n  const collapsible = new Set(collapseOrder.flat());\n  const keptWidths = cappedWidths.filter((_, index) => !collapsible.has(index));\n\n  const firstIsKept = !collapsible.has(0);\n  const lastIsKept = !collapsible.has(lastIndex);\n  const keptOuterMargins =\n    (firstIsKept ? outerMarginLeft : 0) + (lastIsKept ? outerMarginRight : 0);\n\n  return totalWidth([...keptWidths, overflowWidth], gap) + keptOuterMargins;\n}\n\nexport function collapseStatesEqual(\n  a: CollapseState,\n  b: CollapseState\n): boolean {\n  return (\n    arraysEqual(a.hiddenIndices, b.hiddenIndices) &&\n    a.overflowAt === b.overflowAt\n  );\n}\n\nexport function renderOverflow(\n  Overflow: OverflowComponent,\n  items: ReactElement[],\n  wrapper: 'li' | null\n): ReactNode {\n  const node = createElement(Overflow, { items });\n  return wrapper ? createElement(wrapper, null, node) : node;\n}\n\nexport function buildVisibleTokens(\n  items: ReactElement[],\n  hiddenSet: Set<number>,\n  overflowAt: number,\n  hiddenItems: ReactElement[],\n  Overflow: OverflowComponent,\n  overflowWrapper: 'li' | null = null\n): Array<{ key: string | number; node: ReactNode }> {\n  const validItems = items.filter(Boolean);\n\n  if (hiddenItems.length === 0) {\n    return validItems.map((item, index) => ({\n      key: item.key ?? index,\n      node: item,\n    }));\n  }\n\n  const tokens: Array<{ key: string | number; node: ReactNode }> = [];\n  let overflowInserted = false;\n\n  for (let i = 0; i < validItems.length; i++) {\n    if (!overflowInserted && i === overflowAt) {\n      tokens.push({\n        key: '__overflow__',\n        node: renderOverflow(Overflow, hiddenItems, overflowWrapper),\n      });\n      overflowInserted = true;\n    }\n\n    if (hiddenSet.has(i)) continue;\n    const item = validItems[i];\n    tokens.push({ key: item.key ?? i, node: item });\n  }\n\n  if (!overflowInserted) {\n    tokens.push({\n      key: '__overflow__',\n      node: renderOverflow(Overflow, hiddenItems, overflowWrapper),\n    });\n  }\n\n  return tokens;\n}\n"],"names":["createElement","LIST_ELEMENTS","Set","resolveInjectedElement","as","has","resolveCollapseOrder","order","itemCount","rawOrder","Array","isArray","resolveStrategyOrder","isInBounds","index","map","unit","filter","length","strategy","from","_","i","INITIAL_STATE","hiddenIndices","overflowAt","arraysEqual","a","b","every","value","totalWidth","itemWidths","gap","reduce","sum","w","FIT_EPSILON","getMeasurements","measureEl","overflowEl","hasSep","orientation","lastItemFlexibleSelector","children","itemElements","child","getAttribute","measuredItemCount","isVertical","rect","getBoundingClientRect","push","height","width","first","second","Math","max","top","bottom","left","right","outerMarginLeft","outerMarginRight","measureRect","firstRect","lastRect","overflowRect","lastElementChild","overflowWidth","lastItemFlexibleWidth","flexibleEl","querySelector","hideUntilFit","total","overflowCost","hideOrder","containerWidth","hidden","currentWidth","firstHidden","indices","size","add","computeCollapseState","containerSize","collapseOrder","outerMargins","fullWidth","sort","min","computeCollapsedMinWidth","lastItemMinVisible","lastIndex","cappedWidths","protectedWidth","collapsible","flat","keptWidths","firstIsKept","lastIsKept","keptOuterMargins","collapseStatesEqual","renderOverflow","Overflow","items","wrapper","node","buildVisibleTokens","hiddenSet","hiddenItems","overflowWrapper","validItems","Boolean","item","key","tokens","overflowInserted"],"mappings":"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"}

package/dist/components/ui/core/pagination/pagination-size-context.d.ts

@@ -1,5 +1,5 @@
-import { Context } from 'react';
-type PaginationSize = 'default' | 'small';
+import type { Context } from "react";
+type PaginationSize = "default" | "small";
 declare const PaginationSizeContext: Context<PaginationSize>;
 declare const usePaginationSize: () => PaginationSize;
 export { type PaginationSize, PaginationSizeContext, usePaginationSize };

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

@@ -1,5 +1,6 @@
-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 };
+import { createContext, useContext } from "react";
+const PaginationSizeContext = /*#__PURE__*/ createContext('default');
+const usePaginationSize = ()=>useContext(PaginationSizeContext);
+export { PaginationSizeContext, usePaginationSize };
+
+//# sourceMappingURL=pagination-size-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/pagination/pagination-size-context.tsx"],"sourcesContent":["import type { Context } from 'react';\nimport { createContext, useContext } from 'react';\n\ntype PaginationSize = 'default' | 'small';\n\nconst PaginationSizeContext: Context<PaginationSize> =\n  createContext<PaginationSize>('default');\n\nconst usePaginationSize = (): PaginationSize =>\n  useContext(PaginationSizeContext);\n\nexport { type PaginationSize, PaginationSizeContext, usePaginationSize };\n"],"names":["createContext","useContext","PaginationSizeContext","usePaginationSize"],"mappings":"AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AAIlD,MAAMC,sCACJF,cAA8B;AAEhC,MAAMG,oBAAoB,IACxBF,WAAWC;AAEb,SAA8BA,qBAAqB,EAAEC,iBAAiB,GAAG"}

package/dist/components/ui/core/pagination/pagination-teleport.d.ts

@@ -1,11 +1,11 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-import { Input } from '../input/input';
-import { PaginationSize } from './pagination-size-context';
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+import { Input } from "../input/input";
+import { type PaginationSize } from "./pagination-size-context";
 type PaginationTeleportProps = {
-    currentPage: number;
-    totalPages: number;
-    onPageChange: (page: number) => void;
-    size?: PaginationSize;
-} & Omit<ComponentProps<typeof Input>, 'size' | 'value' | 'onChange' | 'children' | 'type'>;
-declare const PaginationTeleport: ForwardRefExoticComponent<Omit<PaginationTeleportProps, 'ref'> & RefAttributes<HTMLInputElement>>;
+	currentPage: number;
+	totalPages: number;
+	onPageChange: (page: number) => void;
+	size?: PaginationSize;
+} & Omit<ComponentProps<typeof Input>, "size" | "value" | "onChange" | "children" | "type">;
+declare const PaginationTeleport: ForwardRefExoticComponent<Omit<PaginationTeleportProps, "ref"> & RefAttributes<HTMLInputElement>>;
 export { PaginationTeleport };

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

@@ -1,88 +1,131 @@
-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"
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useLayoutEffect, useRef, useState } from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+import { Input } from "../input/input.js";
+import { usePaginationSize } from "./pagination-size-context.js";
+import { getPaginationTeleportWidth } from "./pagination-teleport.utils.js";
+const paginationTeleportVariants = cva([
+    'tabular-nums text-center font-normal outline-none',
+    'border border-transparent bg-medium-background text-medium-foreground',
+    '[&:not(:placeholder-shown):not(:focus-visible)]:bg-medium-background [&:not(:placeholder-shown):not(:focus-visible)]:text-medium-foreground',
+    'hover:border-emphasized',
+    'focus-visible:bg-base-background focus-visible:text-base-foreground focus-visible:border-transparent 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
-	}
+    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'
+    }
+});
+const TELEPORT_SIZING = {
+    small: {
+        minWidthPx: 43,
+        paddingPx: 16
+    },
+    default: {
+        minWidthPx: 55,
+        paddingPx: 24
+    }
 };
-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());
-		}
-	};
+function usePaginationTeleport({ currentPage, totalPages, onPageChange }) {
+    const safeTotalPages = Math.max(1, totalPages);
+    const [editingValue, setEditingValue] = useState('');
+    const [isEditing, setIsEditing] = useState(false);
+    const cancelEditRef = useRef(false);
+    const displayValue = isEditing ? editingValue : `${currentPage}/${safeTotalPages}`;
+    const handleFocus = ()=>{
+        cancelEditRef.current = false;
+        setIsEditing(true);
+        setEditingValue(currentPage.toString());
+    };
+    const handleBlur = ()=>{
+        setIsEditing(false);
+        if (cancelEditRef.current) {
+            cancelEditRef.current = false;
+            return;
+        }
+        const pageNum = Number.parseInt(editingValue, 10);
+        if (!Number.isNaN(pageNum) && pageNum >= 1 && pageNum <= safeTotalPages) {
+            onPageChange(pageNum);
+        }
+    };
+    const handleChange = (e)=>{
+        const value = e.target.value;
+        if (value === '' || /^\d+$/.test(value)) {
+            setEditingValue(value);
+        }
+    };
+    const handleKeyDown = (e)=>{
+        if (e.key === 'Enter') {
+            e.currentTarget.blur();
+        } else if (e.key === 'Escape') {
+            cancelEditRef.current = true;
+            setEditingValue(currentPage.toString());
+            e.currentTarget.blur();
+        }
+    };
+    return {
+        displayValue,
+        isEditing,
+        onChange: handleChange,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onKeyDown: handleKeyDown
+    };
 }
-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
-	});
+const PaginationTeleport = /*#__PURE__*/ forwardRef(({ className, currentPage, totalPages, onPageChange, size, style, ...props }, ref)=>{
+    const inheritedSize = usePaginationSize();
+    const resolvedSize = size ?? inheritedSize;
+    const { displayValue, isEditing, onChange, onFocus, onBlur, onKeyDown } = usePaginationTeleport({
+        currentPage,
+        totalPages,
+        onPageChange
+    });
+    const inputRef = useRef(null);
+    const setInputRefs = (el)=>{
+        inputRef.current = el;
+        if (typeof ref === 'function') {
+            ref(el);
+        } else if (ref) {
+            ref.current = el;
+        }
+    };
+    useLayoutEffect(()=>{
+        if (isEditing && inputRef.current) {
+            inputRef.current.select();
+        }
+    }, [
+        isEditing
+    ]);
+    const sizing = TELEPORT_SIZING[resolvedSize];
+    const dynamicWidth = getPaginationTeleportWidth(totalPages, sizing.minWidthPx, sizing.paddingPx);
+    const inputClassName = cn(paginationTeleportVariants({
+        size: resolvedSize
+    }), className);
+    return /*#__PURE__*/ _jsx(Input, {
+        ref: setInputRefs,
+        type: "text",
+        inputMode: "numeric",
+        value: displayValue,
+        onChange: onChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onKeyDown: onKeyDown,
+        "data-slot": "pagination-teleport",
+        className: inputClassName,
+        style: {
+            width: dynamicWidth,
+            ...style
+        },
+        ...props
+    });
 });
-p.displayName = "PaginationTeleport";
-//#endregion
-export { p as PaginationTeleport };
+PaginationTeleport.displayName = 'PaginationTeleport';
+export { PaginationTeleport };
+
+//# sourceMappingURL=pagination-teleport.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/pagination/pagination-teleport.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ChangeEvent,\n  type ComponentProps,\n  type ComponentRef,\n  type KeyboardEvent,\n  forwardRef,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { cva } from 'class-variance-authority';\n\nimport { cn } from '../../../../lib/utils';\nimport { Input } from '../input/input';\n\nimport {\n  type PaginationSize,\n  usePaginationSize,\n} from './pagination-size-context';\nimport { getPaginationTeleportWidth } from './pagination-teleport.utils';\n\ntype PaginationTeleportProps = {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n  size?: PaginationSize;\n} & Omit<\n  ComponentProps<typeof Input>,\n  'size' | 'value' | 'onChange' | 'children' | 'type'\n>;\n\ntype UsePaginationTeleportParams = {\n  currentPage: number;\n  totalPages: number;\n  onPageChange: (page: number) => void;\n};\n\nconst paginationTeleportVariants = cva(\n  [\n    'tabular-nums text-center font-normal outline-none',\n    'border border-transparent bg-medium-background text-medium-foreground',\n    '[&:not(:placeholder-shown):not(:focus-visible)]:bg-medium-background [&:not(:placeholder-shown):not(:focus-visible)]:text-medium-foreground',\n    'hover:border-emphasized',\n    'focus-visible:bg-base-background focus-visible:text-base-foreground focus-visible:border-transparent focus-visible:shadow-focus-ring',\n  ],\n  {\n    variants: {\n      size: {\n        default:\n          'h-9 rounded-lg px-3 py-0 text-base leading-5 tracking-tightest',\n        small: 'h-7 rounded-md px-2 py-0 text-sm leading-4.5 tracking-tight',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\nconst TELEPORT_SIZING: Record<\n  PaginationSize,\n  { minWidthPx: number; paddingPx: number }\n> = {\n  small: {\n    minWidthPx: 43,\n    paddingPx: 16,\n  },\n  default: {\n    minWidthPx: 55,\n    paddingPx: 24,\n  },\n};\n\nfunction usePaginationTeleport({\n  currentPage,\n  totalPages,\n  onPageChange,\n}: UsePaginationTeleportParams) {\n  const safeTotalPages = Math.max(1, totalPages);\n  const [editingValue, setEditingValue] = useState('');\n  const [isEditing, setIsEditing] = useState(false);\n  const cancelEditRef = useRef(false);\n\n  const displayValue = isEditing\n    ? editingValue\n    : `${currentPage}/${safeTotalPages}`;\n\n  const handleFocus = () => {\n    cancelEditRef.current = false;\n    setIsEditing(true);\n    setEditingValue(currentPage.toString());\n  };\n\n  const handleBlur = () => {\n    setIsEditing(false);\n    if (cancelEditRef.current) {\n      cancelEditRef.current = false;\n      return;\n    }\n    const pageNum = Number.parseInt(editingValue, 10);\n\n    if (!Number.isNaN(pageNum) && pageNum >= 1 && pageNum <= safeTotalPages) {\n      onPageChange(pageNum);\n    }\n  };\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value;\n\n    if (value === '' || /^\\d+$/.test(value)) {\n      setEditingValue(value);\n    }\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      e.currentTarget.blur();\n    } else if (e.key === 'Escape') {\n      cancelEditRef.current = true;\n      setEditingValue(currentPage.toString());\n      e.currentTarget.blur();\n    }\n  };\n\n  return {\n    displayValue,\n    isEditing,\n    onChange: handleChange,\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    onKeyDown: handleKeyDown,\n  };\n}\n\nconst PaginationTeleport: ForwardRefExoticComponent<\n  Omit<PaginationTeleportProps, 'ref'> & RefAttributes<HTMLInputElement>\n> = forwardRef<ComponentRef<typeof Input>, PaginationTeleportProps>(\n  (\n    { className, currentPage, totalPages, onPageChange, size, style, ...props },\n    ref\n  ) => {\n    const inheritedSize = usePaginationSize();\n    const resolvedSize = size ?? inheritedSize;\n\n    const { displayValue, isEditing, onChange, onFocus, onBlur, onKeyDown } =\n      usePaginationTeleport({\n        currentPage,\n        totalPages,\n        onPageChange,\n      });\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n\n    const setInputRefs = (el: HTMLInputElement | null) => {\n      inputRef.current = el;\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (ref) {\n        ref.current = el;\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (isEditing && inputRef.current) {\n        inputRef.current.select();\n      }\n    }, [isEditing]);\n\n    const sizing = TELEPORT_SIZING[resolvedSize];\n    const dynamicWidth = getPaginationTeleportWidth(\n      totalPages,\n      sizing.minWidthPx,\n      sizing.paddingPx\n    );\n\n    const inputClassName = cn(\n      paginationTeleportVariants({ size: resolvedSize }),\n      className\n    );\n\n    return (\n      <Input\n        ref={setInputRefs}\n        type=\"text\"\n        inputMode=\"numeric\"\n        value={displayValue}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={onKeyDown}\n        data-slot=\"pagination-teleport\"\n        className={inputClassName}\n        style={{ width: dynamicWidth, ...style }}\n        {...props}\n      />\n    );\n  }\n);\nPaginationTeleport.displayName = 'PaginationTeleport';\n\nexport { PaginationTeleport };\n"],"names":["forwardRef","useLayoutEffect","useRef","useState","cva","cn","Input","usePaginationSize","getPaginationTeleportWidth","paginationTeleportVariants","variants","size","default","small","defaultVariants","TELEPORT_SIZING","minWidthPx","paddingPx","usePaginationTeleport","currentPage","totalPages","onPageChange","safeTotalPages","Math","max","editingValue","setEditingValue","isEditing","setIsEditing","cancelEditRef","displayValue","handleFocus","current","toString","handleBlur","pageNum","Number","parseInt","isNaN","handleChange","e","value","target","test","handleKeyDown","key","currentTarget","blur","onChange","onFocus","onBlur","onKeyDown","PaginationTeleport","className","style","props","ref","inheritedSize","resolvedSize","inputRef","setInputRefs","el","select","sizing","dynamicWidth","inputClassName","type","inputMode","data-slot","width","displayName"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-//#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 function getPaginationTeleportWidth(totalPages, minWidthPx, paddingPx) {
+    const safeTotalPages = Math.max(1, totalPages);
+    const maxDisplayLength = `${safeTotalPages}/${safeTotalPages}`.length;
+    return `max(${minWidthPx}px, calc(${maxDisplayLength}ch + ${paddingPx}px))`;
 }
-//#endregion
-export { e as getPaginationTeleportWidth };
+
+//# sourceMappingURL=pagination-teleport.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/pagination/pagination-teleport.utils.ts"],"sourcesContent":["export function getPaginationTeleportWidth(\n  totalPages: number,\n  minWidthPx: number,\n  paddingPx: number\n): string {\n  const safeTotalPages = Math.max(1, totalPages);\n  const maxDisplayLength = `${safeTotalPages}/${safeTotalPages}`.length;\n  return `max(${minWidthPx}px, calc(${maxDisplayLength}ch + ${paddingPx}px))`;\n}\n"],"names":["getPaginationTeleportWidth","totalPages","minWidthPx","paddingPx","safeTotalPages","Math","max","maxDisplayLength","length"],"mappings":"AAAA,OAAO,SAASA,2BACdC,UAAkB,EAClBC,UAAkB,EAClBC,SAAiB;IAEjB,MAAMC,iBAAiBC,KAAKC,GAAG,CAAC,GAAGL;IACnC,MAAMM,mBAAmB,GAAGH,eAAe,CAAC,EAAEA,gBAAgB,CAACI,MAAM;IACrE,OAAO,CAAC,IAAI,EAAEN,WAAW,SAAS,EAAEK,iBAAiB,KAAK,EAAEJ,UAAU,IAAI,CAAC;AAC7E"}