@cube-dev/ui-kit 0.181.0 → 0.183.0

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";
@@ -6,8 +6,9 @@ import { CheckIcon } from "../../../icons/CheckIcon.js";
 import { LoadingIcon } from "../../../icons/LoadingIcon.js";
 import { useItemActionContext } from "../ItemActionContext.js";
 import { useAction } from "../use-action.js";
+import { c } from "react-compiler-runtime";
 import { tasty } from "@tenphi/tasty";
-import { forwardRef, useMemo } from "react";
+import { forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/actions/ItemAction/ItemAction.tsx
@@ -72,81 +73,217 @@ const ItemActionElement = tasty({
 	}
 });
 const ItemAction = forwardRef(function ItemAction(allProps, ref) {
+	const $ = c(49);
 	const { type: contextType, disableActionsFocus, isDisabled: contextIsDisabled } = useItemActionContext();
-	const { type = "clear", theme = "current", icon, children, isLoading = false, isSelected = false, tooltip, mods, styles, isDisabled: isDisabledProp, ...rest } = allProps;
+	let children;
+	let icon;
+	let isDisabledProp;
+	let mods;
+	let rest;
+	let styles;
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let tooltip;
+	if ($[0] !== allProps) {
+		({type: t0, theme: t1, icon, children, isLoading: t2, isSelected: t3, tooltip, mods, styles, isDisabled: isDisabledProp, ...rest} = allProps);
+		$[0] = allProps;
+		$[1] = children;
+		$[2] = icon;
+		$[3] = isDisabledProp;
+		$[4] = mods;
+		$[5] = rest;
+		$[6] = styles;
+		$[7] = t0;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = tooltip;
+	} else {
+		children = $[1];
+		icon = $[2];
+		isDisabledProp = $[3];
+		mods = $[4];
+		rest = $[5];
+		styles = $[6];
+		t0 = $[7];
+		t1 = $[8];
+		t2 = $[9];
+		t3 = $[10];
+		tooltip = $[11];
+	}
+	const type = t0 === void 0 ? "clear" : t0;
+	const theme = t1 === void 0 ? "current" : t1;
+	const isLoading = t2 === void 0 ? false : t2;
+	const isSelected = t3 === void 0 ? false : t3;
 	const isDisabled = isDisabledProp ?? contextIsDisabled;
 	const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;
 	const hasCheckmark = icon === "checkmark";
-	const finalIcon = isLoading ? /* @__PURE__ */ jsx(LoadingIcon, {}) : hasCheckmark ? /* @__PURE__ */ jsx(CheckIcon, {}) : icon;
-	const finalMods = useMemo(() => ({
-		checkmark: hasCheckmark,
-		selected: isSelected,
-		loading: isLoading,
-		"has-label": !!children,
-		context: !!contextType,
-		"has-icon": !!icon,
-		"inherit-disabled": isDisabledInherited,
-		...mods
-	}), [
-		hasCheckmark,
-		isSelected,
-		isLoading,
-		children,
-		contextType,
-		isDisabledInherited,
-		mods
-	]);
-	const ariaLabel = useMemo(() => {
-		if (rest["aria-label"]) return rest["aria-label"];
-		if (typeof tooltip === "string") return tooltip;
-		if (typeof tooltip === "object" && typeof tooltip.title === "string") return tooltip.title;
-	}, [tooltip, rest]);
-	const { actionProps } = useAction({
-		...rest,
-		isDisabled,
-		"aria-label": ariaLabel,
-		mods: finalMods,
-		htmlType: "button"
-	}, ref);
+	let t4;
+	if ($[12] !== hasCheckmark || $[13] !== icon || $[14] !== isLoading) {
+		t4 = isLoading ? /* @__PURE__ */ jsx(LoadingIcon, {}) : hasCheckmark ? /* @__PURE__ */ jsx(CheckIcon, {}) : icon;
+		$[12] = hasCheckmark;
+		$[13] = icon;
+		$[14] = isLoading;
+		$[15] = t4;
+	} else t4 = $[15];
+	const finalIcon = t4;
+	const t5 = !!children;
+	const t6 = !!contextType;
+	const t7 = !!icon;
+	let t8;
+	if ($[16] !== hasCheckmark || $[17] !== isDisabledInherited || $[18] !== isLoading || $[19] !== isSelected || $[20] !== mods || $[21] !== t5 || $[22] !== t6 || $[23] !== t7) {
+		t8 = {
+			checkmark: hasCheckmark,
+			selected: isSelected,
+			loading: isLoading,
+			"has-label": t5,
+			context: t6,
+			"has-icon": t7,
+			"inherit-disabled": isDisabledInherited,
+			...mods
+		};
+		$[16] = hasCheckmark;
+		$[17] = isDisabledInherited;
+		$[18] = isLoading;
+		$[19] = isSelected;
+		$[20] = mods;
+		$[21] = t5;
+		$[22] = t6;
+		$[23] = t7;
+		$[24] = t8;
+	} else t8 = $[24];
+	const finalMods = t8;
+	let t9;
+	bb0: {
+		if (rest["aria-label"]) {
+			t9 = rest["aria-label"];
+			break bb0;
+		}
+		if (typeof tooltip === "string") {
+			t9 = tooltip;
+			break bb0;
+		}
+		if (typeof tooltip === "object" && typeof tooltip.title === "string") {
+			t9 = tooltip.title;
+			break bb0;
+		}
+		t9 = void 0;
+	}
+	const ariaLabel = t9;
+	let t10;
+	if ($[25] !== ariaLabel || $[26] !== finalMods || $[27] !== isDisabled || $[28] !== rest) {
+		t10 = {
+			...rest,
+			isDisabled,
+			"aria-label": ariaLabel,
+			mods: finalMods,
+			htmlType: "button"
+		};
+		$[25] = ariaLabel;
+		$[26] = finalMods;
+		$[27] = isDisabled;
+		$[28] = rest;
+		$[29] = t10;
+	} else t10 = $[29];
+	const { actionProps } = useAction(t10, ref);
 	const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;
 	const showTooltip = !children && tooltip;
-	const tooltipContent = useMemo(() => {
-		if (typeof tooltip === "string") return tooltip;
-		if (typeof tooltip === "object" && tooltip.title) return tooltip.title;
-	}, [tooltip]);
-	const tooltipProps = useMemo(() => {
+	let t11;
+	bb1: {
+		if (typeof tooltip === "string") {
+			t11 = tooltip;
+			break bb1;
+		}
+		if (typeof tooltip === "object" && tooltip.title) {
+			t11 = tooltip.title;
+			break bb1;
+		}
+		t11 = void 0;
+	}
+	const tooltipContent = t11;
+	let t12;
+	bb2: {
 		if (typeof tooltip === "object") {
-			const { title, ...rest } = tooltip;
-			return rest;
+			let rest_0;
+			if ($[30] !== tooltip) {
+				const { title, ...t13 } = tooltip;
+				rest_0 = t13;
+				$[30] = tooltip;
+				$[31] = rest_0;
+			} else rest_0 = $[31];
+			t12 = rest_0;
+			break bb2;
 		}
-		return {};
-	}, [tooltip]);
+		let t13;
+		if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+			t13 = {};
+			$[32] = t13;
+		} else t13 = $[32];
+		t12 = t13;
+	}
+	const tooltipProps = t12;
 	const finalType = type;
-	const renderButton = (tooltipTriggerProps, tooltipRef) => {
-		return /* @__PURE__ */ jsxs(ItemActionElement, {
-			...tooltipRef ? mergeProps(actionProps, tooltipTriggerProps || {}, { ref: (element) => {
-				if (tooltipRef) tooltipRef.current = element;
-				const actionRef = actionProps.ref;
-				if (actionRef) if (typeof actionRef === "function") actionRef(element);
-				else actionRef.current = element;
-			} }) : mergeProps(actionProps, tooltipTriggerProps || {}),
-			variant: `${theme}.${finalType}`,
-			"data-theme": theme,
-			"data-type": finalType,
-			tabIndex: finalTabIndex,
-			styles,
-			children: [finalIcon && /* @__PURE__ */ jsx("div", {
-				"data-element": "Icon",
-				children: finalIcon
-			}), children]
-		});
-	};
-	if (showTooltip && tooltipContent) return /* @__PURE__ */ jsx(TooltipProvider, {
-		title: tooltipContent,
-		...tooltipProps,
-		children: (triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)
-	});
-	return renderButton();
+	let t13;
+	if ($[33] !== actionProps || $[34] !== children || $[35] !== finalIcon || $[36] !== finalTabIndex || $[37] !== finalType || $[38] !== styles || $[39] !== theme) {
+		t13 = (tooltipTriggerProps, tooltipRef) => {
+			return /* @__PURE__ */ jsxs(ItemActionElement, {
+				...tooltipRef ? mergeProps(actionProps, tooltipTriggerProps || {}, { ref: (element) => {
+					if (tooltipRef) tooltipRef.current = element;
+					const actionRef = actionProps.ref;
+					if (actionRef) if (typeof actionRef === "function") actionRef(element);
+					else actionRef.current = element;
+				} }) : mergeProps(actionProps, tooltipTriggerProps || {}),
+				variant: `${theme}.${finalType}`,
+				"data-theme": theme,
+				"data-type": finalType,
+				tabIndex: finalTabIndex,
+				styles,
+				children: [finalIcon && /* @__PURE__ */ jsx("div", {
+					"data-element": "Icon",
+					children: finalIcon
+				}), children]
+			});
+		};
+		$[33] = actionProps;
+		$[34] = children;
+		$[35] = finalIcon;
+		$[36] = finalTabIndex;
+		$[37] = finalType;
+		$[38] = styles;
+		$[39] = theme;
+		$[40] = t13;
+	} else t13 = $[40];
+	const renderButton = t13;
+	if (showTooltip && tooltipContent) {
+		let t14;
+		if ($[41] !== renderButton) {
+			t14 = (triggerProps, tooltipRef_0) => renderButton(triggerProps, tooltipRef_0);
+			$[41] = renderButton;
+			$[42] = t14;
+		} else t14 = $[42];
+		let t15;
+		if ($[43] !== t14 || $[44] !== tooltipContent || $[45] !== tooltipProps) {
+			t15 = /* @__PURE__ */ jsx(TooltipProvider, {
+				title: tooltipContent,
+				...tooltipProps,
+				children: t14
+			});
+			$[43] = t14;
+			$[44] = tooltipContent;
+			$[45] = tooltipProps;
+			$[46] = t15;
+		} else t15 = $[46];
+		return t15;
+	}
+	let t14;
+	if ($[47] !== renderButton) {
+		t14 = renderButton();
+		$[47] = renderButton;
+		$[48] = t14;
+	} else t14 = $[48];
+	return t14;
 });
 
 //#endregion

