@cube-dev/ui-kit 0.0.0-canary-e056095 → 0.0.0-canary-31f7f8e

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

@@ -1,228 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useI18n } from "../../../i18n/useI18n.js";
-import { CopyIcon } from "../../../icons/CopyIcon.js";
-import { Button } from "../../actions/Button/Button.js";
-import { __Menu } from "../../actions/Menu/Menu.js";
-import { placementsOverlap } from "./placement.js";
-import { getLargestFreeRect } from "./occupancy.js";
-import { NodeActionsElement } from "./styles.js";
-import { ArrowsHorizontalIcon } from "../../../icons/ArrowsHorizontalIcon.js";
-import { ArrowsInHorizontalIcon } from "../../../icons/ArrowsInHorizontalIcon.js";
-import { ArrowsInVerticalIcon } from "../../../icons/ArrowsInVerticalIcon.js";
-import { ArrowsMaximizeIcon } from "../../../icons/ArrowsMaximizeIcon.js";
-import { ArrowsMinimizeIcon } from "../../../icons/ArrowsMinimizeIcon.js";
-import { ArrowsVerticalIcon } from "../../../icons/ArrowsVerticalIcon.js";
-import { MaximizeIcon } from "../../../icons/MaximizeIcon.js";
-import { MoreIcon } from "../../../icons/MoreIcon.js";
-import { SettingsIcon } from "../../../icons/SettingsIcon.js";
-import { TrashIcon } from "../../../icons/TrashIcon.js";
-import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/layout/Dashboard/DashboardNodeActions.tsx
-/** Sibling boxes, read straight off the DOM the way the drag engine does. */
-function readSiblingPlacements(parentElement, nodeId) {
-	if (!parentElement) return [];
-	return Array.from(parentElement.children).flatMap((child) => {
-		if (!(child instanceof HTMLElement)) return [];
-		if (!child.dataset.dashboardNode) return [];
-		if (child.dataset.dashboardNodeId === nodeId) return [];
-		if (child.dataset.dashboardAddSlot !== void 0) return [];
-		const column = Number(child.dataset.dashboardColumn);
-		const row = Number(child.dataset.dashboardRow);
-		const columns = Number(child.dataset.dashboardColumns);
-		const rows = Number(child.dataset.dashboardRows);
-		if (![
-			column,
-			row,
-			columns,
-			rows
-		].every(Number.isFinite)) return [];
-		return [{
-			column,
-			row,
-			columns,
-			rows
-		}];
-	});
-}
-/**
-* What each size command would produce, or nothing when it would change nothing.
-*
-* Two things can stop a command: the node's own bounds together with the space
-* left in the parent, and an occupant in the way. Both are checked, because
-* "disabled when pressing it has no effect" is the whole point — an enabled item
-* that silently does nothing is worse than a greyed-out one.
-*
-* Resolved when the menu opens rather than on every render: the occupancy half
-* is a DOM read, and a node re-renders on every frame of a neighbour's drag.
-*/
-function getDashboardSizeCommands(placement, bounds, siblings, canResizeColumns, canResizeRows) {
-	const resolved = /* @__PURE__ */ new Map();
-	const fits = (candidate) => candidate.column + candidate.columns <= bounds.parentColumns && candidate.row + candidate.rows <= bounds.parentRows && candidate.columns >= bounds.minColumns && candidate.columns <= bounds.maxColumns && candidate.rows >= bounds.minRows && candidate.rows <= bounds.maxRows && !siblings.some((sibling) => placementsOverlap(candidate, sibling));
-	const propose = (command, columns, rows) => {
-		const candidate = {
-			...placement,
-			columns,
-			rows
-		};
-		if ((candidate.columns !== placement.columns || candidate.rows !== placement.rows) && fits(candidate)) resolved.set(command, candidate);
-	};
-	if (canResizeColumns) {
-		propose("expand-width", placement.columns + 1, placement.rows);
-		propose("shrink-width", placement.columns - 1, placement.rows);
-	}
-	if (canResizeRows) {
-		propose("expand-height", placement.columns, placement.rows + 1);
-		propose("shrink-height", placement.columns, placement.rows - 1);
-	}
-	if (canResizeColumns && canResizeRows) {
-		propose("expand-both", placement.columns + 1, placement.rows + 1);
-		propose("shrink-both", placement.columns - 1, placement.rows - 1);
-		const largest = getLargestFreeRect(placement, siblings, bounds.parentColumns, bounds.parentRows, bounds.maxColumns, bounds.maxRows);
-		propose("fill", largest.columns, largest.rows);
-	}
-	return resolved;
-}
-/**
-* Every action a selected node offers, behind one trigger.
-*
-* Settings and Delete used to sit on the node as two loose round buttons, which
-* capped how many actions a node could ever have and left resizing as a
-* pointer-only gesture. One menu holds the same two actions plus the size
-* commands, a consumer's own entries, and whatever comes next — and the size
-* commands double as the accessible route to resizing.
-*/
-function DashboardNodeActions(props) {
-	const { label, mods, qaAttribute, nodeId, isSelected, placement, bounds, canResizeColumns, canResizeRows, nodeRef, onResize, onSettingsPress, settingsLabel, onDuplicatePress, duplicateLabel, onDeletePress, deleteLabel, actions, onMenuAction } = props;
-	const { t } = useI18n();
-	const [sizeCommands, setSizeCommands] = useState(() => /* @__PURE__ */ new Map());
-	const canResize = canResizeColumns || canResizeRows;
-	const hasConsumerActions = !!(onSettingsPress || onDuplicatePress || onDeletePress || actions?.length);
-	/** Which size commands this node's axes make sense for at all. */
-	const sizeItems = useMemo(() => {
-		const both = canResizeColumns && canResizeRows;
-		return [
-			{
-				key: "expand-width",
-				icon: /* @__PURE__ */ jsx(ArrowsHorizontalIcon, {}),
-				label: t("dashboard.expandWidth", "Widen"),
-				show: canResizeColumns
-			},
-			{
-				key: "shrink-width",
-				icon: /* @__PURE__ */ jsx(ArrowsInHorizontalIcon, {}),
-				label: t("dashboard.shrinkWidth", "Narrow"),
-				show: canResizeColumns
-			},
-			{
-				key: "expand-height",
-				icon: /* @__PURE__ */ jsx(ArrowsVerticalIcon, {}),
-				label: t("dashboard.expandHeight", "Make taller"),
-				show: canResizeRows
-			},
-			{
-				key: "shrink-height",
-				icon: /* @__PURE__ */ jsx(ArrowsInVerticalIcon, {}),
-				label: t("dashboard.shrinkHeight", "Make shorter"),
-				show: canResizeRows
-			},
-			{
-				key: "expand-both",
-				icon: /* @__PURE__ */ jsx(ArrowsMaximizeIcon, {}),
-				label: t("dashboard.expandBoth", "Grow on both axes"),
-				show: both
-			},
-			{
-				key: "shrink-both",
-				icon: /* @__PURE__ */ jsx(ArrowsMinimizeIcon, {}),
-				label: t("dashboard.shrinkBoth", "Shrink on both axes"),
-				show: both
-			},
-			{
-				key: "fill",
-				icon: /* @__PURE__ */ jsx(MaximizeIcon, {}),
-				label: t("dashboard.fill", "Fill available space"),
-				show: both
-			}
-		].filter((item) => item.show);
-	}, [
-		canResizeColumns,
-		canResizeRows,
-		t
-	]);
-	const handleOpenChange = useEvent((isOpen) => {
-		if (!isOpen || !canResize) return;
-		setSizeCommands(getDashboardSizeCommands(placement, bounds, readSiblingPlacements(nodeRef.current?.parentElement ?? null, nodeId), canResizeColumns, canResizeRows));
-	});
-	const disabledKeys = useMemo(() => [...sizeItems.filter((item) => !sizeCommands.has(item.key)).map((item) => item.key), ...(actions ?? []).filter((action) => action.isDisabled).map((action) => action.id)], [
-		actions,
-		sizeCommands,
-		sizeItems
-	]);
-	const handleAction = useEvent((key) => {
-		const command = String(key);
-		const resized = sizeCommands.get(command);
-		if (resized) {
-			onResize(resized);
-			return;
-		}
-		if (command === "settings") return onSettingsPress?.();
-		if (command === "duplicate") return onDuplicatePress?.();
-		if (command === "delete") return onDeletePress?.();
-		onMenuAction?.(command);
-	});
-	if (!hasConsumerActions && !canResize) return null;
-	const menuLabel = t("dashboard.nodeMenu", "Actions for {{node}}", { node: label });
-	return /* @__PURE__ */ jsx(NodeActionsElement, {
-		"aria-hidden": !isSelected || void 0,
-		mods,
-		[qaAttribute]: "",
-		children: /* @__PURE__ */ jsxs(__Menu.Trigger, {
-			onOpenChange: handleOpenChange,
-			children: [/* @__PURE__ */ jsx(Button, {
-				qa: "DashboardNodeMenuButton",
-				size: "small",
-				type: "primary",
-				radius: "round",
-				icon: /* @__PURE__ */ jsx(MoreIcon, {}),
-				"aria-label": menuLabel,
-				tabIndex: isSelected ? void 0 : -1
-			}), /* @__PURE__ */ jsxs(__Menu, {
-				"aria-label": menuLabel,
-				width: "240px",
-				disabledKeys,
-				onAction: handleAction,
-				children: [
-					onSettingsPress ? /* @__PURE__ */ jsx(__Menu.Item, {
-						icon: /* @__PURE__ */ jsx(SettingsIcon, {}),
-						children: settingsLabel ?? t("dashboard.settings", "Settings")
-					}, "settings") : null,
-					onDuplicatePress ? /* @__PURE__ */ jsx(__Menu.Item, {
-						icon: /* @__PURE__ */ jsx(CopyIcon, {}),
-						children: duplicateLabel ?? t("dashboard.duplicate", "Duplicate")
-					}, "duplicate") : null,
-					(actions ?? []).map((action) => /* @__PURE__ */ jsx(__Menu.Item, {
-						icon: action.icon,
-						description: action.description,
-						children: action.name
-					}, action.id)),
-					sizeItems.map((item) => /* @__PURE__ */ jsx(__Menu.Item, {
-						icon: item.icon,
-						children: item.label
-					}, item.key)),
-					onDeletePress ? /* @__PURE__ */ jsx(__Menu.Item, {
-						theme: "danger",
-						icon: /* @__PURE__ */ jsx(TrashIcon, {}),
-						children: deleteLabel ?? t("dashboard.delete", "Delete")
-					}, "delete") : null
-				]
-			})]
-		})
-	});
-}
-
-//#endregion
-export { DashboardNodeActions };
-//# sourceMappingURL=DashboardNodeActions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardNodeActions.js","names":["Menu"],"sources":["../../../../src/components/layout/Dashboard/DashboardNodeActions.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { ArrowsHorizontalIcon } from '../../../icons/ArrowsHorizontalIcon';\nimport { ArrowsInHorizontalIcon } from '../../../icons/ArrowsInHorizontalIcon';\nimport { ArrowsInVerticalIcon } from '../../../icons/ArrowsInVerticalIcon';\nimport { ArrowsMaximizeIcon } from '../../../icons/ArrowsMaximizeIcon';\nimport { ArrowsMinimizeIcon } from '../../../icons/ArrowsMinimizeIcon';\nimport { ArrowsVerticalIcon } from '../../../icons/ArrowsVerticalIcon';\nimport { CopyIcon } from '../../../icons/CopyIcon';\nimport { MaximizeIcon } from '../../../icons/MaximizeIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { SettingsIcon } from '../../../icons/SettingsIcon';\nimport { TrashIcon } from '../../../icons/TrashIcon';\nimport { Button } from '../../actions/Button/Button';\nimport { Menu } from '../../actions/Menu/Menu';\n\nimport { getLargestFreeRect } from './occupancy';\nimport { placementsOverlap } from './placement';\nimport { NodeActionsElement } from './styles';\n\nimport type { Key } from '@react-types/shared';\nimport type { ModValue } from '@tenphi/tasty';\nimport type { ReactNode, RefObject } from 'react';\nimport type {\n  DashboardNodeAction,\n  DashboardPlacement,\n  DashboardSizeBounds,\n} from './types';\n\ntype DashboardSizeCommand =\n  | 'expand-width'\n  | 'shrink-width'\n  | 'expand-height'\n  | 'shrink-height'\n  | 'expand-both'\n  | 'shrink-both'\n  | 'fill';\n\nexport interface DashboardNodeActionsProps {\n  /** Accessible name of the node, used in the fallback labels. */\n  label: string;\n  mods: Record<string, ModValue>;\n  /** Marks this cluster for tests and for the drag engine's target checks. */\n  qaAttribute:\n    | 'data-dashboard-widget-actions'\n    | 'data-dashboard-container-actions';\n  nodeId: string;\n  isSelected: boolean;\n  placement: DashboardPlacement;\n  bounds: DashboardSizeBounds;\n  canResizeColumns: boolean;\n  canResizeRows: boolean;\n  /** The node itself; its parent grid is read for occupancy on menu open. */\n  nodeRef: RefObject<HTMLElement | null>;\n  onResize: (placement: DashboardPlacement) => void;\n  onSettingsPress?: () => void;\n  settingsLabel?: string;\n  onDuplicatePress?: () => void;\n  duplicateLabel?: string;\n  onDeletePress?: () => void;\n  deleteLabel?: string;\n  actions?: readonly DashboardNodeAction[];\n  onMenuAction?: (key: string) => void;\n}\n\n/** Sibling boxes, read straight off the DOM the way the drag engine does. */\nfunction readSiblingPlacements(\n  parentElement: HTMLElement | null,\n  nodeId: string,\n): DashboardPlacement[] {\n  if (!parentElement) return [];\n\n  return Array.from(parentElement.children).flatMap((child) => {\n    if (!(child instanceof HTMLElement)) return [];\n    if (!child.dataset.dashboardNode) return [];\n    if (child.dataset.dashboardNodeId === nodeId) return [];\n    if (child.dataset.dashboardAddSlot !== undefined) return [];\n    const column = Number(child.dataset.dashboardColumn);\n    const row = Number(child.dataset.dashboardRow);\n    const columns = Number(child.dataset.dashboardColumns);\n    const rows = Number(child.dataset.dashboardRows);\n    if (![column, row, columns, rows].every(Number.isFinite)) return [];\n\n    return [{ column, row, columns, rows }];\n  });\n}\n\n/**\n * What each size command would produce, or nothing when it would change nothing.\n *\n * Two things can stop a command: the node's own bounds together with the space\n * left in the parent, and an occupant in the way. Both are checked, because\n * \"disabled when pressing it has no effect\" is the whole point — an enabled item\n * that silently does nothing is worse than a greyed-out one.\n *\n * Resolved when the menu opens rather than on every render: the occupancy half\n * is a DOM read, and a node re-renders on every frame of a neighbour's drag.\n */\nexport function getDashboardSizeCommands(\n  placement: DashboardPlacement,\n  bounds: DashboardSizeBounds,\n  siblings: readonly DashboardPlacement[],\n  canResizeColumns: boolean,\n  canResizeRows: boolean,\n): Map<DashboardSizeCommand, DashboardPlacement> {\n  const resolved = new Map<DashboardSizeCommand, DashboardPlacement>();\n  const fits = (candidate: DashboardPlacement) =>\n    candidate.column + candidate.columns <= bounds.parentColumns &&\n    candidate.row + candidate.rows <= bounds.parentRows &&\n    candidate.columns >= bounds.minColumns &&\n    candidate.columns <= bounds.maxColumns &&\n    candidate.rows >= bounds.minRows &&\n    candidate.rows <= bounds.maxRows &&\n    !siblings.some((sibling) => placementsOverlap(candidate, sibling));\n  const propose = (\n    command: DashboardSizeCommand,\n    columns: number,\n    rows: number,\n  ) => {\n    const candidate = { ...placement, columns, rows };\n    const changes =\n      candidate.columns !== placement.columns ||\n      candidate.rows !== placement.rows;\n\n    if (changes && fits(candidate)) resolved.set(command, candidate);\n  };\n\n  if (canResizeColumns) {\n    propose('expand-width', placement.columns + 1, placement.rows);\n    propose('shrink-width', placement.columns - 1, placement.rows);\n  }\n  if (canResizeRows) {\n    propose('expand-height', placement.columns, placement.rows + 1);\n    propose('shrink-height', placement.columns, placement.rows - 1);\n  }\n  if (canResizeColumns && canResizeRows) {\n    propose('expand-both', placement.columns + 1, placement.rows + 1);\n    propose('shrink-both', placement.columns - 1, placement.rows - 1);\n\n    const largest = getLargestFreeRect(\n      placement,\n      siblings,\n      bounds.parentColumns,\n      bounds.parentRows,\n      bounds.maxColumns,\n      bounds.maxRows,\n    );\n    propose('fill', largest.columns, largest.rows);\n  }\n\n  return resolved;\n}\n\n/**\n * Every action a selected node offers, behind one trigger.\n *\n * Settings and Delete used to sit on the node as two loose round buttons, which\n * capped how many actions a node could ever have and left resizing as a\n * pointer-only gesture. One menu holds the same two actions plus the size\n * commands, a consumer's own entries, and whatever comes next — and the size\n * commands double as the accessible route to resizing.\n */\nexport function DashboardNodeActions(props: DashboardNodeActionsProps) {\n  const {\n    label,\n    mods,\n    qaAttribute,\n    nodeId,\n    isSelected,\n    placement,\n    bounds,\n    canResizeColumns,\n    canResizeRows,\n    nodeRef,\n    onResize,\n    onSettingsPress,\n    settingsLabel,\n    onDuplicatePress,\n    duplicateLabel,\n    onDeletePress,\n    deleteLabel,\n    actions,\n    onMenuAction,\n  } = props;\n  const { t } = useI18n();\n  const [sizeCommands, setSizeCommands] = useState<\n    Map<DashboardSizeCommand, DashboardPlacement>\n  >(() => new Map());\n\n  const canResize = canResizeColumns || canResizeRows;\n  const hasConsumerActions = !!(\n    onSettingsPress ||\n    onDuplicatePress ||\n    onDeletePress ||\n    actions?.length\n  );\n\n  /** Which size commands this node's axes make sense for at all. */\n  const sizeItems = useMemo(() => {\n    const both = canResizeColumns && canResizeRows;\n    const candidates: {\n      key: DashboardSizeCommand;\n      icon: ReactNode;\n      label: string;\n      show: boolean;\n    }[] = [\n      {\n        key: 'expand-width',\n        icon: <ArrowsHorizontalIcon />,\n        label: t('dashboard.expandWidth', 'Widen'),\n        show: canResizeColumns,\n      },\n      {\n        key: 'shrink-width',\n        icon: <ArrowsInHorizontalIcon />,\n        label: t('dashboard.shrinkWidth', 'Narrow'),\n        show: canResizeColumns,\n      },\n      {\n        key: 'expand-height',\n        icon: <ArrowsVerticalIcon />,\n        label: t('dashboard.expandHeight', 'Make taller'),\n        show: canResizeRows,\n      },\n      {\n        key: 'shrink-height',\n        icon: <ArrowsInVerticalIcon />,\n        label: t('dashboard.shrinkHeight', 'Make shorter'),\n        show: canResizeRows,\n      },\n      {\n        key: 'expand-both',\n        icon: <ArrowsMaximizeIcon />,\n        label: t('dashboard.expandBoth', 'Grow on both axes'),\n        show: both,\n      },\n      {\n        key: 'shrink-both',\n        icon: <ArrowsMinimizeIcon />,\n        label: t('dashboard.shrinkBoth', 'Shrink on both axes'),\n        show: both,\n      },\n      {\n        key: 'fill',\n        icon: <MaximizeIcon />,\n        label: t('dashboard.fill', 'Fill available space'),\n        show: both,\n      },\n    ];\n\n    return candidates.filter((item) => item.show);\n  }, [canResizeColumns, canResizeRows, t]);\n\n  const handleOpenChange = useEvent((isOpen: boolean) => {\n    if (!isOpen || !canResize) return;\n\n    setSizeCommands(\n      getDashboardSizeCommands(\n        placement,\n        bounds,\n        readSiblingPlacements(nodeRef.current?.parentElement ?? null, nodeId),\n        canResizeColumns,\n        canResizeRows,\n      ),\n    );\n  });\n\n  const disabledKeys = useMemo(\n    () => [\n      ...sizeItems\n        .filter((item) => !sizeCommands.has(item.key))\n        .map((item) => item.key),\n      ...(actions ?? [])\n        .filter((action) => action.isDisabled)\n        .map((action) => action.id),\n    ],\n    [actions, sizeCommands, sizeItems],\n  );\n\n  const handleAction = useEvent((key: Key) => {\n    const command = String(key);\n    const resized = sizeCommands.get(command as DashboardSizeCommand);\n\n    if (resized) {\n      onResize(resized);\n      return;\n    }\n    if (command === 'settings') return onSettingsPress?.();\n    if (command === 'duplicate') return onDuplicatePress?.();\n    if (command === 'delete') return onDeletePress?.();\n\n    onMenuAction?.(command);\n  });\n\n  if (!hasConsumerActions && !canResize) return null;\n\n  const menuLabel = t('dashboard.nodeMenu', 'Actions for {{node}}', {\n    node: label,\n  });\n\n  return (\n    <NodeActionsElement\n      aria-hidden={!isSelected || undefined}\n      mods={mods}\n      {...{ [qaAttribute]: '' }}\n    >\n      <Menu.Trigger onOpenChange={handleOpenChange}>\n        <Button\n          qa=\"DashboardNodeMenuButton\"\n          size=\"small\"\n          type=\"primary\"\n          radius=\"round\"\n          icon={<MoreIcon />}\n          aria-label={menuLabel}\n          tabIndex={isSelected ? undefined : -1}\n        />\n        <Menu\n          aria-label={menuLabel}\n          width=\"240px\"\n          disabledKeys={disabledKeys}\n          onAction={handleAction}\n        >\n          {onSettingsPress ? (\n            <Menu.Item key=\"settings\" icon={<SettingsIcon />}>\n              {settingsLabel ?? t('dashboard.settings', 'Settings')}\n            </Menu.Item>\n          ) : null}\n          {onDuplicatePress ? (\n            <Menu.Item key=\"duplicate\" icon={<CopyIcon />}>\n              {duplicateLabel ?? t('dashboard.duplicate', 'Duplicate')}\n            </Menu.Item>\n          ) : null}\n          {(actions ?? []).map((action) => (\n            <Menu.Item\n              key={action.id}\n              icon={action.icon}\n              description={action.description}\n            >\n              {action.name}\n            </Menu.Item>\n          ))}\n          {sizeItems.map((item) => (\n            <Menu.Item key={item.key} icon={item.icon}>\n              {item.label}\n            </Menu.Item>\n          ))}\n          {onDeletePress ? (\n            <Menu.Item key=\"delete\" theme=\"danger\" icon={<TrashIcon />}>\n              {deleteLabel ?? t('dashboard.delete', 'Delete')}\n            </Menu.Item>\n          ) : null}\n        </Menu>\n      </Menu.Trigger>\n    </NodeActionsElement>\n  );\n}\n"],"mappings":"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"}

