@cube-dev/ui-kit 0.0.0-canary-c64f303 → 0.0.0-canary-8b468fb

package/dist/components/overlays/Tooltip/split-trigger-props.js

@@ -1,54 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-c64f303 | Cube Dev Team */
-import { mergeProps } from "../../../utils/react/mergeProps.js";
-
-//#region src/components/overlays/Tooltip/split-trigger-props.ts
-/**
-* The tooltip trigger props that only work on the element that takes focus.
-* React Aria's `useFocus` ignores focus that bubbles up from a child, so on a
-* wrapper around a native input — a radio's or a checkbox's `<label>` — the
-* tooltip never opened from the keyboard, and `aria-describedby` described the
-* wrapper instead of the control a screen reader announces.
-*/
-const FOCUS_TRIGGER_PROPS = [
-	"onFocus",
-	"onBlur",
-	"onKeyDown",
-	"onKeyUp",
-	"aria-describedby"
-];
-/**
-* Splits a tooltip's trigger props between the element it is positioned
-* against and hovered on (`pointerProps`) and the focusable element inside it
-* (`focusProps`).
-*/
-function splitTooltipTriggerProps(triggerProps = {}) {
-	const pointerProps = { ...triggerProps };
-	const focusProps = {};
-	for (const key of FOCUS_TRIGGER_PROPS) if (key in pointerProps) {
-		focusProps[key] = pointerProps[key];
-		delete pointerProps[key];
-	}
-	return {
-		pointerProps,
-		focusProps
-	};
-}
-/**
-* Adds a tooltip's focus-side trigger props to a focusable element's own:
-* handlers are chained, and the tooltip joins any description the element
-* already has rather than replacing it. `tabIndex` is never touched — a radio
-* group's roving tab index owns it.
-*/
-function mergeTooltipFocusProps(props, tooltipProps) {
-	if (!tooltipProps) return props;
-	const { "aria-describedby": tooltipDescribedBy, ...handlers } = tooltipProps;
-	const ownDescribedBy = props["aria-describedby"];
-	return {
-		...mergeProps(props, handlers),
-		"aria-describedby": [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(" ") || void 0
-	};
-}
-
-//#endregion
-export { mergeTooltipFocusProps, splitTooltipTriggerProps };
-//# sourceMappingURL=split-trigger-props.js.map

package/dist/components/overlays/Tooltip/split-trigger-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-trigger-props.js","names":["mergeProps","HTMLAttributes","FOCUS_TRIGGER_PROPS","const","TooltipFocusProps","Pick","HTMLElement","splitTooltipTriggerProps","triggerProps","pointerProps","focusProps","key","Record","mergeTooltipFocusProps","props","P","tooltipProps","tooltipDescribedBy","handlers","ownDescribedBy","filter","Boolean","join","undefined"],"sources":["../../../../src/components/overlays/Tooltip/split-trigger-props.ts"],"sourcesContent":["import { mergeProps } from '../../../utils/react/mergeProps';\n\nimport type { HTMLAttributes } from 'react';\n\n/**\n * The tooltip trigger props that only work on the element that takes focus.\n * React Aria's `useFocus` ignores focus that bubbles up from a child, so on a\n * wrapper around a native input — a radio's or a checkbox's `<label>` — the\n * tooltip never opened from the keyboard, and `aria-describedby` described the\n * wrapper instead of the control a screen reader announces.\n */\nconst FOCUS_TRIGGER_PROPS = [\n  'onFocus',\n  'onBlur',\n  'onKeyDown',\n  'onKeyUp',\n  'aria-describedby',\n] as const;\n\nexport type TooltipFocusProps = Pick<\n  HTMLAttributes<HTMLElement>,\n  (typeof FOCUS_TRIGGER_PROPS)[number]\n>;\n\n/**\n * Splits a tooltip's trigger props between the element it is positioned\n * against and hovered on (`pointerProps`) and the focusable element inside it\n * (`focusProps`).\n */\nexport function splitTooltipTriggerProps(\n  triggerProps: HTMLAttributes<HTMLElement> = {},\n) {\n  const pointerProps: HTMLAttributes<HTMLElement> = { ...triggerProps };\n  const focusProps: TooltipFocusProps = {};\n\n  for (const key of FOCUS_TRIGGER_PROPS) {\n    if (key in pointerProps) {\n      (focusProps as Record<string, unknown>)[key] = pointerProps[key];\n      delete pointerProps[key];\n    }\n  }\n\n  return { pointerProps, focusProps };\n}\n\n/**\n * Adds a tooltip's focus-side trigger props to a focusable element's own:\n * handlers are chained, and the tooltip joins any description the element\n * already has rather than replacing it. `tabIndex` is never touched — a radio\n * group's roving tab index owns it.\n */\nexport function mergeTooltipFocusProps<P extends object>(\n  props: P,\n  tooltipProps?: TooltipFocusProps,\n): P {\n  if (!tooltipProps) return props;\n\n  const { 'aria-describedby': tooltipDescribedBy, ...handlers } = tooltipProps;\n  const ownDescribedBy = (props as { 'aria-describedby'?: string })[\n    'aria-describedby'\n  ];\n\n  return {\n    ...mergeProps(props, handlers),\n    'aria-describedby':\n      [ownDescribedBy, tooltipDescribedBy].filter(Boolean).join(' ') ||\n      undefined,\n  } as P;\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAME,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACD;;;;;;AAYD,SAAgBK,yBACdC,eAA4C,EAAE,EAC9C;CACA,MAAMC,eAA4C,EAAE,GAAGD,cAAc;CACrE,MAAME,aAAgC,EAAE;AAExC,MAAK,MAAMC,OAAOT,oBAChB,KAAIS,OAAOF,cAAc;AACvB,EAACC,WAAuCC,OAAOF,aAAaE;AAC5D,SAAOF,aAAaE;;AAIxB,QAAO;EAAEF;EAAcC;EAAY;;;;;;;;AASrC,SAAgBG,uBACdC,OACAE,cACG;AACH,KAAI,CAACA,aAAc,QAAOF;CAE1B,MAAM,EAAE,oBAAoBG,oBAAoB,GAAGC,aAAaF;CAChE,MAAMG,iBAAkBL,MACtB;AAGF,QAAO;EACL,GAAGd,WAAWc,OAAOI,SAAS;EAC9B,oBACE,CAACC,gBAAgBF,mBAAmB,CAACG,OAAOC,QAAQ,CAACC,KAAK,IAAI,IAC9DC;EACH"}