package/dist/components/actions/ItemAction/ItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemAction.js","names":[],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n    Omit<BaseProps, 'as'> {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'current'\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.clear'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    // Every variant below defines its own ring and overrides this one, which is\n    // kept as the floor for a custom `type` that resolves to no variant at all.\n    // It uses the same `#primary-accent-text` as every variant in\n    // `item-themes.ts`.\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '$inline-padding right',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`. The\n    // default `clear` flavour is borderless, so an action does not put a resting\n    // chip on every row.\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    disableActionsFocus,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    // Borderless by default: an action sits inside a row, where a resting chip\n    // on every one of them would read as noise.\n    type = 'clear',\n    // The `current` theme derives every color from the row's inherited\n    // `currentcolor`, so one default covers every host type and theme — no need\n    // to mirror the row's own `theme` from context. An action that names a theme\n    // is asking to paint itself rather than match its host, and gets it.\n    theme = 'current',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override\n  const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n  // Whether that disabled state came from the host row rather than this action's\n  // own prop. The `current` theme paints from the inherited color, and a\n  // disabled host has already faded it — so fading a second time washes the\n  // label out. See `CURRENT_ITEM_STYLES.color`.\n  const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = useMemo(\n    () => ({\n      checkmark: hasCheckmark,\n      selected: isSelected,\n      loading: isLoading,\n      'has-label': !!children,\n      context: !!contextType,\n      'has-icon': !!icon,\n      'inherit-disabled': isDisabledInherited,\n      ...mods,\n    }),\n    [\n      hasCheckmark,\n      isSelected,\n      isLoading,\n      children,\n      contextType,\n      isDisabledInherited,\n      mods,\n    ],\n  );\n\n  // An explicit label always wins; a tooltip only fills in the accessible name\n  // when there isn't one. Rich tooltip content can't serve as a name, so only\n  // plain strings are used here.\n  const ariaLabel = useMemo(() => {\n    if (rest['aria-label']) {\n      return rest['aria-label'];\n    }\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && typeof tooltip.title === 'string') {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip, rest]);\n\n  // Call useAction hook\n  const { actionProps } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context\n  const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n  // Determine if we should show tooltip (icon-only buttons)\n  const showTooltip = !children && tooltip;\n\n  // Extract tooltip content and props\n  const tooltipContent = useMemo(() => {\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && tooltip.title) {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip]);\n\n  const tooltipProps = useMemo(() => {\n    if (typeof tooltip === 'object') {\n      const { title, ...rest } = tooltip;\n      return rest;\n    }\n    return {};\n  }, [tooltip]);\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n          ref: (element: HTMLElement | null) => {\n            // Set the tooltip ref\n            if (tooltipRef) {\n              (tooltipRef as any).current = element;\n            }\n            // Set the action ref if it exists in actionProps\n            const actionRef = (actionProps as any).ref;\n            if (actionRef) {\n              if (typeof actionRef === 'function') {\n                actionRef(element);\n              } else {\n                actionRef.current = element;\n              }\n            }\n          },\n        })\n      : mergeProps(actionProps, tooltipTriggerProps || {});\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (showTooltip && tooltipContent) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}
+{"version":3,"file":"ItemAction.js","names":["FocusableRef","BaseProps","Styles","tasty","ComponentProps","forwardRef","HTMLAttributes","ReactNode","RefObject","useMemo","CURRENT_CLEAR_STYLES","CURRENT_OUTLINE_STYLES","CURRENT_PRIMARY_STYLES","DANGER_CLEAR_STYLES","DANGER_OUTLINE_STYLES","DANGER_PRIMARY_STYLES","DEFAULT_CLEAR_STYLES","DEFAULT_OUTLINE_STYLES","DEFAULT_PRIMARY_STYLES","ITEM_ACTION_BASE_STYLES","NOTE_CLEAR_STYLES","NOTE_OUTLINE_STYLES","NOTE_PRIMARY_STYLES","SPECIAL_CLEAR_STYLES","SPECIAL_OUTLINE_STYLES","SPECIAL_PRIMARY_STYLES","SUCCESS_CLEAR_STYLES","SUCCESS_OUTLINE_STYLES","SUCCESS_PRIMARY_STYLES","WARNING_CLEAR_STYLES","WARNING_OUTLINE_STYLES","WARNING_PRIMARY_STYLES","CheckIcon","LoadingIcon","mergeProps","TooltipProvider","useItemActionContext","CubeUseActionProps","useAction","CubeItemActionProps","Omit","icon","children","isLoading","isSelected","type","theme","tooltip","title","styles","tabIndex","ItemActionVariant","ItemActionElement","qa","recipe","outline","focused","outlineOffset","cursor","disabled","preset","padding","Icon","$","variants","ItemAction","allProps","ref","_c","contextType","disableActionsFocus","isDisabled","contextIsDisabled","isDisabledProp","mods","rest","t0","t1","t2","t3","undefined","isDisabledInherited","hasCheckmark","t4","finalIcon","t5","t6","t7","t8","checkmark","selected","loading","context","finalMods","t9","bb0","ariaLabel","t10","htmlType","actionProps","finalTabIndex","showTooltip","t11","bb1","tooltipContent","t12","bb2","rest_0","t13","Symbol","for","tooltipProps","finalType","tooltipTriggerProps","tooltipRef","mergedProps","element","current","actionRef","renderButton","t14","triggerProps","tooltipRef_0","t15","ItemActionProps"],"sources":["../../../../src/components/actions/ItemAction/ItemAction.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { BaseProps, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ComponentProps,\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  RefObject,\n  useMemo,\n} from 'react';\n\nimport {\n  CURRENT_CLEAR_STYLES,\n  CURRENT_OUTLINE_STYLES,\n  CURRENT_PRIMARY_STYLES,\n  DANGER_CLEAR_STYLES,\n  DANGER_OUTLINE_STYLES,\n  DANGER_PRIMARY_STYLES,\n  DEFAULT_CLEAR_STYLES,\n  DEFAULT_OUTLINE_STYLES,\n  DEFAULT_PRIMARY_STYLES,\n  ITEM_ACTION_BASE_STYLES,\n  NOTE_CLEAR_STYLES,\n  NOTE_OUTLINE_STYLES,\n  NOTE_PRIMARY_STYLES,\n  SPECIAL_CLEAR_STYLES,\n  SPECIAL_OUTLINE_STYLES,\n  SPECIAL_PRIMARY_STYLES,\n  SUCCESS_CLEAR_STYLES,\n  SUCCESS_OUTLINE_STYLES,\n  SUCCESS_PRIMARY_STYLES,\n  WARNING_CLEAR_STYLES,\n  WARNING_OUTLINE_STYLES,\n  WARNING_PRIMARY_STYLES,\n} from '../../../data/item-themes';\nimport { CheckIcon } from '../../../icons/CheckIcon';\nimport { LoadingIcon } from '../../../icons/LoadingIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';\nimport { useItemActionContext } from '../ItemActionContext';\nimport { CubeUseActionProps, useAction } from '../use-action';\n\nexport interface CubeItemActionProps\n  extends Omit<CubeUseActionProps, 'as' | 'htmlType'>,\n    Omit<BaseProps, 'as'> {\n  icon?: ReactNode | 'checkmark';\n  children?: ReactNode;\n  isLoading?: boolean;\n  isSelected?: boolean;\n  type?: 'primary' | 'outline' | 'clear' | (string & {});\n  theme?:\n    | 'current'\n    | 'default'\n    | 'danger'\n    | 'success'\n    | 'warning'\n    | 'note'\n    | 'special'\n    | (string & {});\n  tooltip?:\n    | string\n    | (Omit<ComponentProps<typeof TooltipProvider>, 'children'> & {\n        title?: ReactNode;\n      });\n  styles?: Styles;\n  tabIndex?: number;\n}\n\ntype ItemActionVariant =\n  // Inherited-color theme — see the CURRENT THEME section of `item-themes`.\n  | 'current.primary'\n  | 'current.outline'\n  | 'current.clear'\n  | 'default.primary'\n  | 'default.outline'\n  | 'default.clear'\n  | 'danger.primary'\n  | 'danger.outline'\n  | 'danger.clear'\n  | 'success.primary'\n  | 'success.outline'\n  | 'success.clear'\n  | 'warning.primary'\n  | 'warning.outline'\n  | 'warning.clear'\n  | 'note.primary'\n  | 'note.outline'\n  | 'note.clear'\n  | 'special.primary'\n  | 'special.outline'\n  | 'special.clear';\n\nconst ItemActionElement = tasty({\n  qa: 'ItemAction',\n  styles: {\n    ...ITEM_ACTION_BASE_STYLES,\n    recipe: 'reset button',\n    // Every variant below defines its own ring and overrides this one, which is\n    // kept as the floor for a custom `type` that resolves to no variant at all.\n    // It uses the same `#primary-accent-text` as every variant in\n    // `item-themes.ts`.\n    outline: {\n      '': '0 #primary-accent-text.0',\n      focused: '1bw #primary-accent-text',\n    },\n    outlineOffset: 1,\n    cursor: { '': '$pointer', disabled: 'default' },\n    preset: {\n      '': 't4',\n      'size=xlarge': 't3m',\n    },\n    padding: {\n      '': '0 $inline-padding',\n      'has-icon': 0,\n      'has-icon & has-label': '$inline-padding right',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($action-size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.25x',\n    },\n    '$inline-compensation': '.5x',\n    '$min-inline-padding': '(.5x - 1bw)',\n    '$local-icon-size': '$icon-size',\n\n    Icon: {\n      $: '>',\n      ...(ITEM_ACTION_BASE_STYLES.Icon as Styles),\n      '$icon-size': 'min($local-icon-size, ($action-size - .25x))',\n    },\n  },\n  variants: {\n    // Current theme — colors mixed from the inherited `currentcolor`. The\n    // default `clear` flavour is borderless, so an action does not put a resting\n    // chip on every row.\n    'current.primary': CURRENT_PRIMARY_STYLES,\n    'current.outline': CURRENT_OUTLINE_STYLES,\n    'current.clear': CURRENT_CLEAR_STYLES,\n\n    // Default theme\n    'default.primary': DEFAULT_PRIMARY_STYLES,\n    'default.outline': DEFAULT_OUTLINE_STYLES,\n    'default.clear': DEFAULT_CLEAR_STYLES,\n\n    // Danger theme\n    'danger.primary': DANGER_PRIMARY_STYLES,\n    'danger.outline': DANGER_OUTLINE_STYLES,\n    'danger.clear': DANGER_CLEAR_STYLES,\n\n    // Success theme\n    'success.primary': SUCCESS_PRIMARY_STYLES,\n    'success.outline': SUCCESS_OUTLINE_STYLES,\n    'success.clear': SUCCESS_CLEAR_STYLES,\n\n    // Warning theme\n    'warning.primary': WARNING_PRIMARY_STYLES,\n    'warning.outline': WARNING_OUTLINE_STYLES,\n    'warning.clear': WARNING_CLEAR_STYLES,\n\n    // Note theme\n    'note.primary': NOTE_PRIMARY_STYLES,\n    'note.outline': NOTE_OUTLINE_STYLES,\n    'note.clear': NOTE_CLEAR_STYLES,\n\n    // Special theme\n    'special.primary': SPECIAL_PRIMARY_STYLES,\n    'special.outline': SPECIAL_OUTLINE_STYLES,\n    'special.clear': SPECIAL_CLEAR_STYLES,\n  },\n});\n\nexport const ItemAction = forwardRef(function ItemAction(\n  allProps: CubeItemActionProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const {\n    type: contextType,\n    disableActionsFocus,\n    isDisabled: contextIsDisabled,\n  } = useItemActionContext();\n\n  const {\n    // Borderless by default: an action sits inside a row, where a resting chip\n    // on every one of them would read as noise.\n    type = 'clear',\n    // The `current` theme derives every color from the row's inherited\n    // `currentcolor`, so one default covers every host type and theme — no need\n    // to mirror the row's own `theme` from context. An action that names a theme\n    // is asking to paint itself rather than match its host, and gets it.\n    theme = 'current',\n    icon,\n    children,\n    isLoading = false,\n    isSelected = false,\n    tooltip,\n    mods,\n    styles,\n    isDisabled: isDisabledProp,\n    ...rest\n  } = allProps;\n\n  // Inherit disabled state from context, but allow local override\n  const isDisabled = isDisabledProp ?? contextIsDisabled;\n\n  // Whether that disabled state came from the host row rather than this action's\n  // own prop. The `current` theme paints from the inherited color, and a\n  // disabled host has already faded it — so fading a second time washes the\n  // label out. See `CURRENT_ITEM_STYLES.color`.\n  const isDisabledInherited = isDisabledProp == null && !!contextIsDisabled;\n\n  // Determine if we should show a checkmark\n  const hasCheckmark = icon === 'checkmark';\n\n  // Determine final icon (loading takes precedence)\n  const finalIcon = isLoading ? (\n    <LoadingIcon />\n  ) : hasCheckmark ? (\n    <CheckIcon />\n  ) : (\n    icon\n  );\n\n  // Build modifiers\n  const finalMods = useMemo(\n    () => ({\n      checkmark: hasCheckmark,\n      selected: isSelected,\n      loading: isLoading,\n      'has-label': !!children,\n      context: !!contextType,\n      'has-icon': !!icon,\n      'inherit-disabled': isDisabledInherited,\n      ...mods,\n    }),\n    [\n      hasCheckmark,\n      isSelected,\n      isLoading,\n      children,\n      contextType,\n      isDisabledInherited,\n      mods,\n    ],\n  );\n\n  // An explicit label always wins; a tooltip only fills in the accessible name\n  // when there isn't one. Rich tooltip content can't serve as a name, so only\n  // plain strings are used here.\n  const ariaLabel = useMemo(() => {\n    if (rest['aria-label']) {\n      return rest['aria-label'];\n    }\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && typeof tooltip.title === 'string') {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip, rest]);\n\n  // Call useAction hook\n  const { actionProps } = useAction(\n    {\n      ...rest,\n      isDisabled,\n      'aria-label': ariaLabel,\n      mods: finalMods,\n      htmlType: 'button',\n    },\n    ref,\n  );\n\n  // Set tabIndex when in context\n  const finalTabIndex = disableActionsFocus ? -1 : rest.tabIndex;\n\n  // Determine if we should show tooltip (icon-only buttons)\n  const showTooltip = !children && tooltip;\n\n  // Extract tooltip content and props\n  const tooltipContent = useMemo(() => {\n    if (typeof tooltip === 'string') {\n      return tooltip;\n    }\n    if (typeof tooltip === 'object' && tooltip.title) {\n      return tooltip.title;\n    }\n    return undefined;\n  }, [tooltip]);\n\n  const tooltipProps = useMemo(() => {\n    if (typeof tooltip === 'object') {\n      const { title, ...rest } = tooltip;\n      return rest;\n    }\n    return {};\n  }, [tooltip]);\n\n  const finalType = type;\n\n  // Render function that accepts tooltip trigger props and ref\n  const renderButton = (\n    tooltipTriggerProps?: HTMLAttributes<HTMLElement>,\n    tooltipRef?: RefObject<HTMLElement>,\n  ) => {\n    // Merge tooltip ref with actionProps if provided\n    const mergedProps = tooltipRef\n      ? mergeProps(actionProps, tooltipTriggerProps || {}, {\n          ref: (element: HTMLElement | null) => {\n            // Set the tooltip ref\n            if (tooltipRef) {\n              (tooltipRef as any).current = element;\n            }\n            // Set the action ref if it exists in actionProps\n            const actionRef = (actionProps as any).ref;\n            if (actionRef) {\n              if (typeof actionRef === 'function') {\n                actionRef(element);\n              } else {\n                actionRef.current = element;\n              }\n            }\n          },\n        })\n      : mergeProps(actionProps, tooltipTriggerProps || {});\n\n    return (\n      <ItemActionElement\n        {...mergedProps}\n        variant={`${theme}.${finalType}` as ItemActionVariant}\n        data-theme={theme}\n        data-type={finalType}\n        tabIndex={finalTabIndex}\n        styles={styles}\n      >\n        {finalIcon && <div data-element=\"Icon\">{finalIcon}</div>}\n        {children}\n      </ItemActionElement>\n    );\n  };\n\n  // Wrap with tooltip if needed\n  if (showTooltip && tooltipContent) {\n    return (\n      <TooltipProvider title={tooltipContent} {...tooltipProps}>\n        {(triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef)}\n      </TooltipProvider>\n    );\n  }\n\n  return renderButton();\n});\n\nexport type { CubeItemActionProps as ItemActionProps };\n"],"mappings":"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"}

