@tensor_1/react 2.43.0 → 2.44.0

package/dist/dashboard-canvas-model.js

@@ -0,0 +1,113 @@
+const DASHBOARD_CANVAS_COLUMNS = 12;
+const whole = (value, fallback) => typeof value === "number" && Number.isFinite(value) ? Math.round(value) : fallback;
+const clampTo = (value, low, high) => Math.min(high, Math.max(low, value));
+function canvasItemLimits(item) {
+  const minW = clampTo(whole(item.minW, 1), 1, DASHBOARD_CANVAS_COLUMNS);
+  const maxW = clampTo(whole(item.maxW, DASHBOARD_CANVAS_COLUMNS), minW, DASHBOARD_CANVAS_COLUMNS);
+  const minH = Math.max(1, whole(item.minH, 1));
+  const maxH = Math.max(minH, whole(item.maxH, Number.POSITIVE_INFINITY));
+  return { minW, maxW, minH, maxH };
+}
+function clampCanvasItem(item) {
+  const { minW, maxW, minH, maxH } = canvasItemLimits(item);
+  const w = clampTo(whole(item.w, minW), minW, maxW);
+  const h = clampTo(whole(item.h, minH), minH, maxH);
+  const col = clampTo(whole(item.col, 0), 0, DASHBOARD_CANVAS_COLUMNS - w);
+  const row = Math.max(0, whole(item.row, 0));
+  if (col === item.col && row === item.row && w === item.w && h === item.h) return item;
+  return { ...item, col, row, w, h };
+}
+function canvasItemsOverlap(a, b) {
+  return a.id !== b.id && a.col < b.col + b.w && b.col < a.col + a.w && a.row < b.row + b.h && b.row < a.row + a.h;
+}
+function canvasReadingOrder(items) {
+  return items.map((item, index) => ({ item, index })).sort((a, b) => a.item.row - b.item.row || a.item.col - b.item.col || a.index - b.index).map(({ item }) => item);
+}
+function canvasRowCount(items) {
+  return items.reduce((rows, item) => Math.max(rows, item.row + item.h), 0);
+}
+function settle(fixed, rest) {
+  const settled = [...fixed];
+  for (const item of canvasReadingOrder(rest)) {
+    let candidate = item;
+    for (; ; ) {
+      const below = settled.filter((other) => canvasItemsOverlap(candidate, other)).reduce((lowest, other) => Math.max(lowest, other.row + other.h), -1);
+      if (below < 0) break;
+      candidate = { ...candidate, row: below };
+    }
+    settled.push(candidate);
+  }
+  return settled;
+}
+const inInputOrder = (items, settled) => {
+  const byId = new Map(settled.map((item) => [item.id, item]));
+  return items.map((item) => byId.get(item.id) ?? item);
+};
+function normalizeCanvas(items) {
+  const clamped = items.map((item) => clampCanvasItem(item));
+  return inInputOrder(clamped, settle([], clamped));
+}
+function placeCanvasItem(items, id, placement) {
+  const target = items.find((item) => item.id === id);
+  if (!target) return [...items];
+  const moved = clampCanvasItem({ ...target, ...placement });
+  const others = items.filter((item) => item.id !== id).map((item) => clampCanvasItem(item));
+  return inInputOrder(items, settle([moved], others));
+}
+function canvasMoveTarget(item, direction) {
+  const current = clampCanvasItem(item);
+  const col = current.col + (direction === "left" ? -1 : direction === "right" ? 1 : 0);
+  const row = current.row + (direction === "up" ? -1 : direction === "down" ? 1 : 0);
+  if (col < 0 || col + current.w > DASHBOARD_CANVAS_COLUMNS || row < 0) return null;
+  return { col, row, w: current.w, h: current.h };
+}
+function canvasResizeTarget(item, change) {
+  const current = clampCanvasItem(item);
+  const limits = canvasItemLimits(current);
+  if (change === "wider") {
+    if (current.w >= limits.maxW) return null;
+    const col = current.col + current.w < DASHBOARD_CANVAS_COLUMNS ? current.col : current.col - 1;
+    return { col, row: current.row, w: current.w + 1, h: current.h };
+  }
+  if (change === "narrower") {
+    return current.w <= limits.minW ? null : { col: current.col, row: current.row, w: current.w - 1, h: current.h };
+  }
+  if (change === "taller") {
+    return current.h >= limits.maxH ? null : { col: current.col, row: current.row, w: current.w, h: current.h + 1 };
+  }
+  return current.h <= limits.minH ? null : { col: current.col, row: current.row, w: current.w, h: current.h - 1 };
+}
+function moveCanvasItem(items, id, direction) {
+  const item = items.find((candidate) => candidate.id === id);
+  const target = item ? canvasMoveTarget(item, direction) : null;
+  return target ? placeCanvasItem(items, id, target) : [...items];
+}
+function resizeCanvasItem(items, id, change) {
+  const item = items.find((candidate) => candidate.id === id);
+  const target = item ? canvasResizeTarget(item, change) : null;
+  return target ? placeCanvasItem(items, id, target) : [...items];
+}
+function compactCanvas(items) {
+  const settled = [];
+  for (const item of canvasReadingOrder(normalizeCanvas(items))) {
+    let row = item.row;
+    while (row > 0 && !settled.some((other) => canvasItemsOverlap({ ...item, row: row - 1 }, other))) row -= 1;
+    settled.push(row === item.row ? item : { ...item, row });
+  }
+  return inInputOrder(items, settled);
+}
+export {
+  DASHBOARD_CANVAS_COLUMNS,
+  canvasItemLimits,
+  canvasItemsOverlap,
+  canvasMoveTarget,
+  canvasReadingOrder,
+  canvasResizeTarget,
+  canvasRowCount,
+  clampCanvasItem,
+  compactCanvas,
+  moveCanvasItem,
+  normalizeCanvas,
+  placeCanvasItem,
+  resizeCanvasItem
+};