package/dist/components/layout/Dashboard/DashboardTabs.d.ts

@@ -1,14 +0,0 @@
-
-import { CubeDashboardTabProps, CubeDashboardTabsProps } from "./types.js";
-import * as react from "react";
-import { ReactElement, ReactNode } from "react";
-
-//#region src/components/layout/Dashboard/DashboardTabs.d.ts
-declare function DashboardTab(_props: CubeDashboardTabProps): ReactElement | null;
-declare namespace DashboardTab {
-  var displayName: string;
-}
-declare const DashboardTabs: react.ForwardRefExoticComponent<CubeDashboardTabsProps & react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DashboardTab, DashboardTabs };
-//# sourceMappingURL=DashboardTabs.d.ts.map

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

@@ -1,85 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { DashboardTreeContext } from "./context.js";
-import { DashboardContainerContent } from "./DashboardContainerContent.js";
-import { DashboardContainerShell, DashboardGrid, DashboardHorizontalStack, DashboardVerticalStack } from "./DashboardContainer.js";
-import { Tab, Tabs } from "../../navigation/Tabs/Tabs.js";
-import { Children, forwardRef, isValidElement, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/layout/Dashboard/DashboardTabs.tsx
-function DashboardTab(_props) {
-	return null;
-}
-DashboardTab.displayName = "DashboardTab";
-function isDashboardTab(child) {
-	return isValidElement(child) && (child.type === DashboardTab || child.type.displayName === DashboardTab.displayName);
-}
-function isDashboardTabLayoutContainer(child) {
-	if (!isValidElement(child)) return false;
-	const displayName = child.type.displayName;
-	return child.type === DashboardGrid || child.type === DashboardHorizontalStack || child.type === DashboardVerticalStack || displayName === DashboardGrid.displayName || displayName === DashboardHorizontalStack.displayName || displayName === DashboardVerticalStack.displayName;
-}
-const DashboardTabs = forwardRef(function DashboardTabs(props, ref) {
-	const { id, children, rows = 1, activeKey, defaultActiveKey, onActiveChange, ...containerProps } = props;
-	const tree = useContext(DashboardTreeContext);
-	if (tree.parentKind !== "root") throw new Error(`Dashboard.Tabs "${id}" is only allowed directly inside Dashboard.`);
-	const tabs = Children.toArray(children).filter(isDashboardTab);
-	const content = /* @__PURE__ */ jsx(Tabs, {
-		activeKey,
-		defaultActiveKey: defaultActiveKey ?? tabs[0]?.props.id,
-		onChange: onActiveChange,
-		keepMounted: true,
-		label: props["aria-label"] ?? (typeof props.title === "string" ? props.title : id),
-		height: "100%",
-		barStyles: {
-			borderBottom: "1bw #border",
-			marginBottom: "1x"
-		},
-		children: tabs.map((tab) => {
-			const tabLayoutId = `${id}:${tab.props.id}`;
-			const tabLayoutChildren = Children.toArray(tab.props.children);
-			if (tabLayoutChildren.length > 1 || tabLayoutChildren.some((child) => !isDashboardTabLayoutContainer(child))) throw new Error(`Dashboard.Tab "${tab.props.id}" inside "${id}" accepts one Grid, HorizontalStack, or VerticalStack layout container only.`);
-			const tabTree = {
-				containerDepth: 1,
-				parentKind: "tabs",
-				parentId: tabLayoutId,
-				layoutParentId: tabLayoutId,
-				parentColumns: 12,
-				parentRows: Math.max(1, Math.floor(rows)),
-				ancestorIds: [...tree.ancestorIds, id]
-			};
-			return /* @__PURE__ */ jsx(Tab, {
-				title: tab.props.title,
-				keepMounted: tab.props.keepMounted ?? true,
-				children: /* @__PURE__ */ jsx(DashboardTreeContext.Provider, {
-					value: tabTree,
-					children: /* @__PURE__ */ jsx(DashboardContainerContent, {
-						id: tabLayoutId,
-						kind: "tabs",
-						columns: 12,
-						rows: Math.max(1, Math.floor(rows)),
-						depth: 1,
-						ancestorIds: [...tree.ancestorIds, id],
-						tabsId: id,
-						tabId: tab.props.id,
-						children: tab.props.children
-					})
-				})
-			}, tab.props.id);
-		})
-	});
-	return /* @__PURE__ */ jsx(DashboardContainerShell, {
-		...containerProps,
-		ref,
-		id,
-		rows,
-		kind: "tabs",
-		content,
-		children
-	});
-});
-DashboardTabs.displayName = "DashboardTabs";
-
-//#endregion
-export { DashboardTab, DashboardTabs };
-//# sourceMappingURL=DashboardTabs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardTabs.js","names":[],"sources":["../../../../src/components/layout/Dashboard/DashboardTabs.tsx"],"sourcesContent":["import { Children, forwardRef, isValidElement, useContext } from 'react';\n\nimport { Tab, Tabs } from '../../navigation/Tabs/Tabs';\n\nimport { DashboardTreeContext } from './context';\nimport {\n  DashboardContainerShell,\n  DashboardGrid,\n  DashboardHorizontalStack,\n  DashboardVerticalStack,\n} from './DashboardContainer';\nimport { DashboardContainerContent } from './DashboardContainerContent';\n\nimport type { ForwardedRef, ReactElement, ReactNode } from 'react';\nimport type {\n  CubeDashboardTabProps,\n  CubeDashboardTabsProps,\n  DashboardTreeContextValue,\n} from './types';\n\nexport function DashboardTab(\n  _props: CubeDashboardTabProps,\n): ReactElement | null {\n  return null;\n}\n\nDashboardTab.displayName = 'DashboardTab';\n\nexport function isDashboardTab(\n  child: ReactNode,\n): child is ReactElement<CubeDashboardTabProps> {\n  return (\n    isValidElement(child) &&\n    (child.type === DashboardTab ||\n      (child.type as { displayName?: string }).displayName ===\n        DashboardTab.displayName)\n  );\n}\n\nexport function isDashboardTabLayoutContainer(child: ReactNode): boolean {\n  if (!isValidElement(child)) return false;\n\n  const displayName = (child.type as { displayName?: string }).displayName;\n\n  return (\n    child.type === DashboardGrid ||\n    child.type === DashboardHorizontalStack ||\n    child.type === DashboardVerticalStack ||\n    displayName === DashboardGrid.displayName ||\n    displayName === DashboardHorizontalStack.displayName ||\n    displayName === DashboardVerticalStack.displayName\n  );\n}\n\nexport const DashboardTabs = forwardRef(function DashboardTabs(\n  props: CubeDashboardTabsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    id,\n    children,\n    rows = 1,\n    activeKey,\n    defaultActiveKey,\n    onActiveChange,\n    ...containerProps\n  } = props;\n  const tree = useContext(DashboardTreeContext);\n\n  if (tree.parentKind !== 'root') {\n    throw new Error(\n      `Dashboard.Tabs \"${id}\" is only allowed directly inside Dashboard.`,\n    );\n  }\n\n  const tabs = Children.toArray(children).filter(isDashboardTab);\n  const content = (\n    <Tabs\n      activeKey={activeKey}\n      defaultActiveKey={defaultActiveKey ?? tabs[0]?.props.id}\n      onChange={onActiveChange}\n      keepMounted\n      label={\n        props['aria-label'] ??\n        (typeof props.title === 'string' ? props.title : id)\n      }\n      height=\"100%\"\n      barStyles={{ borderBottom: '1bw #border', marginBottom: '1x' }}\n    >\n      {tabs.map((tab) => {\n        const tabLayoutId = `${id}:${tab.props.id}`;\n        const tabLayoutChildren = Children.toArray(tab.props.children);\n\n        if (\n          tabLayoutChildren.length > 1 ||\n          tabLayoutChildren.some(\n            (child) => !isDashboardTabLayoutContainer(child),\n          )\n        ) {\n          throw new Error(\n            `Dashboard.Tab \"${tab.props.id}\" inside \"${id}\" accepts one Grid, HorizontalStack, or VerticalStack layout container only.`,\n          );\n        }\n\n        const tabTree: DashboardTreeContextValue = {\n          containerDepth: 1,\n          parentKind: 'tabs',\n          parentId: tabLayoutId,\n          layoutParentId: tabLayoutId,\n          parentColumns: 12,\n          parentRows: Math.max(1, Math.floor(rows)),\n          ancestorIds: [...tree.ancestorIds, id],\n        };\n\n        return (\n          <Tab\n            key={tab.props.id}\n            title={tab.props.title}\n            keepMounted={tab.props.keepMounted ?? true}\n          >\n            <DashboardTreeContext.Provider value={tabTree}>\n              <DashboardContainerContent\n                id={tabLayoutId}\n                kind=\"tabs\"\n                columns={12}\n                rows={Math.max(1, Math.floor(rows))}\n                depth={1}\n                ancestorIds={[...tree.ancestorIds, id]}\n                tabsId={id}\n                tabId={tab.props.id}\n              >\n                {tab.props.children}\n              </DashboardContainerContent>\n            </DashboardTreeContext.Provider>\n          </Tab>\n        );\n      })}\n    </Tabs>\n  );\n\n  return (\n    <DashboardContainerShell\n      {...containerProps}\n      ref={ref}\n      id={id}\n      rows={rows}\n      kind=\"tabs\"\n      content={content}\n      children={children}\n    />\n  );\n});\n\nDashboardTabs.displayName = 'DashboardTabs';\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,aACd,QACqB;AACrB,QAAO;;AAGT,aAAa,cAAc;AAE3B,SAAgB,eACd,OAC8C;AAC9C,QACE,eAAe,MAAM,KACpB,MAAM,SAAS,gBACb,MAAM,KAAkC,gBACvC,aAAa;;AAIrB,SAAgB,8BAA8B,OAA2B;AACvE,KAAI,CAAC,eAAe,MAAM,CAAE,QAAO;CAEnC,MAAM,cAAe,MAAM,KAAkC;AAE7D,QACE,MAAM,SAAS,iBACf,MAAM,SAAS,4BACf,MAAM,SAAS,0BACf,gBAAgB,cAAc,eAC9B,gBAAgB,yBAAyB,eACzC,gBAAgB,uBAAuB;;AAI3C,MAAa,gBAAgB,WAAW,SAAS,cAC/C,OACA,KACA;CACA,MAAM,EACJ,IACA,UACA,OAAO,GACP,WACA,kBACA,gBACA,GAAG,mBACD;CACJ,MAAM,OAAO,WAAW,qBAAqB;AAE7C,KAAI,KAAK,eAAe,OACtB,OAAM,IAAI,MACR,mBAAmB,GAAG,8CACvB;CAGH,MAAM,OAAO,SAAS,QAAQ,SAAS,CAAC,OAAO,eAAe;CAC9D,MAAM,UACJ,oBAAC;EACY;EACX,kBAAkB,oBAAoB,KAAK,IAAI,MAAM;EACrD,UAAU;EACV;EACA,OACE,MAAM,kBACL,OAAO,MAAM,UAAU,WAAW,MAAM,QAAQ;EAEnD,QAAO;EACP,WAAW;GAAE,cAAc;GAAe,cAAc;GAAM;YAE7D,KAAK,KAAK,QAAQ;GACjB,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,MAAM;GACvC,MAAM,oBAAoB,SAAS,QAAQ,IAAI,MAAM,SAAS;AAE9D,OACE,kBAAkB,SAAS,KAC3B,kBAAkB,MACf,UAAU,CAAC,8BAA8B,MAAM,CACjD,CAED,OAAM,IAAI,MACR,kBAAkB,IAAI,MAAM,GAAG,YAAY,GAAG,8EAC/C;GAGH,MAAM,UAAqC;IACzC,gBAAgB;IAChB,YAAY;IACZ,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,YAAY,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC;IACzC,aAAa,CAAC,GAAG,KAAK,aAAa,GAAG;IACvC;AAED,UACE,oBAAC;IAEC,OAAO,IAAI,MAAM;IACjB,aAAa,IAAI,MAAM,eAAe;cAEtC,oBAAC,qBAAqB;KAAS,OAAO;eACpC,oBAAC;MACC,IAAI;MACJ,MAAK;MACL,SAAS;MACT,MAAM,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC;MACnC,OAAO;MACP,aAAa,CAAC,GAAG,KAAK,aAAa,GAAG;MACtC,QAAQ;MACR,OAAO,IAAI,MAAM;gBAEhB,IAAI,MAAM;OACe;MACE;MAjB3B,IAAI,MAAM,GAkBX;IAER;GACG;AAGT,QACE,oBAAC;EACC,GAAI;EACC;EACD;EACE;EACN,MAAK;EACI;EACC;GACV;EAEJ;AAEF,cAAc,cAAc"}

package/dist/components/layout/Dashboard/DashboardWidget.d.ts

@@ -1,9 +0,0 @@
-
-import { CubeDashboardWidgetProps } from "./types.js";
-import * as react from "react";
-
-//#region src/components/layout/Dashboard/DashboardWidget.d.ts
-declare const DashboardWidget: react.ForwardRefExoticComponent<CubeDashboardWidgetProps & react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DashboardWidget };
-//# sourceMappingURL=DashboardWidget.d.ts.map

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