package/dist/components/actions/ItemActionContext.js

@@ -1,19 +1,38 @@
-/** @license MIT | @cube-dev/ui-kit v0.181.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.183.0 | Cube Dev Team */
+import { c } from "react-compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/actions/ItemActionContext.tsx
 const ItemActionContext = createContext(void 0);
-function ItemActionProvider({ type, theme, disableActionsFocus, isDisabled, children }) {
-	return /* @__PURE__ */ jsx(ItemActionContext.Provider, {
-		value: {
+function ItemActionProvider(t0) {
+	const $ = c(8);
+	const { type, theme, disableActionsFocus, isDisabled, children } = t0;
+	let t1;
+	if ($[0] !== disableActionsFocus || $[1] !== isDisabled || $[2] !== theme || $[3] !== type) {
+		t1 = {
 			type,
 			theme,
 			disableActionsFocus,
 			isDisabled
-		},
-		children
-	});
+		};
+		$[0] = disableActionsFocus;
+		$[1] = isDisabled;
+		$[2] = theme;
+		$[3] = type;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== children || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ItemActionContext.Provider, {
+			value: t1,
+			children
+		});
+		$[5] = children;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
 }
 function useItemActionContext() {
 	return useContext(ItemActionContext) ?? {};

package/dist/components/actions/ItemActionContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemActionContext.js","names":[],"sources":["../../../src/components/actions/ItemActionContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nimport type { CubeItemProps } from '../content/Item/Item';\n\n/**\n * What an `ItemAction` / `ItemBadge` picks up from the row that hosts it.\n *\n * `type` is deliberately NOT a styling input. Actions default to the `current`\n * type, which derives every color from the row's own `currentcolor`, so they\n * track the host's type without being told what it is — see\n * `CURRENT_ITEM_STYLES`. It is still carried here because its *presence* marks\n * \"inside a host\", which drives the `context` mod that collapses the action's\n * side margins.\n *\n * `theme` is still consumed: `current` needs to know when it sits on the\n * special theme's dark surface, where the alpha ramp has to step harder to stay\n * visible. `ItemAction` forwards it to `data-theme` for that one purpose.\n */\ninterface ItemActionContextValue {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  isDisabled?: boolean;\n}\n\nconst ItemActionContext = createContext<ItemActionContextValue | undefined>(\n  undefined,\n);\n\nexport interface ItemActionProviderProps {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  isDisabled?: boolean;\n  children: ReactNode;\n}\n\nexport function ItemActionProvider({\n  type,\n  theme,\n  disableActionsFocus,\n  isDisabled,\n  children,\n}: ItemActionProviderProps) {\n  return (\n    <ItemActionContext.Provider\n      value={{\n        // Passed through as-is. The mapping that used to fold the row types onto\n        // `clear` here existed only to pick an action variant, which `current`\n        // now does on its own.\n        type,\n        theme,\n        disableActionsFocus,\n        isDisabled,\n      }}\n    >\n      {children}\n    </ItemActionContext.Provider>\n  );\n}\n\nexport function useItemActionContext(): ItemActionContextValue {\n  return useContext(ItemActionContext) ?? {};\n}\n"],"mappings":";;;;;AAyBA,MAAM,oBAAoB,cACxB,OACD;AAUD,SAAgB,mBAAmB,EACjC,MACA,OACA,qBACA,YACA,YAC0B;AAC1B,QACE,oBAAC,kBAAkB;EACjB,OAAO;GAIL;GACA;GACA;GACA;GACD;EAEA;GAC0B;;AAIjC,SAAgB,uBAA+C;AAC7D,QAAO,WAAW,kBAAkB,IAAI,EAAE"}
+{"version":3,"file":"ItemActionContext.js","names":["createContext","ReactNode","useContext","CubeItemProps","ItemActionContextValue","type","theme","disableActionsFocus","isDisabled","ItemActionContext","undefined","ItemActionProviderProps","children","ItemActionProvider","t0","$","_c","t1","t2","useItemActionContext"],"sources":["../../../src/components/actions/ItemActionContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\n\nimport type { CubeItemProps } from '../content/Item/Item';\n\n/**\n * What an `ItemAction` / `ItemBadge` picks up from the row that hosts it.\n *\n * `type` is deliberately NOT a styling input. Actions default to the `current`\n * type, which derives every color from the row's own `currentcolor`, so they\n * track the host's type without being told what it is — see\n * `CURRENT_ITEM_STYLES`. It is still carried here because its *presence* marks\n * \"inside a host\", which drives the `context` mod that collapses the action's\n * side margins.\n *\n * `theme` is still consumed: `current` needs to know when it sits on the\n * special theme's dark surface, where the alpha ramp has to step harder to stay\n * visible. `ItemAction` forwards it to `data-theme` for that one purpose.\n */\ninterface ItemActionContextValue {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  isDisabled?: boolean;\n}\n\nconst ItemActionContext = createContext<ItemActionContextValue | undefined>(\n  undefined,\n);\n\nexport interface ItemActionProviderProps {\n  type?: CubeItemProps['type'];\n  theme?: 'default' | 'danger' | 'success' | 'special' | (string & {});\n  disableActionsFocus?: boolean;\n  isDisabled?: boolean;\n  children: ReactNode;\n}\n\nexport function ItemActionProvider({\n  type,\n  theme,\n  disableActionsFocus,\n  isDisabled,\n  children,\n}: ItemActionProviderProps) {\n  return (\n    <ItemActionContext.Provider\n      value={{\n        // Passed through as-is. The mapping that used to fold the row types onto\n        // `clear` here existed only to pick an action variant, which `current`\n        // now does on its own.\n        type,\n        theme,\n        disableActionsFocus,\n        isDisabled,\n      }}\n    >\n      {children}\n    </ItemActionContext.Provider>\n  );\n}\n\nexport function useItemActionContext(): ItemActionContextValue {\n  return useContext(ItemActionContext) ?? {};\n}\n"],"mappings":";;;;;;AAyBA,MAAMS,oBAAoBT,cACxBU,OACD;AAUD,SAAOG,mBAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAA4B,MAAA,EAAAX,MAAAC,OAAAC,qBAAAC,YAAAI,aAAAE;CAMT,IAAAG;AAAA,KAAAF,EAAA,OAAAR,uBAAAQ,EAAA,OAAAP,cAAAO,EAAA,OAAAT,SAAAS,EAAA,OAAAV,MAAA;AAGbY,OAAA;GAAAZ;GAAAC;GAAAC;GAAAC;GAQN;AAAAO,IAAA,KAAAR;AAAAQ,IAAA,KAAAP;AAAAO,IAAA,KAAAT;AAAAS,IAAA,KAAAV;AAAAU,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAG;AAAA,KAAAH,EAAA,OAAAH,YAAAG,EAAA,OAAAE,IAAA;AATHC,OAAA,oBAAA,kBAAA;GACS,OAAAD;GAUNL;IAC0B;AAAAG,IAAA,KAAAH;AAAAG,IAAA,KAAAE;AAAAF,IAAA,KAAAG;OAAAA,MAAAH,EAAA;AAAA,QAZ7BG;;AAgBJ,SAAOC,uBAAA;AAAA,QACEjB,WAAWO,kBAAwB,IAAnC,EAAmC"}