package/dist/icons/Icon.d.ts

@@ -5,30 +5,30 @@ import { IconNode, UixIcon, IconProps } from './types.js';
 /** Renders a glyph as an inline SVG; the props contract shared by every icon. */
 declare function renderIcon(node: IconNode, { size, tone, label, strokeWidth, className, style, ...rest }: IconProps, ref?: unknown): react.ReactElement<{
     string?: number | string | undefined | undefined;
+    target?: string | undefined | undefined;
     filter?: string | undefined | undefined;
-    values?: string | undefined | undefined;
     fill: string;
-    color?: string | undefined | undefined;
-    fontStyle?: number | string | undefined | undefined;
-    fontWeight?: number | string | undefined | undefined;
-    fontSize?: number | string | undefined | undefined;
-    fontFamily?: string | undefined | undefined;
-    width?: number | string | undefined | undefined;
-    height?: number | string | undefined | undefined;
+    values?: string | undefined | undefined;
     type?: string | undefined | undefined;
-    z?: number | string | undefined | undefined;
-    opacity?: number | string | undefined | undefined;
-    r?: number | string | undefined | undefined;
-    target?: string | undefined | undefined;
     min?: number | string | undefined | undefined;
     max?: number | string | undefined | undefined;
     name?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
     rotate?: number | string | undefined | undefined;
     offset?: number | string | undefined | undefined;
     overflow?: number | string | undefined | undefined;
+    fontStyle?: number | string | undefined | undefined;
+    fontWeight?: number | string | undefined | undefined;
+    fontFamily?: string | undefined | undefined;
+    fontSize?: number | string | undefined | undefined;
+    opacity?: number | string | undefined | undefined;
+    height?: number | string | undefined | undefined;
     end?: number | string | undefined | undefined;
     scale?: number | string | undefined | undefined;
     to?: number | string | undefined | undefined;
+    z?: number | string | undefined | undefined;
+    r?: number | string | undefined | undefined;
     x?: number | string | undefined | undefined;
     cursor?: number | string | undefined | undefined;
     id?: string | undefined | undefined;