@cube-dev/ui-kit 0.0.0-canary-e056095 → 0.0.0-canary-f472829

package/dist/components/layout/Dashboard/occupancy.js

@@ -1,240 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { clamp, clampRows, clampSpan, normalizePlacement, placementsOverlap } from "./placement.js";
-import { Children, isValidElement } from "react";
-
-//#region src/components/layout/Dashboard/occupancy.ts
-function getDashboardChildPlacements(kind, children, columns, rows) {
-	const childPlacements = Children.toArray(children).flatMap((child) => {
-		if (!isValidElement(child)) return [];
-		const props = child.props;
-		if (props["data-dashboard-add-slot"] !== void 0) return [];
-		return [normalizePlacement(props, columns, rows)];
-	});
-	if (kind === "horizontal-stack") {
-		let nextColumn = 0;
-		return childPlacements.map((placement) => {
-			const next = {
-				...placement,
-				column: nextColumn,
-				row: 0
-			};
-			nextColumn += placement.columns;
-			return next;
-		});
-	}
-	if (kind === "vertical-stack") {
-		let nextRow = 0;
-		return childPlacements.map((placement) => {
-			const next = {
-				...placement,
-				column: 0,
-				row: nextRow
-			};
-			nextRow += placement.rows;
-			return next;
-		});
-	}
-	return childPlacements;
-}
-function getDashboardFreeCells(kind, placements, columns, rows) {
-	if (kind === "horizontal-stack") {
-		const column = placements.reduce((end, placement) => Math.max(end, placement.column + placement.columns), 0);
-		return column < columns ? [{
-			column,
-			row: 0
-		}] : [];
-	}
-	if (kind === "vertical-stack") {
-		const row = placements.reduce((end, placement) => Math.max(end, placement.row + placement.rows), 0);
-		return row < rows ? [{
-			column: 0,
-			row
-		}] : [];
-	}
-	if (kind === "tabs") return placements.length === 0 ? [{
-		column: 0,
-		row: 0
-	}] : [];
-	const cells = [];
-	for (let row = 0; row < rows; row += 1) for (let column = 0; column < columns; column += 1) if (!placements.some((placement) => column >= placement.column && column < placement.column + placement.columns && row >= placement.row && row < placement.row + placement.rows)) cells.push({
-		column,
-		row
-	});
-	return cells;
-}
-function getDashboardAddPlacement(definition, cell, kind, placements, parentColumns, parentRows, parentDepth, region) {
-	if (definition.isDisabled || kind === "tabs" && (!definition.kind || definition.kind === "widget" || definition.kind === "tabs") || definition.kind && definition.kind !== "widget" && parentDepth >= 3) return null;
-	const minColumns = clampSpan(definition.minColumns, 1);
-	const maxColumns = Math.max(minColumns, clampSpan(definition.maxColumns, parentColumns));
-	const minRows = clampRows(definition.minRows, 1);
-	const maxRows = Math.max(minRows, clampRows(definition.maxRows, parentRows));
-	let resolvedColumns = clamp(clampSpan(definition.defaultColumns, minColumns), minColumns, maxColumns);
-	let resolvedRows = clamp(clampRows(definition.defaultRows, minRows), minRows, maxRows);
-	if (kind === "horizontal-stack") resolvedRows = Math.min(parentRows, maxRows);
-	else if (kind === "vertical-stack") resolvedColumns = Math.min(parentColumns, maxColumns);
-	else if (kind === "tabs") {
-		resolvedColumns = parentColumns;
-		resolvedRows = Math.min(parentRows, maxRows);
-	}
-	if (region) {
-		if (region.columns < minColumns || region.columns > maxColumns || region.rows < minRows || region.rows > maxRows) return null;
-		resolvedColumns = region.columns;
-		resolvedRows = region.rows;
-	}
-	if (resolvedColumns < minColumns || resolvedRows < minRows || resolvedColumns > parentColumns || resolvedRows > parentRows) return null;
-	const origin = region ?? cell;
-	const placement = {
-		column: kind === "vertical-stack" || kind === "tabs" ? 0 : origin.column,
-		row: kind === "horizontal-stack" || kind === "tabs" ? 0 : origin.row,
-		columns: resolvedColumns,
-		rows: resolvedRows
-	};
-	if (placement.column + placement.columns > parentColumns || placement.row + placement.rows > parentRows) return null;
-	return placements.some((occupied) => {
-		if (kind === "horizontal-stack") return !(placement.column + placement.columns <= occupied.column || occupied.column + occupied.columns <= placement.column);
-		if (kind === "vertical-stack") return !(placement.row + placement.rows <= occupied.row || occupied.row + occupied.rows <= placement.row);
-		return placementsOverlap(placement, occupied);
-	}) ? null : placement;
-}
-/**
-* The anchor→pointer rectangle, trimmed so that every cell inside it is free.
-*
-* The region grows *from* the anchor, so the trim walks outward and stops at the
-* first obstruction rather than jumping over it — a region straddling an
-* occupied cell could never be filled by a single item. Width is settled first,
-* along the anchor's own row, and the height then only extends while every
-* column of that width stays free, which keeps the result a rectangle without
-* making the user's dominant drag axis lose to their incidental one.
-*/
-function getDashboardFreeRegion(anchor, cell, freeCells, columns, rows) {
-	const free = new Set(freeCells.map(({ column, row }) => `${column}:${row}`));
-	const isFree = (column, row) => free.has(`${column}:${row}`);
-	const reach = (from, to, limit, canTake) => {
-		const step = to >= from ? 1 : -1;
-		let last = from;
-		for (let value = from + step; step > 0 ? value <= to : value >= to;) {
-			if (value < 0 || value >= limit || !canTake(value)) break;
-			last = value;
-			value += step;
-		}
-		return last;
-	};
-	const lastColumn = reach(anchor.column, cell.column, columns, (column) => isFree(column, anchor.row));
-	const column = Math.min(anchor.column, lastColumn);
-	const spannedColumns = Math.abs(lastColumn - anchor.column) + 1;
-	const lastRow = reach(anchor.row, cell.row, rows, (row) => {
-		for (let offset = 0; offset < spannedColumns; offset += 1) if (!isFree(column + offset, row)) return false;
-		return true;
-	});
-	return {
-		column,
-		row: Math.min(anchor.row, lastRow),
-		columns: spannedColumns,
-		rows: Math.abs(lastRow - anchor.row) + 1
-	};
-}
-const LAYOUT_CONTAINER_DISPLAY_NAMES = new Set([
-	"DashboardGrid",
-	"DashboardHorizontalStack",
-	"DashboardVerticalStack",
-	"DashboardTabs"
-]);
-/**
-* Identity by `displayName` rather than by reference. A duplicated module
-* instance — two copies of Dashboard in one graph, or an element created against
-* a separately bundled re-export — is a different function object for the same
-* component, and a reference check silently reports depth 0 for it. Depth 0 then
-* widens the drop guard, the tree accepts a fourth nesting level, and the commit
-* throws during render instead of being rejected during the drag.
-*/
-function getDashboardChildDisplayName(child) {
-	if (!isValidElement(child)) return void 0;
-	return child.type.displayName;
-}
-function getDashboardDescendantContainerDepth(children) {
-	return Children.toArray(children).reduce((maximumDepth, child) => {
-		const displayName = getDashboardChildDisplayName(child);
-		if (!displayName || !isValidElement(child)) return maximumDepth;
-		const childChildren = child.props.children;
-		if (LAYOUT_CONTAINER_DISPLAY_NAMES.has(displayName)) return Math.max(maximumDepth, 1 + getDashboardDescendantContainerDepth(childChildren));
-		if (displayName === "DashboardTab") return Math.max(maximumDepth, getDashboardDescendantContainerDepth(childChildren));
-		return maximumDepth;
-	}, 0);
-}
-function getContainerChildMinimum(kind, children, capacityColumns, capacityRows) {
-	const placements = (kind === "tabs" ? Children.toArray(children).flatMap((tab) => {
-		if (!isValidElement(tab)) return [];
-		return Children.toArray(tab.props.children);
-	}) : Children.toArray(children)).flatMap((child) => {
-		if (!isValidElement(child)) return [];
-		const props = child.props;
-		if (props["data-dashboard-add-slot"] !== void 0) return [];
-		return [normalizePlacement(props, capacityColumns, capacityRows)];
-	});
-	if (placements.length === 0) return {
-		columns: 1,
-		rows: 1
-	};
-	if (kind === "horizontal-stack") return {
-		columns: Math.min(capacityColumns, placements.reduce((total, placement) => total + placement.columns, 0)),
-		rows: Math.min(capacityRows, Math.max(...placements.map((placement) => placement.rows)))
-	};
-	if (kind === "vertical-stack") return {
-		columns: Math.min(capacityColumns, Math.max(...placements.map((placement) => placement.columns))),
-		rows: Math.min(capacityRows, placements.reduce((total, placement) => total + placement.rows, 0))
-	};
-	return {
-		columns: Math.min(capacityColumns, Math.max(...placements.map((placement) => placement.column + placement.columns))),
-		rows: Math.min(capacityRows, Math.max(...placements.map((placement) => placement.row + placement.rows)))
-	};
-}
-function hasContainerLayoutChildren(kind, children) {
-	return (kind === "tabs" ? Children.toArray(children).flatMap((tab) => {
-		if (!isValidElement(tab)) return [];
-		return Children.toArray(tab.props.children);
-	}) : Children.toArray(children)).some((child) => {
-		if (!isValidElement(child)) return child !== null && child !== void 0;
-		return child.props["data-dashboard-add-slot"] === void 0;
-	});
-}
-/**
-* The largest box a node can grow into from its own origin.
-*
-* Scans right then down from the origin, shrinking the row budget as an occupied
-* column is met — the standard largest-rectangle-from-a-corner walk. Used by the
-* "Fill available space" command and to cap the press-and-drag add region.
-*
-* `Board/grid-core` ships `maxFreeRectAt`, which does exactly this and is already
-* in the bundle; Dashboard keeps its own placement maths for now, so this stays
-* local until that engine is adopted wholesale.
-*/
-function getLargestFreeRect(origin, occupied, columns, rows, maxColumns = columns, maxRows = rows) {
-	const isFree = (column, row) => !occupied.some((placement) => column >= placement.column && column < placement.column + placement.columns && row >= placement.row && row < placement.row + placement.rows);
-	const columnLimit = Math.min(columns, origin.column + maxColumns);
-	const rowLimit = Math.min(rows, origin.row + maxRows);
-	let best = {
-		column: origin.column,
-		row: origin.row,
-		columns: 1,
-		rows: 1
-	};
-	let rowBudget = rowLimit - origin.row;
-	for (let column = origin.column; column < columnLimit; column += 1) {
-		let reach = 0;
-		while (reach < rowBudget && isFree(column, origin.row + reach)) reach += 1;
-		if (reach === 0) break;
-		rowBudget = Math.min(rowBudget, reach);
-		const candidate = {
-			column: origin.column,
-			row: origin.row,
-			columns: column - origin.column + 1,
-			rows: rowBudget
-		};
-		if (candidate.columns * candidate.rows > best.columns * best.rows) best = candidate;
-	}
-	return best;
-}
-
-//#endregion
-export { getContainerChildMinimum, getDashboardAddPlacement, getDashboardChildPlacements, getDashboardDescendantContainerDepth, getDashboardFreeCells, getDashboardFreeRegion, getLargestFreeRect, hasContainerLayoutChildren };
-//# sourceMappingURL=occupancy.js.map