@@ -1,196 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
-import { mergeProps } from "../../../utils/react/mergeProps.js";
-import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
-import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { useI18n } from "../../../i18n/useI18n.js";
-import { DashboardMetricsContext } from "./context.js";
-import { GripVerticalIcon } from "../../../icons/GripVerticalIcon.js";
-import { clamp, clampRows, clampSpan, getPlacementStyle, normalizePlacement } from "./placement.js";
-import { CornerResizeGripElement, ResizeHandleElement, WidgetElement, WidgetSurfaceElement } from "./styles.js";
-import { DashboardNodeActions } from "./DashboardNodeActions.js";
-import { renderDashboardDropPreview } from "./drag.js";
-import { useDashboardNodeInteraction } from "./use-dashboard-node.js";
-import { useDashboardGestures } from "./use-dashboard-gestures.js";
-import { CONTAINER_STYLES, filterBaseProps } from "@tenphi/tasty";
-import { forwardRef, useContext, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/components/layout/Dashboard/DashboardWidget.tsx
-const DashboardWidget = forwardRef(function DashboardWidget(props, ref) {
-	const { id, children, isCard = false, isSelectable, onSettingsPress, settingsLabel, onDeletePress, onDuplicatePress, duplicateLabel, actions, onMenuAction, deleteLabel, isMovable = false, isResizable = false, minColumns = 1, maxColumns = 12, minRows = 1, maxRows, onPlacementChange, moveLabel, resizeLabel, column, row, columns, rows, mods, styles: explicitStyles, style, "aria-label": ariaLabel, ...otherProps } = props;
-	const { t } = useI18n();
-	const metrics = useContext(DashboardMetricsContext);
-	const localRef = useRef(null);
-	const combinedRef = useCombinedRefs(ref, localRef);
-	const node = useDashboardNodeInteraction({
-		id,
-		isContainer: false,
-		isSelectable
-	});
-	if (node.tree.parentKind === "root") throw new Error(`Dashboard.Widget "${id}" must be placed inside a Dashboard container.`);
-	const resolvedMinColumns = clamp(clampSpan(minColumns, 1), 1, node.tree.parentColumns);
-	const resolvedMaxColumns = clamp(clampSpan(maxColumns, node.tree.parentColumns), resolvedMinColumns, node.tree.parentColumns);
-	const resolvedMinRows = Math.min(clampRows(minRows, 1), node.tree.parentRows);
-	const resolvedMaxRows = clamp(clampRows(maxRows, node.tree.parentRows), resolvedMinRows, node.tree.parentRows);
-	const normalizedPlacement = normalizePlacement({
-		column,
-		row,
-		columns: clamp(clampSpan(columns, node.tree.parentColumns), resolvedMinColumns, resolvedMaxColumns),
-		rows: clamp(clampRows(rows, 1), resolvedMinRows, resolvedMaxRows)
-	}, node.tree.parentColumns, node.tree.parentRows);
-	const canMove = isMovable && !!onPlacementChange;
-	const canMoveColumns = canMove && node.tree.parentKind !== "vertical-stack";
-	const canMoveRows = canMove && node.tree.parentKind !== "horizontal-stack";
-	const canResizeColumns = isResizable && !!onPlacementChange && node.tree.parentKind !== "vertical-stack" && resolvedMaxColumns > resolvedMinColumns;
-	const canResizeRows = isResizable && !!onPlacementChange && node.tree.parentKind !== "horizontal-stack" && resolvedMaxRows > resolvedMinRows;
-	const canResize = canResizeColumns || canResizeRows;
-	const resizeAxis = canResizeColumns ? canResizeRows ? "both" : "x" : "y";
-	const styles = {
-		...extractStyles(props, CONTAINER_STYLES),
-		...explicitStyles
-	};
-	const placementStyle = getPlacementStyle(node.tree, normalizedPlacement);
-	const baseProps = filterBaseProps(otherProps, {
-		eventProps: true,
-		labelable: true
-	});
-	const resolvedLabel = ariaLabel ?? id;
-	const isAddSlot = props["data-dashboard-add-slot"] !== void 0;
-	const { isMoving, isResizing, dropPreview, surfaceMoveProps, resizeProps, reportPlacement } = useDashboardGestures({
-		id,
-		isContainer: false,
-		nodeRef: localRef,
-		tree: node.tree,
-		editing: node.editing,
-		metrics,
-		placement: normalizedPlacement,
-		isSelected: node.isSelected,
-		selectSelf: node.selectSelf,
-		onPlacementChange,
-		canMove,
-		canMoveColumns,
-		canMoveRows,
-		canResize,
-		canResizeColumns,
-		canResizeRows,
-		minColumns: resolvedMinColumns,
-		maxColumns: resolvedMaxColumns,
-		minRows: resolvedMinRows,
-		maxRows: resolvedMaxRows,
-		isRootChild: false
-	});
-	const resolvedMods = {
-		...mods,
-		"add-slot": isAddSlot,
-		card: isCard,
-		selected: node.isSelected,
-		hovered: node.isHovered,
-		"focus-within": node.isFocusWithin,
-		editing: node.editing.isEditing,
-		dragging: node.editing.movingId !== null,
-		movable: canMove,
-		moving: isMoving,
-		resizing: isResizing
-	};
-	const handleSettingsPress = useEvent(() => {
-		node.selectSelf(false);
-		onSettingsPress?.();
-	});
-	const handleDeletePress = useEvent(() => {
-		node.selectSelf(false);
-		onDeletePress?.();
-	});
-	const handleDuplicatePress = useEvent(() => {
-		node.selectSelf(false);
-		onDuplicatePress?.();
-	});
-	const handleMenuResize = useEvent((next) => {
-		reportPlacement(next, "resize", "commit", "command");
-	});
-	return /* @__PURE__ */ jsxs(WidgetElement, {
-		...mergeProps(baseProps, node.interactionProps, surfaceMoveProps),
-		ref: combinedRef,
-		role: "group",
-		"aria-label": moveLabel ?? resolvedLabel,
-		"aria-roledescription": t(canMove ? "dashboard.movableWidget" : "dashboard.widget", canMove ? "Movable dashboard widget" : "Dashboard widget"),
-		tabIndex: node.canSelect || canMove ? 0 : void 0,
-		"data-dashboard-node": "widget",
-		"data-dashboard-node-id": id,
-		"data-dashboard-column": normalizedPlacement.column,
-		"data-dashboard-row": normalizedPlacement.row,
-		"data-dashboard-columns": normalizedPlacement.columns,
-		"data-dashboard-rows": normalizedPlacement.rows,
-		"data-dashboard-min-columns": clampSpan(minColumns, 1),
-		"data-dashboard-max-columns": Math.max(clampSpan(minColumns, 1), clampSpan(maxColumns, 12)),
-		"data-dashboard-min-rows": clampRows(minRows, 1),
-		"data-dashboard-max-rows": maxRows === void 0 ? Number.MAX_SAFE_INTEGER : Math.max(clampRows(minRows, 1), clampRows(maxRows, 1)),
-		"data-selected": node.isSelected || void 0,
-		"data-moving": isMoving || void 0,
-		"data-resizing": isResizing || void 0,
-		mods: resolvedMods,
-		style: {
-			...placementStyle,
-			...style
-		},
-		children: [
-			/* @__PURE__ */ jsx(WidgetSurfaceElement, {
-				mods: resolvedMods,
-				styles,
-				children
-			}),
-			/* @__PURE__ */ jsx(DashboardNodeActions, {
-				label: resolvedLabel,
-				mods: resolvedMods,
-				qaAttribute: "data-dashboard-widget-actions",
-				nodeId: id,
-				isSelected: node.isSelected,
-				placement: normalizedPlacement,
-				bounds: {
-					minColumns: resolvedMinColumns,
-					maxColumns: resolvedMaxColumns,
-					minRows: resolvedMinRows,
-					maxRows: resolvedMaxRows,
-					parentColumns: node.tree.parentColumns,
-					parentRows: node.tree.parentRows
-				},
-				canResizeColumns,
-				canResizeRows,
-				nodeRef: localRef,
-				actions,
-				settingsLabel,
-				duplicateLabel,
-				deleteLabel,
-				onResize: handleMenuResize,
-				onSettingsPress: onSettingsPress && handleSettingsPress,
-				onDuplicatePress: onDuplicatePress && handleDuplicatePress,
-				onDeletePress: onDeletePress && handleDeletePress,
-				onMenuAction
-			}),
-			canResize ? /* @__PURE__ */ jsx(ResizeHandleElement, {
-				...resizeProps,
-				type: "button",
-				"aria-label": resizeLabel ?? t("dashboard.resizeWidget", "Resize dashboard widget"),
-				"data-dashboard-resize-handle": "",
-				"data-dashboard-resize-axis": resizeAxis,
-				"data-dashboard-no-select": "",
-				"aria-hidden": !node.isSelected || void 0,
-				tabIndex: node.isSelected ? void 0 : -1,
-				mods: {
-					...resolvedMods,
-					axis: resizeAxis,
-					corner: resizeAxis === "both"
-				},
-				children: /* @__PURE__ */ jsx("span", {
-					"data-element": "Icon",
-					children: resizeAxis === "both" ? /* @__PURE__ */ jsx(CornerResizeGripElement, {}) : /* @__PURE__ */ jsx(GripVerticalIcon, { size: "1.5x" })
-				})
-			}) : null,
-			renderDashboardDropPreview(dropPreview, t("dashboard.dropBlocked", "This position is already taken"))
-		]
-	});
-});
-
-//#endregion
-export { DashboardWidget };
-//# sourceMappingURL=DashboardWidget.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DashboardWidget.js","names":[],"sources":["../../../../src/components/layout/Dashboard/DashboardWidget.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, Styles } from '@tenphi/tasty';\nimport { forwardRef, useContext, useRef, useState } from 'react';\nimport { useMove } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { GripVerticalIcon } from '../../../icons/GripVerticalIcon';\nimport { mergeProps, useCombinedRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions/Button/Button';\n\nimport { DashboardMetricsContext } from './context';\nimport { DashboardNodeActions } from './DashboardNodeActions';\nimport { renderDashboardDropPreview } from './drag';\nimport {\n  clamp,\n  clampRows,\n  clampSpan,\n  getPlacementStyle,\n  isSamePlacement,\n  normalizePlacement,\n} from './placement';\nimport {\n  CornerResizeGripElement,\n  ResizeHandleElement,\n  WidgetElement,\n  WidgetSurfaceElement,\n} from './styles';\nimport { useDashboardGestures } from './use-dashboard-gestures';\nimport { useDashboardNodeInteraction } from './use-dashboard-node';\n\nimport type { ForwardedRef } from 'react';\nimport type {\n  CubeDashboardWidgetProps,\n  DashboardPlacement,\n  DashboardPlacementChangeInput,\n  DashboardPlacementChangeItem,\n  DashboardPlacementChangePhase,\n  DashboardPlacementChangeReason,\n} from './types';\n\nexport const DashboardWidget = forwardRef(function DashboardWidget(\n  props: CubeDashboardWidgetProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    id,\n    children,\n    isCard = false,\n    isSelectable,\n    onSettingsPress,\n    settingsLabel,\n    onDeletePress,\n    onDuplicatePress,\n    duplicateLabel,\n    actions,\n    onMenuAction,\n    deleteLabel,\n    isMovable = false,\n    isResizable = false,\n    minColumns = 1,\n    maxColumns = 12,\n    minRows = 1,\n    maxRows,\n    onPlacementChange,\n    moveLabel,\n    resizeLabel,\n    column,\n    row,\n    columns,\n    rows,\n    mods,\n    styles: explicitStyles,\n    style,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = props;\n  const { t } = useI18n();\n  const metrics = useContext(DashboardMetricsContext);\n  const localRef = useRef<HTMLDivElement>(null);\n  const combinedRef = useCombinedRefs(ref, localRef);\n  const node = useDashboardNodeInteraction({\n    id,\n    isContainer: false,\n    isSelectable,\n  });\n\n  if (node.tree.parentKind === 'root') {\n    throw new Error(\n      `Dashboard.Widget \"${id}\" must be placed inside a Dashboard container.`,\n    );\n  }\n\n  const resolvedMinColumns = clamp(\n    clampSpan(minColumns, 1),\n    1,\n    node.tree.parentColumns,\n  );\n  const resolvedMaxColumns = clamp(\n    clampSpan(maxColumns, node.tree.parentColumns),\n    resolvedMinColumns,\n    node.tree.parentColumns,\n  );\n  const resolvedMinRows = Math.min(clampRows(minRows, 1), node.tree.parentRows);\n  const resolvedMaxRows = clamp(\n    clampRows(maxRows, node.tree.parentRows),\n    resolvedMinRows,\n    node.tree.parentRows,\n  );\n  const normalizedPlacement = normalizePlacement(\n    {\n      column,\n      row,\n      columns: clamp(\n        clampSpan(columns, node.tree.parentColumns),\n        resolvedMinColumns,\n        resolvedMaxColumns,\n      ),\n      rows: clamp(clampRows(rows, 1), resolvedMinRows, resolvedMaxRows),\n    },\n    node.tree.parentColumns,\n    node.tree.parentRows,\n  );\n  const canMove = isMovable && !!onPlacementChange;\n  const canMoveColumns = canMove && node.tree.parentKind !== 'vertical-stack';\n  const canMoveRows = canMove && node.tree.parentKind !== 'horizontal-stack';\n  const canResizeColumns =\n    isResizable &&\n    !!onPlacementChange &&\n    node.tree.parentKind !== 'vertical-stack' &&\n    resolvedMaxColumns > resolvedMinColumns;\n  const canResizeRows =\n    isResizable &&\n    !!onPlacementChange &&\n    node.tree.parentKind !== 'horizontal-stack' &&\n    resolvedMaxRows > resolvedMinRows;\n  const canResize = canResizeColumns || canResizeRows;\n  const resizeAxis = canResizeColumns ? (canResizeRows ? 'both' : 'x') : 'y';\n\n  const extractedStyles = extractStyles(props, CONTAINER_STYLES);\n  const styles: Styles = { ...extractedStyles, ...explicitStyles };\n  const placementStyle = getPlacementStyle(node.tree, normalizedPlacement);\n  const baseProps = filterBaseProps(otherProps, {\n    eventProps: true,\n    labelable: true,\n  });\n  const resolvedLabel = ariaLabel ?? id;\n  const isAddSlot =\n    (\n      props as CubeDashboardWidgetProps & {\n        'data-dashboard-add-slot'?: unknown;\n      }\n    )['data-dashboard-add-slot'] !== undefined;\n  const {\n    isMoving,\n    isResizing,\n    dropPreview,\n    surfaceMoveProps,\n    resizeProps,\n    reportPlacement,\n  } = useDashboardGestures({\n    id,\n    isContainer: false,\n    nodeRef: localRef,\n    tree: node.tree,\n    editing: node.editing,\n    metrics,\n    placement: normalizedPlacement,\n    isSelected: node.isSelected,\n    selectSelf: node.selectSelf,\n    onPlacementChange,\n    canMove,\n    canMoveColumns,\n    canMoveRows,\n    canResize,\n    canResizeColumns,\n    canResizeRows,\n    minColumns: resolvedMinColumns,\n    maxColumns: resolvedMaxColumns,\n    minRows: resolvedMinRows,\n    maxRows: resolvedMaxRows,\n    isRootChild: false,\n  });\n  const resolvedMods = {\n    ...mods,\n    'add-slot': isAddSlot,\n    card: isCard,\n    selected: node.isSelected,\n    hovered: node.isHovered,\n    'focus-within': node.isFocusWithin,\n    editing: node.editing.isEditing,\n    dragging: node.editing.movingId !== null,\n    movable: canMove,\n    moving: isMoving,\n    resizing: isResizing,\n  };\n  const handleSettingsPress = useEvent(() => {\n    node.selectSelf(false);\n    onSettingsPress?.();\n  });\n  const handleDeletePress = useEvent(() => {\n    node.selectSelf(false);\n    onDeletePress?.();\n  });\n  const handleDuplicatePress = useEvent(() => {\n    node.selectSelf(false);\n    onDuplicatePress?.();\n  });\n  const handleMenuResize = useEvent((next: DashboardPlacement) => {\n    reportPlacement(next, 'resize', 'commit', 'command');\n  });\n\n  return (\n    <WidgetElement\n      {...mergeProps(baseProps, node.interactionProps, surfaceMoveProps)}\n      ref={combinedRef}\n      role=\"group\"\n      aria-label={moveLabel ?? resolvedLabel}\n      aria-roledescription={t(\n        canMove ? 'dashboard.movableWidget' : 'dashboard.widget',\n        canMove ? 'Movable dashboard widget' : 'Dashboard widget',\n      )}\n      tabIndex={node.canSelect || canMove ? 0 : undefined}\n      data-dashboard-node=\"widget\"\n      data-dashboard-node-id={id}\n      data-dashboard-column={normalizedPlacement.column}\n      data-dashboard-row={normalizedPlacement.row}\n      data-dashboard-columns={normalizedPlacement.columns}\n      data-dashboard-rows={normalizedPlacement.rows}\n      data-dashboard-min-columns={clampSpan(minColumns, 1)}\n      data-dashboard-max-columns={Math.max(\n        clampSpan(minColumns, 1),\n        clampSpan(maxColumns, 12),\n      )}\n      data-dashboard-min-rows={clampRows(minRows, 1)}\n      data-dashboard-max-rows={\n        maxRows === undefined\n          ? Number.MAX_SAFE_INTEGER\n          : Math.max(clampRows(minRows, 1), clampRows(maxRows, 1))\n      }\n      data-selected={node.isSelected || undefined}\n      data-moving={isMoving || undefined}\n      data-resizing={isResizing || undefined}\n      mods={resolvedMods}\n      style={{ ...placementStyle, ...style }}\n    >\n      <WidgetSurfaceElement mods={resolvedMods} styles={styles}>\n        {children}\n      </WidgetSurfaceElement>\n      <DashboardNodeActions\n        label={resolvedLabel}\n        mods={resolvedMods}\n        qaAttribute=\"data-dashboard-widget-actions\"\n        nodeId={id}\n        isSelected={node.isSelected}\n        placement={normalizedPlacement}\n        bounds={{\n          minColumns: resolvedMinColumns,\n          maxColumns: resolvedMaxColumns,\n          minRows: resolvedMinRows,\n          maxRows: resolvedMaxRows,\n          parentColumns: node.tree.parentColumns,\n          parentRows: node.tree.parentRows,\n        }}\n        canResizeColumns={canResizeColumns}\n        canResizeRows={canResizeRows}\n        nodeRef={localRef}\n        actions={actions}\n        settingsLabel={settingsLabel}\n        duplicateLabel={duplicateLabel}\n        deleteLabel={deleteLabel}\n        onResize={handleMenuResize}\n        onSettingsPress={onSettingsPress && handleSettingsPress}\n        onDuplicatePress={onDuplicatePress && handleDuplicatePress}\n        onDeletePress={onDeletePress && handleDeletePress}\n        onMenuAction={onMenuAction}\n      />\n      {canResize ? (\n        <ResizeHandleElement\n          {...resizeProps}\n          type=\"button\"\n          aria-label={\n            resizeLabel ??\n            t('dashboard.resizeWidget', 'Resize dashboard widget')\n          }\n          data-dashboard-resize-handle=\"\"\n          data-dashboard-resize-axis={resizeAxis}\n          data-dashboard-no-select=\"\"\n          aria-hidden={!node.isSelected || undefined}\n          tabIndex={node.isSelected ? undefined : -1}\n          mods={{\n            ...resolvedMods,\n            axis: resizeAxis,\n            corner: resizeAxis === 'both',\n          }}\n        >\n          <span data-element=\"Icon\">\n            {resizeAxis === 'both' ? (\n              <CornerResizeGripElement />\n            ) : (\n              <GripVerticalIcon size=\"1.5x\" />\n            )}\n          </span>\n        </ResizeHandleElement>\n      ) : null}\n      {renderDashboardDropPreview(\n        dropPreview,\n        t('dashboard.dropBlocked', 'This position is already taken'),\n      )}\n    </WidgetElement>\n  );\n});\n"],"mappings":"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"}