package/dist/components/layout/Dashboard/occupancy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"occupancy.js","names":[],"sources":["../../../../src/components/layout/Dashboard/occupancy.ts"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport {\n  clamp,\n  clampRows,\n  clampSpan,\n  normalizePlacement,\n  placementsOverlap,\n} from './placement';\n\nimport type { ReactNode } from 'react';\nimport type {\n  DashboardAddItemDefinition,\n  DashboardContainerKind,\n  DashboardPlacement,\n  DashboardPlacementProps,\n} from './types';\n\nexport interface DashboardFreeCell {\n  column: number;\n  row: number;\n}\n\nexport function getDashboardChildPlacements(\n  kind: DashboardContainerKind,\n  children: ReactNode,\n  columns: number,\n  rows: number,\n): DashboardPlacement[] {\n  const childPlacements = Children.toArray(children).flatMap((child) => {\n    if (!isValidElement(child)) return [];\n    const props = child.props as DashboardPlacementProps & {\n      'data-dashboard-add-slot'?: unknown;\n    };\n    if (props['data-dashboard-add-slot'] !== undefined) return [];\n\n    return [normalizePlacement(props, columns, rows)];\n  });\n\n  if (kind === 'horizontal-stack') {\n    let nextColumn = 0;\n\n    return childPlacements.map((placement) => {\n      const next = { ...placement, column: nextColumn, row: 0 };\n      nextColumn += placement.columns;\n\n      return next;\n    });\n  }\n\n  if (kind === 'vertical-stack') {\n    let nextRow = 0;\n\n    return childPlacements.map((placement) => {\n      const next = { ...placement, column: 0, row: nextRow };\n      nextRow += placement.rows;\n\n      return next;\n    });\n  }\n\n  return childPlacements;\n}\n\nexport function getDashboardFreeCells(\n  kind: DashboardContainerKind,\n  placements: DashboardPlacement[],\n  columns: number,\n  rows: number,\n): DashboardFreeCell[] {\n  if (kind === 'horizontal-stack') {\n    const column = placements.reduce(\n      (end, placement) => Math.max(end, placement.column + placement.columns),\n      0,\n    );\n\n    return column < columns ? [{ column, row: 0 }] : [];\n  }\n\n  if (kind === 'vertical-stack') {\n    const row = placements.reduce(\n      (end, placement) => Math.max(end, placement.row + placement.rows),\n      0,\n    );\n\n    return row < rows ? [{ column: 0, row }] : [];\n  }\n\n  if (kind === 'tabs') {\n    return placements.length === 0 ? [{ column: 0, row: 0 }] : [];\n  }\n\n  const cells: DashboardFreeCell[] = [];\n\n  for (let row = 0; row < rows; row += 1) {\n    for (let column = 0; column < columns; column += 1) {\n      const isOccupied = placements.some(\n        (placement) =>\n          column >= placement.column &&\n          column < placement.column + placement.columns &&\n          row >= placement.row &&\n          row < placement.row + placement.rows,\n      );\n\n      if (!isOccupied) cells.push({ column, row });\n    }\n  }\n\n  return cells;\n}\n\nexport function getDashboardAddPlacement(\n  definition: DashboardAddItemDefinition,\n  cell: DashboardFreeCell,\n  kind: DashboardContainerKind,\n  placements: DashboardPlacement[],\n  parentColumns: number,\n  parentRows: number,\n  parentDepth: number,\n  region?: DashboardPlacement,\n): DashboardPlacement | null {\n  if (\n    definition.isDisabled ||\n    (kind === 'tabs' &&\n      (!definition.kind ||\n        definition.kind === 'widget' ||\n        definition.kind === 'tabs')) ||\n    (definition.kind && definition.kind !== 'widget' && parentDepth >= 3)\n  ) {\n    return null;\n  }\n\n  const minColumns = clampSpan(definition.minColumns, 1);\n  const maxColumns = Math.max(\n    minColumns,\n    clampSpan(definition.maxColumns, parentColumns),\n  );\n  const minRows = clampRows(definition.minRows, 1);\n  const maxRows = Math.max(minRows, clampRows(definition.maxRows, parentRows));\n  let resolvedColumns = clamp(\n    clampSpan(definition.defaultColumns, minColumns),\n    minColumns,\n    maxColumns,\n  );\n  let resolvedRows = clamp(\n    clampRows(definition.defaultRows, minRows),\n    minRows,\n    maxRows,\n  );\n\n  if (kind === 'horizontal-stack') {\n    resolvedRows = Math.min(parentRows, maxRows);\n  } else if (kind === 'vertical-stack') {\n    resolvedColumns = Math.min(parentColumns, maxColumns);\n  } else if (kind === 'tabs') {\n    resolvedColumns = parentColumns;\n    resolvedRows = Math.min(parentRows, maxRows);\n  }\n\n  // A claimed region is a demand, not a hint: the item has to be able to *be*\n  // that size, or it does not belong in this region's menu at all. Without a\n  // region the definition's own defaults grow from the cell, which is what a\n  // plain click on the add button has always done.\n  if (region) {\n    if (\n      region.columns < minColumns ||\n      region.columns > maxColumns ||\n      region.rows < minRows ||\n      region.rows > maxRows\n    ) {\n      return null;\n    }\n\n    resolvedColumns = region.columns;\n    resolvedRows = region.rows;\n  }\n\n  if (\n    resolvedColumns < minColumns ||\n    resolvedRows < minRows ||\n    resolvedColumns > parentColumns ||\n    resolvedRows > parentRows\n  ) {\n    return null;\n  }\n\n  const origin = region ?? cell;\n  const placement: DashboardPlacement = {\n    column: kind === 'vertical-stack' || kind === 'tabs' ? 0 : origin.column,\n    row: kind === 'horizontal-stack' || kind === 'tabs' ? 0 : origin.row,\n    columns: resolvedColumns,\n    rows: resolvedRows,\n  };\n\n  if (\n    placement.column + placement.columns > parentColumns ||\n    placement.row + placement.rows > parentRows\n  ) {\n    return null;\n  }\n\n  const isBlocked = placements.some((occupied) => {\n    if (kind === 'horizontal-stack') {\n      return !(\n        placement.column + placement.columns <= occupied.column ||\n        occupied.column + occupied.columns <= placement.column\n      );\n    }\n\n    if (kind === 'vertical-stack') {\n      return !(\n        placement.row + placement.rows <= occupied.row ||\n        occupied.row + occupied.rows <= placement.row\n      );\n    }\n\n    return placementsOverlap(placement, occupied);\n  });\n\n  return isBlocked ? null : placement;\n}\n\n/**\n * The anchor→pointer rectangle, trimmed so that every cell inside it is free.\n *\n * The region grows *from* the anchor, so the trim walks outward and stops at the\n * first obstruction rather than jumping over it — a region straddling an\n * occupied cell could never be filled by a single item. Width is settled first,\n * along the anchor's own row, and the height then only extends while every\n * column of that width stays free, which keeps the result a rectangle without\n * making the user's dominant drag axis lose to their incidental one.\n */\nexport function getDashboardFreeRegion(\n  anchor: DashboardFreeCell,\n  cell: DashboardFreeCell,\n  freeCells: readonly DashboardFreeCell[],\n  columns: number,\n  rows: number,\n): DashboardPlacement {\n  const free = new Set(freeCells.map(({ column, row }) => `${column}:${row}`));\n  const isFree = (column: number, row: number) => free.has(`${column}:${row}`);\n  const reach = (\n    from: number,\n    to: number,\n    limit: number,\n    canTake: (value: number) => boolean,\n  ) => {\n    const step = to >= from ? 1 : -1;\n    let last = from;\n\n    for (let value = from + step; step > 0 ? value <= to : value >= to; ) {\n      if (value < 0 || value >= limit || !canTake(value)) break;\n      last = value;\n      value += step;\n    }\n\n    return last;\n  };\n\n  const lastColumn = reach(anchor.column, cell.column, columns, (column) =>\n    isFree(column, anchor.row),\n  );\n  const column = Math.min(anchor.column, lastColumn);\n  const spannedColumns = Math.abs(lastColumn - anchor.column) + 1;\n  const lastRow = reach(anchor.row, cell.row, rows, (row) => {\n    for (let offset = 0; offset < spannedColumns; offset += 1) {\n      if (!isFree(column + offset, row)) return false;\n    }\n\n    return true;\n  });\n\n  return {\n    column,\n    row: Math.min(anchor.row, lastRow),\n    columns: spannedColumns,\n    rows: Math.abs(lastRow - anchor.row) + 1,\n  };\n}\n\nexport interface DashboardChildMinimum {\n  columns: number;\n  rows: number;\n}\n\nconst LAYOUT_CONTAINER_DISPLAY_NAMES = new Set([\n  'DashboardGrid',\n  'DashboardHorizontalStack',\n  'DashboardVerticalStack',\n  'DashboardTabs',\n]);\n\n/**\n * Identity by `displayName` rather than by reference. A duplicated module\n * instance — two copies of Dashboard in one graph, or an element created against\n * a separately bundled re-export — is a different function object for the same\n * component, and a reference check silently reports depth 0 for it. Depth 0 then\n * widens the drop guard, the tree accepts a fourth nesting level, and the commit\n * throws during render instead of being rejected during the drag.\n */\nfunction getDashboardChildDisplayName(child: ReactNode): string | undefined {\n  if (!isValidElement(child)) return undefined;\n\n  return (child.type as { displayName?: string }).displayName;\n}\n\nexport function getDashboardDescendantContainerDepth(\n  children: ReactNode,\n): number {\n  return Children.toArray(children).reduce<number>((maximumDepth, child) => {\n    const displayName = getDashboardChildDisplayName(child);\n    if (!displayName || !isValidElement(child)) return maximumDepth;\n    const childChildren = (child.props as { children?: ReactNode }).children;\n\n    if (LAYOUT_CONTAINER_DISPLAY_NAMES.has(displayName)) {\n      return Math.max(\n        maximumDepth,\n        1 + getDashboardDescendantContainerDepth(childChildren),\n      );\n    }\n\n    if (displayName === 'DashboardTab') {\n      return Math.max(\n        maximumDepth,\n        getDashboardDescendantContainerDepth(childChildren),\n      );\n    }\n\n    return maximumDepth;\n  }, 0);\n}\n\nexport function getContainerChildMinimum(\n  kind: DashboardContainerKind,\n  children: ReactNode,\n  capacityColumns: number,\n  capacityRows: number,\n): DashboardChildMinimum {\n  const directChildren =\n    kind === 'tabs'\n      ? Children.toArray(children).flatMap((tab) => {\n          if (!isValidElement(tab)) return [];\n          return Children.toArray(\n            (tab.props as { children?: ReactNode }).children,\n          );\n        })\n      : Children.toArray(children);\n  const placements = directChildren.flatMap((child) => {\n    if (!isValidElement(child)) return [];\n    const props = child.props as DashboardPlacementProps & {\n      'data-dashboard-add-slot'?: unknown;\n    };\n    if (props['data-dashboard-add-slot'] !== undefined) return [];\n\n    return [normalizePlacement(props, capacityColumns, capacityRows)];\n  });\n\n  if (placements.length === 0) return { columns: 1, rows: 1 };\n\n  if (kind === 'horizontal-stack') {\n    return {\n      columns: Math.min(\n        capacityColumns,\n        placements.reduce((total, placement) => total + placement.columns, 0),\n      ),\n      rows: Math.min(\n        capacityRows,\n        Math.max(...placements.map((placement) => placement.rows)),\n      ),\n    };\n  }\n\n  if (kind === 'vertical-stack') {\n    return {\n      columns: Math.min(\n        capacityColumns,\n        Math.max(...placements.map((placement) => placement.columns)),\n      ),\n      rows: Math.min(\n        capacityRows,\n        placements.reduce((total, placement) => total + placement.rows, 0),\n      ),\n    };\n  }\n\n  return {\n    columns: Math.min(\n      capacityColumns,\n      Math.max(\n        ...placements.map((placement) => placement.column + placement.columns),\n      ),\n    ),\n    rows: Math.min(\n      capacityRows,\n      Math.max(\n        ...placements.map((placement) => placement.row + placement.rows),\n      ),\n    ),\n  };\n}\n\nexport function hasContainerLayoutChildren(\n  kind: DashboardContainerKind,\n  children: ReactNode,\n): boolean {\n  const directChildren =\n    kind === 'tabs'\n      ? Children.toArray(children).flatMap((tab) => {\n          if (!isValidElement(tab)) return [];\n          return Children.toArray(\n            (tab.props as { children?: ReactNode }).children,\n          );\n        })\n      : Children.toArray(children);\n\n  return directChildren.some((child) => {\n    if (!isValidElement(child)) return child !== null && child !== undefined;\n    const props = child.props as { 'data-dashboard-add-slot'?: unknown };\n\n    return props['data-dashboard-add-slot'] === undefined;\n  });\n}\n\n/**\n * The largest box a node can grow into from its own origin.\n *\n * Scans right then down from the origin, shrinking the row budget as an occupied\n * column is met — the standard largest-rectangle-from-a-corner walk. Used by the\n * \"Fill available space\" command and to cap the press-and-drag add region.\n *\n * `Board/grid-core` ships `maxFreeRectAt`, which does exactly this and is already\n * in the bundle; Dashboard keeps its own placement maths for now, so this stays\n * local until that engine is adopted wholesale.\n */\nexport function getLargestFreeRect(\n  origin: DashboardFreeCell,\n  occupied: readonly DashboardPlacement[],\n  columns: number,\n  rows: number,\n  maxColumns = columns,\n  maxRows = rows,\n): DashboardPlacement {\n  const isFree = (column: number, row: number) =>\n    !occupied.some(\n      (placement) =>\n        column >= placement.column &&\n        column < placement.column + placement.columns &&\n        row >= placement.row &&\n        row < placement.row + placement.rows,\n    );\n\n  const columnLimit = Math.min(columns, origin.column + maxColumns);\n  const rowLimit = Math.min(rows, origin.row + maxRows);\n  let best: DashboardPlacement = {\n    column: origin.column,\n    row: origin.row,\n    columns: 1,\n    rows: 1,\n  };\n  let rowBudget = rowLimit - origin.row;\n\n  for (let column = origin.column; column < columnLimit; column += 1) {\n    let reach = 0;\n    while (reach < rowBudget && isFree(column, origin.row + reach)) reach += 1;\n    if (reach === 0) break;\n\n    rowBudget = Math.min(rowBudget, reach);\n    const candidate: DashboardPlacement = {\n      column: origin.column,\n      row: origin.row,\n      columns: column - origin.column + 1,\n      rows: rowBudget,\n    };\n\n    if (candidate.columns * candidate.rows > best.columns * best.rows) {\n      best = candidate;\n    }\n  }\n\n  return best;\n}\n"],"mappings":"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"}

package/dist/components/layout/Dashboard/placement.js

@@ -1,94 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-//#region src/components/layout/Dashboard/placement.ts
-/**
-* The vertical channel between top-level containers, in pixels.
-*
-* Must stay in step with `gap: '1x'` on `DashboardElement`. It is deliberately
-* independent of the `gap` prop, which describes spacing *inside* a container's
-* grid, and the pointer maths for a root-level move reads it from here rather
-* than from `metrics.rowGap`.
-*/
-const DASHBOARD_ROOT_GAP = 8;
-function normalizeGap(gap) {
-	if (Array.isArray(gap)) return gap;
-	const value = gap ?? 16;
-	return [value, value];
-}
-function clampSpan(value, fallback) {
-	return Math.max(1, Math.min(12, Math.floor(value ?? fallback)));
-}
-function clampRows(value, fallback) {
-	return Math.max(1, Math.floor(value ?? fallback));
-}
-function clampOrigin(value) {
-	return Math.max(0, Math.min(11, Math.floor(value ?? 0)));
-}
-function clampRowOrigin(value) {
-	return Math.max(0, Math.floor(value ?? 0));
-}
-function clamp(value, min, max) {
-	return Math.max(min, Math.min(max, value));
-}
-function normalizePlacement(placement, parentColumns, parentRows) {
-	const columns = Math.min(clampSpan(placement.columns, parentColumns), parentColumns);
-	const rows = Math.min(clampRows(placement.rows, 1), parentRows);
-	return {
-		column: Math.min(clampOrigin(placement.column), parentColumns - columns),
-		row: Math.min(clampRowOrigin(placement.row), parentRows - rows),
-		columns,
-		rows
-	};
-}
-function isSamePlacement(first, second) {
-	return first.column === second.column && first.row === second.row && first.columns === second.columns && first.rows === second.rows;
-}
-function getPlacementStyle(tree, placement) {
-	if (tree.parentKind === "root") return { gridColumn: "1 / -1" };
-	const columns = Math.min(clampSpan(placement.columns, tree.parentColumns), tree.parentColumns);
-	const rows = Math.min(clampRows(placement.rows, 1), tree.parentRows);
-	if (tree.parentKind === "horizontal-stack") return {
-		gridColumn: `span ${columns}`,
-		gridRow: `1 / span ${rows}`
-	};
-	if (tree.parentKind === "vertical-stack") return {
-		gridColumn: `1 / span ${columns}`,
-		gridRow: `span ${rows}`
-	};
-	return {
-		gridColumn: `${Math.min(clampOrigin(placement.column), tree.parentColumns - columns) + 1} / span ${columns}`,
-		gridRow: `${Math.min(clampRowOrigin(placement.row), tree.parentRows - rows) + 1} / span ${rows}`
-	};
-}
-function getContentGridStyle(kind, columns, rows, metrics) {
-	return {
-		gap: `${metrics.rowGap}px ${metrics.columnGap}px`,
-		gridTemplateColumns: `repeat(${Math.max(1, Math.floor(columns))}, minmax(0, 1fr))`,
-		gridTemplateRows: `repeat(${Math.max(1, Math.floor(rows))}, minmax(${metrics.rowHeight}px, auto))`,
-		gridAutoFlow: kind === "horizontal-stack" ? "row" : void 0
-	};
-}
-/**
-* The cell a client point falls in.
-*
-* Shared by the drag engine, which positions a box and therefore rounds to the
-* *nearest* track boundary, and by the add-region gesture, which asks which cell
-* the pointer is inside and therefore floors. Both read the same track maths, so
-* a region and a drop can never disagree about where a cell starts.
-*/
-function pointToCell(point, rect, columns, rows, metrics, rounding = "floor") {
-	const columnWidth = (rect.width - metrics.columnGap * (columns - 1)) / columns;
-	const columnStep = Math.max(1, columnWidth + metrics.columnGap);
-	const rowStep = Math.max(1, metrics.rowHeight + metrics.rowGap);
-	const round = rounding === "floor" ? Math.floor : Math.round;
-	return {
-		column: clamp(round((point.x - rect.left) / columnStep), 0, columns - 1),
-		row: clamp(round((point.y - rect.top) / rowStep), 0, rows - 1)
-	};
-}
-function placementsOverlap(first, second) {
-	return first.column < second.column + second.columns && first.column + first.columns > second.column && first.row < second.row + second.rows && first.row + first.rows > second.row;
-}
-
-//#endregion
-export { DASHBOARD_ROOT_GAP, clamp, clampRowOrigin, clampRows, clampSpan, getContentGridStyle, getPlacementStyle, isSamePlacement, normalizeGap, normalizePlacement, placementsOverlap, pointToCell };
-//# sourceMappingURL=placement.js.map

package/dist/components/layout/Dashboard/placement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placement.js","names":[],"sources":["../../../../src/components/layout/Dashboard/placement.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport type {\n  CubeDashboardProps,\n  DashboardContainerKind,\n  DashboardMetrics,\n  DashboardPlacement,\n  DashboardPlacementProps,\n  DashboardTreeContextValue,\n} from './types';\n\n/**\n * The vertical channel between top-level containers, in pixels.\n *\n * Must stay in step with `gap: '1x'` on `DashboardElement`. It is deliberately\n * independent of the `gap` prop, which describes spacing *inside* a container's\n * grid, and the pointer maths for a root-level move reads it from here rather\n * than from `metrics.rowGap`.\n */\nexport const DASHBOARD_ROOT_GAP = 8;\n\nexport function normalizeGap(gap: CubeDashboardProps['gap']): [number, number] {\n  if (Array.isArray(gap)) return gap;\n  const value = gap ?? 16;\n  return [value, value];\n}\n\nexport function clampSpan(value: number | undefined, fallback: number): number {\n  return Math.max(1, Math.min(12, Math.floor(value ?? fallback)));\n}\n\nexport function clampRows(value: number | undefined, fallback: number): number {\n  return Math.max(1, Math.floor(value ?? fallback));\n}\n\nexport function clampOrigin(value: number | undefined): number {\n  return Math.max(0, Math.min(11, Math.floor(value ?? 0)));\n}\n\nexport function clampRowOrigin(value: number | undefined): number {\n  return Math.max(0, Math.floor(value ?? 0));\n}\n\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.max(min, Math.min(max, value));\n}\n\nexport function normalizePlacement(\n  placement: DashboardPlacementProps,\n  parentColumns: number,\n  parentRows: number,\n): DashboardPlacement {\n  const columns = Math.min(\n    clampSpan(placement.columns, parentColumns),\n    parentColumns,\n  );\n  const rows = Math.min(clampRows(placement.rows, 1), parentRows);\n\n  return {\n    column: Math.min(clampOrigin(placement.column), parentColumns - columns),\n    row: Math.min(clampRowOrigin(placement.row), parentRows - rows),\n    columns,\n    rows,\n  };\n}\n\nexport function isSamePlacement(\n  first: DashboardPlacement,\n  second: DashboardPlacement,\n): boolean {\n  return (\n    first.column === second.column &&\n    first.row === second.row &&\n    first.columns === second.columns &&\n    first.rows === second.rows\n  );\n}\n\nexport function getPlacementStyle(\n  tree: DashboardTreeContextValue,\n  placement: DashboardPlacementProps,\n): CSSProperties {\n  if (tree.parentKind === 'root') {\n    return { gridColumn: '1 / -1' };\n  }\n\n  const columns = Math.min(\n    clampSpan(placement.columns, tree.parentColumns),\n    tree.parentColumns,\n  );\n  const rows = Math.min(clampRows(placement.rows, 1), tree.parentRows);\n\n  if (tree.parentKind === 'horizontal-stack') {\n    return {\n      gridColumn: `span ${columns}`,\n      gridRow: `1 / span ${rows}`,\n    };\n  }\n\n  if (tree.parentKind === 'vertical-stack') {\n    return {\n      gridColumn: `1 / span ${columns}`,\n      gridRow: `span ${rows}`,\n    };\n  }\n\n  return {\n    gridColumn: `${Math.min(clampOrigin(placement.column), tree.parentColumns - columns) + 1} / span ${columns}`,\n    gridRow: `${Math.min(clampRowOrigin(placement.row), tree.parentRows - rows) + 1} / span ${rows}`,\n  };\n}\n\nexport function getContentGridStyle(\n  kind: DashboardContainerKind,\n  columns: number,\n  rows: number,\n  metrics: DashboardMetrics,\n): CSSProperties {\n  return {\n    gap: `${metrics.rowGap}px ${metrics.columnGap}px`,\n    gridTemplateColumns: `repeat(${Math.max(1, Math.floor(columns))}, minmax(0, 1fr))`,\n    gridTemplateRows: `repeat(${Math.max(1, Math.floor(rows))}, minmax(${metrics.rowHeight}px, auto))`,\n    gridAutoFlow: kind === 'horizontal-stack' ? 'row' : undefined,\n  };\n}\n\n/**\n * The cell a client point falls in.\n *\n * Shared by the drag engine, which positions a box and therefore rounds to the\n * *nearest* track boundary, and by the add-region gesture, which asks which cell\n * the pointer is inside and therefore floors. Both read the same track maths, so\n * a region and a drop can never disagree about where a cell starts.\n */\nexport function pointToCell(\n  point: { x: number; y: number },\n  rect: { left: number; top: number; width: number },\n  columns: number,\n  rows: number,\n  metrics: DashboardMetrics,\n  rounding: 'floor' | 'nearest' = 'floor',\n): { column: number; row: number } {\n  const columnWidth =\n    (rect.width - metrics.columnGap * (columns - 1)) / columns;\n  const columnStep = Math.max(1, columnWidth + metrics.columnGap);\n  const rowStep = Math.max(1, metrics.rowHeight + metrics.rowGap);\n  const round = rounding === 'floor' ? Math.floor : Math.round;\n\n  return {\n    column: clamp(round((point.x - rect.left) / columnStep), 0, columns - 1),\n    row: clamp(round((point.y - rect.top) / rowStep), 0, rows - 1),\n  };\n}\n\nexport function placementsOverlap(\n  first: DashboardPlacement,\n  second: DashboardPlacement,\n): boolean {\n  return (\n    first.column < second.column + second.columns &&\n    first.column + first.columns > second.column &&\n    first.row < second.row + second.rows &&\n    first.row + first.rows > second.row\n  );\n}\n"],"mappings":";;;;;;;;;;AAkBA,MAAa,qBAAqB;AAElC,SAAgB,aAAa,KAAkD;AAC7E,KAAI,MAAM,QAAQ,IAAI,CAAE,QAAO;CAC/B,MAAM,QAAQ,OAAO;AACrB,QAAO,CAAC,OAAO,MAAM;;AAGvB,SAAgB,UAAU,OAA2B,UAA0B;AAC7E,QAAO,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,SAAS,CAAC,CAAC;;AAGjE,SAAgB,UAAU,OAA2B,UAA0B;AAC7E,QAAO,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,SAAS,CAAC;;AAGnD,SAAgB,YAAY,OAAmC;AAC7D,QAAO,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,KAAK,MAAM,SAAS,EAAE,CAAC,CAAC;;AAG1D,SAAgB,eAAe,OAAmC;AAChE,QAAO,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,EAAE,CAAC;;AAG5C,SAAgB,MAAM,OAAe,KAAa,KAAqB;AACrE,QAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,MAAM,CAAC;;AAG5C,SAAgB,mBACd,WACA,eACA,YACoB;CACpB,MAAM,UAAU,KAAK,IACnB,UAAU,UAAU,SAAS,cAAc,EAC3C,cACD;CACD,MAAM,OAAO,KAAK,IAAI,UAAU,UAAU,MAAM,EAAE,EAAE,WAAW;AAE/D,QAAO;EACL,QAAQ,KAAK,IAAI,YAAY,UAAU,OAAO,EAAE,gBAAgB,QAAQ;EACxE,KAAK,KAAK,IAAI,eAAe,UAAU,IAAI,EAAE,aAAa,KAAK;EAC/D;EACA;EACD;;AAGH,SAAgB,gBACd,OACA,QACS;AACT,QACE,MAAM,WAAW,OAAO,UACxB,MAAM,QAAQ,OAAO,OACrB,MAAM,YAAY,OAAO,WACzB,MAAM,SAAS,OAAO;;AAI1B,SAAgB,kBACd,MACA,WACe;AACf,KAAI,KAAK,eAAe,OACtB,QAAO,EAAE,YAAY,UAAU;CAGjC,MAAM,UAAU,KAAK,IACnB,UAAU,UAAU,SAAS,KAAK,cAAc,EAChD,KAAK,cACN;CACD,MAAM,OAAO,KAAK,IAAI,UAAU,UAAU,MAAM,EAAE,EAAE,KAAK,WAAW;AAEpE,KAAI,KAAK,eAAe,mBACtB,QAAO;EACL,YAAY,QAAQ;EACpB,SAAS,YAAY;EACtB;AAGH,KAAI,KAAK,eAAe,iBACtB,QAAO;EACL,YAAY,YAAY;EACxB,SAAS,QAAQ;EAClB;AAGH,QAAO;EACL,YAAY,GAAG,KAAK,IAAI,YAAY,UAAU,OAAO,EAAE,KAAK,gBAAgB,QAAQ,GAAG,EAAE,UAAU;EACnG,SAAS,GAAG,KAAK,IAAI,eAAe,UAAU,IAAI,EAAE,KAAK,aAAa,KAAK,GAAG,EAAE,UAAU;EAC3F;;AAGH,SAAgB,oBACd,MACA,SACA,MACA,SACe;AACf,QAAO;EACL,KAAK,GAAG,QAAQ,OAAO,KAAK,QAAQ,UAAU;EAC9C,qBAAqB,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,CAAC,CAAC;EAChE,kBAAkB,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,CAAC,WAAW,QAAQ,UAAU;EACvF,cAAc,SAAS,qBAAqB,QAAQ;EACrD;;;;;;;;;;AAWH,SAAgB,YACd,OACA,MACA,SACA,MACA,SACA,WAAgC,SACC;CACjC,MAAM,eACH,KAAK,QAAQ,QAAQ,aAAa,UAAU,MAAM;CACrD,MAAM,aAAa,KAAK,IAAI,GAAG,cAAc,QAAQ,UAAU;CAC/D,MAAM,UAAU,KAAK,IAAI,GAAG,QAAQ,YAAY,QAAQ,OAAO;CAC/D,MAAM,QAAQ,aAAa,UAAU,KAAK,QAAQ,KAAK;AAEvD,QAAO;EACL,QAAQ,MAAM,OAAO,MAAM,IAAI,KAAK,QAAQ,WAAW,EAAE,GAAG,UAAU,EAAE;EACxE,KAAK,MAAM,OAAO,MAAM,IAAI,KAAK,OAAO,QAAQ,EAAE,GAAG,OAAO,EAAE;EAC/D;;AAGH,SAAgB,kBACd,OACA,QACS;AACT,QACE,MAAM,SAAS,OAAO,SAAS,OAAO,WACtC,MAAM,SAAS,MAAM,UAAU,OAAO,UACtC,MAAM,MAAM,OAAO,MAAM,OAAO,QAChC,MAAM,MAAM,MAAM,OAAO,OAAO"}