@cube-dev/ui-kit 0.0.0-canary-e481f14 → 0.0.0-canary-b5d0624

package/dist/components/fields/ColorInput/ColorInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e481f14 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b5d0624 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemActionProvider } from "../../actions/ItemActionContext.js";
@@ -39,7 +39,7 @@ const ColorInputTrigger = tasty(ItemAction, {
 * popover to dial it in across OKHST, OKLCH and RGB.
 */
 const ColorInput = forwardRef(function ColorInput(allProps, ref) {
-	const $ = c(103);
+	const $ = c(101);
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t0 = {
@@ -277,40 +277,39 @@ const ColorInput = forwardRef(function ColorInput(allProps, ref) {
 		$[59] = t22;
 	} else t22 = $[59];
 	const { labelProps, inputProps } = useTextField(t22, inputRef);
-	const t23 = props.defaultValue ?? void 0;
-	const t24 = qa || "ColorInput";
-	let t25;
+	const t23 = qa || "ColorInput";
+	let t24;
 	if ($[60] !== color || $[61] !== swatchStyles) {
-		t25 = /* @__PURE__ */ jsx(ColorSwatch, {
+		t24 = /* @__PURE__ */ jsx(ColorSwatch, {
 			size: "small",
 			color,
 			styles: swatchStyles
 		});
 		$[60] = color;
 		$[61] = swatchStyles;
-		$[62] = t25;
-	} else t25 = $[62];
-	let t26;
+		$[62] = t24;
+	} else t24 = $[62];
+	let t25;
 	if ($[63] !== handleMouseDown || $[64] !== inputProps) {
-		t26 = {
+		t25 = {
 			...inputProps,
 			spellCheck: false,
 			onMouseDown: handleMouseDown
 		};
 		$[63] = handleMouseDown;
 		$[64] = inputProps;
-		$[65] = t26;
-	} else t26 = $[65];
-	let t27;
+		$[65] = t25;
+	} else t25 = $[65];
+	let t26;
 	if ($[66] !== labelProps || $[67] !== userLabelProps) {
-		t27 = mergeProps$1(labelProps, userLabelProps);
+		t26 = mergeProps$1(labelProps, userLabelProps);
 		$[66] = labelProps;
 		$[67] = userLabelProps;
-		$[68] = t27;
-	} else t27 = $[68];
-	let t28;
+		$[68] = t26;
+	} else t26 = $[68];
+	let t27;
 	if ($[69] !== color || $[70] !== controlledOpen || $[71] !== handleColorChange || $[72] !== handleOpenChange || $[73] !== isDisabled || $[74] !== isInsidePopover || $[75] !== isOpen || $[76] !== isReadOnly || $[77] !== outputFormat || $[78] !== placement || $[79] !== shouldFlip || $[80] !== size || $[81] !== space || $[82] !== targetRefProp || $[83] !== text || $[84] !== triggerStyles) {
-		t28 = isInsidePopover ? null : /* @__PURE__ */ jsxs(DialogTrigger, {
+		t27 = isInsidePopover ? null : /* @__PURE__ */ jsxs(DialogTrigger, {
 			hideArrow: true,
 			type: "popover",
 			mobileType: "tray",
@@ -357,23 +356,21 @@ const ColorInput = forwardRef(function ColorInput(allProps, ref) {
 		$[82] = targetRefProp;
 		$[83] = text;
 		$[84] = triggerStyles;
-		$[85] = t28;
-	} else t28 = $[85];
-	let t29;
-	if ($[86] !== inputStyles || $[87] !== isDisabled || $[88] !== isInvalid || $[89] !== isLoading || $[90] !== isReadOnly || $[91] !== isValid || $[92] !== props || $[93] !== ref || $[94] !== size || $[95] !== t23 || $[96] !== t24 || $[97] !== t25 || $[98] !== t26 || $[99] !== t27 || $[100] !== t28 || $[101] !== text) {
-		t29 = /* @__PURE__ */ jsx(TextInputBase, {
+		$[85] = t27;
+	} else t27 = $[85];
+	let t28;
+	if ($[86] !== inputStyles || $[87] !== isDisabled || $[88] !== isInvalid || $[89] !== isLoading || $[90] !== isReadOnly || $[91] !== isValid || $[92] !== props || $[93] !== ref || $[94] !== size || $[95] !== t23 || $[96] !== t24 || $[97] !== t25 || $[98] !== t26 || $[99] !== t27) {
+		t28 = /* @__PURE__ */ jsx(TextInputBase, {
 			...props,
 			ref,
-			value: text,
-			defaultValue: t23,
-			qa: t24,
+			qa: t23,
 			size,
 			autoComplete: "off",
-			icon: t25,
+			icon: t24,
 			inputRef,
-			inputProps: t26,
+			inputProps: t25,
 			inputStyles,
-			labelProps: t27,
+			labelProps: t26,
 			wrapperRef: targetRef,
 			isDisabled,
 			isReadOnly,
@@ -381,7 +378,7 @@ const ColorInput = forwardRef(function ColorInput(allProps, ref) {
 			isValid,
 			isLoading,
 			suffixPosition: "after",
-			suffix: t28
+			suffix: t27
 		});
 		$[86] = inputStyles;
 		$[87] = isDisabled;
@@ -398,10 +395,8 @@ const ColorInput = forwardRef(function ColorInput(allProps, ref) {
 		$[98] = t26;
 		$[99] = t27;
 		$[100] = t28;
-		$[101] = text;
-		$[102] = t29;
-	} else t29 = $[102];
-	return t29;
+	} else t28 = $[100];
+	return t28;
 });
 ColorInput.cubeInputType = "Text";
 function _temp(t0) {

package/dist/components/fields/ColorInput/ColorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorInput.js","names":["BaseProps","BaseStyleProps","BlockStyleProps","ColorStyleProps","OuterStyleProps","Styles","tasty","FocusEvent","ForwardedRef","forwardRef","KeyboardEvent","MouseEvent","RefObject","useEffect","useRef","useState","Placement","useTextField","useEvent","PipetteIcon","FieldBaseProps","mergeProps","ItemAction","ItemActionProvider","useFieldProps","Dialog","DialogTrigger","ColorSpace","ColorFormat","ColorValue","detectFormat","formatColor","parseColor","ColorPanel","useIsInsideColorPopover","ColorSwatch","TextInputBase","ColorInputFormatMode","POPOVER_STYLES","overflow","FALLBACK_COLOR","h","s","l","ColorInputTrigger","qa","icon","CubeColorInputProps","value","defaultValue","onChange","format","formatMode","defaultSpace","isOpen","defaultOpen","onOpenChange","shouldFlip","targetRef","HTMLElement","placement","placeholder","size","onFocus","event","HTMLInputElement","onBlur","styles","inputStyles","triggerStyles","swatchStyles","ColorInput","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","value_0","onChange_0","t1","t2","t3","controlledOpen","targetRefProp","t4","t5","isDisabled","isReadOnly","isInvalid","isValid","isLoading","autoFocus","labelProps","userLabelProps","userOnBlur","label","description","ariaLabel","ariaLabelledby","ariaDescribedby","id","undefined","isInsidePopover","t6","t7","toString","initialText","t8","parsed","text","setText","t9","color","setColor","space","setSpace","setOpen","inputRef","t10","validText","emitted","t11","next","current","emit","t12","source","outputFormat","t13","t14","raw","parsed_0","nextText","t15","nextText_0","trim","parsed_1","handleTextChange","t16","parsed_2","settle","t17","currentTarget","select","handleFocus","handleMouseDown","_temp2","t18","event_1","handleBlur","t19","event_2","key","handleKeyDown","t20","nextColor","nextText_1","handleColorChange","t21","next_0","handleOpenChange","t22","type","onKeyDown","inputProps","t23","t24","t25","t26","spellCheck","onMouseDown","t27","t28","t29","cubeInputType","event_0","document","activeElement","preventDefault","focus"],"sources":["../../../../src/components/fields/ColorInput/ColorInput.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BaseStyleProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Placement, useTextField } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { PipetteIcon } from '../../../icons/PipetteIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport { ColorSpace } from '../color/channels';\nimport {\n  ColorFormat,\n  ColorValue,\n  detectFormat,\n  formatColor,\n  parseColor,\n} from '../color/color';\nimport { ColorPanel } from '../color/ColorPanel';\nimport { useIsInsideColorPopover } from '../color/context';\nimport { ColorSwatch } from '../ColorSwatch';\nimport { TextInputBase } from '../TextInput/TextInputBase';\n\n/**\n * How the text in the input relates to the committed value.\n *\n * - `forced` — the text is rewritten in `format` whenever it is not mid-edit,\n *   and the value is always written in `format`.\n * - `derive` — the user's own notation is left alone, and the value is\n *   normalized in whichever notation the text is written in.\n * - `free` — the text *is* the value, verbatim. It is still verified, so an\n *   unparsable entry falls back to the last valid one.\n */\nexport type ColorInputFormatMode = 'forced' | 'derive' | 'free';\n\n/**\n * A popover caps its height at half the viewport. The panel can exceed that on\n * a short screen, and would otherwise spill outside the popover's own border.\n */\nconst POPOVER_STYLES: Styles = { overflow: 'auto' };\n\n/** What the popover starts from when there is no color to edit yet. */\nconst FALLBACK_COLOR: ColorValue = { h: 264, s: 0.8, l: 0.6 };\n\nconst ColorInputTrigger = tasty(ItemAction, {\n  qa: 'ColorInputTrigger',\n  icon: <PipetteIcon />,\n});\n\nexport interface CubeColorInputProps\n  extends BaseProps,\n    BaseStyleProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected color, as a color string. */\n  value?: string | null;\n  /** The initial color of an uncontrolled picker. */\n  defaultValue?: string | null;\n  /** Called with the normalized color string, or `null` when the field is cleared. */\n  onChange?: (value: string | null) => void;\n  /** Notation the value is written in, and the one `forced` mode displays. */\n  format?: ColorFormat;\n  /** How strictly the input text is tied to `format`. */\n  formatMode?: ColorInputFormatMode;\n  /** Color concept the popover opens with. */\n  defaultSpace?: ColorSpace;\n  /** Whether the popover is open. Makes the disclosure controlled. */\n  isOpen?: boolean;\n  /** Whether the popover is open initially. */\n  defaultOpen?: boolean;\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the popover may flip to the other side of the input. */\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Text shown while the field is empty. */\n  placeholder?: string;\n  /** The size of the input. */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  styles?: Styles;\n  /** Styles of the text input element. */\n  inputStyles?: Styles;\n  /** Styles of the popover trigger button. */\n  triggerStyles?: Styles;\n  /** Styles of the color swatch shown inside the input. */\n  swatchStyles?: Styles;\n}\n\n/**\n * A color field: the color as text, a swatch of the current value, and a\n * popover to dial it in across OKHST, OKLCH and RGB.\n */\nexport const ColorInput = forwardRef(function ColorInput(\n  allProps: CubeColorInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value as string | null | undefined,\n      onChange,\n    }),\n  });\n\n  const {\n    qa,\n    value,\n    defaultValue,\n    onChange,\n    format = 'hex',\n    formatMode = 'forced',\n    defaultSpace = 'hst',\n    isOpen: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    shouldFlip,\n    targetRef: targetRefProp,\n    placement = 'bottom right',\n    placeholder = 'Pick a color',\n    size,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    isLoading,\n    autoFocus,\n    inputStyles,\n    triggerStyles,\n    swatchStyles,\n    labelProps: userLabelProps,\n    onBlur: userOnBlur,\n    onFocus,\n    label,\n    description,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    id,\n  } = props;\n\n  // Already inside a color popover: this is the value field for that popover,\n  // so it must not offer a popover of its own.\n  const isInsidePopover = useIsInsideColorPopover();\n\n  const initialText = (value ?? defaultValue ?? '').toString();\n  const [text, setText] = useState(() => {\n    const parsed = parseColor(initialText);\n\n    return parsed && formatMode === 'forced'\n      ? formatColor(parsed, format)\n      : initialText;\n  });\n  const [color, setColor] = useState(() => parseColor(initialText));\n  const [space, setSpace] = useState<ColorSpace>(defaultSpace);\n  const [isOpen, setOpen] = useState(defaultOpen ?? false);\n\n  const targetRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  /** The last text that parsed, so an invalid entry has something to fall back to. */\n  const validText = useRef(parseColor(initialText) ? text : '');\n  /** What was last handed to `onChange`, to tell our own updates from outside ones. */\n  const emitted = useRef<string | null | undefined>(value);\n\n  const emit = useEvent((next: string | null) => {\n    emitted.current = next;\n    onChange?.(next);\n  });\n\n  /** The notation a value should be written in, given the current text. */\n  const outputFormat = (source: string): ColorFormat =>\n    formatMode === 'forced' ? format : detectFormat(source) ?? format;\n\n  // Adopt values that did not come from here — a form reset, or a parent that\n  // overrides what the user picked.\n  useEffect(() => {\n    if (value === undefined || value === emitted.current) return;\n\n    emitted.current = value;\n\n    const raw = (value ?? '').toString();\n    const parsed = parseColor(raw);\n    const nextText =\n      parsed && formatMode === 'forced' ? formatColor(parsed, format) : raw;\n\n    setColor(parsed);\n    setText(nextText);\n    validText.current = parsed ? nextText : '';\n  }, [value, format, formatMode]);\n\n  const handleTextChange = useEvent((nextText: string) => {\n    setText(nextText);\n\n    if (!nextText.trim()) {\n      setColor(null);\n      validText.current = '';\n      emit(null);\n\n      return;\n    }\n\n    const parsed = parseColor(nextText);\n\n    // Half-typed input keeps the last valid color, so the value stays a real\n    // color at every keystroke.\n    if (!parsed) return;\n\n    setColor(parsed);\n    validText.current = nextText;\n    emit(\n      formatMode === 'free'\n        ? nextText.trim()\n        : formatColor(parsed, outputFormat(nextText)),\n    );\n  });\n\n  /** Resolve whatever is in the input into a real color, or undo it. */\n  const settle = useEvent(() => {\n    if (!text.trim()) return;\n\n    const parsed = parseColor(text);\n\n    if (!parsed) {\n      setText(validText.current);\n\n      return;\n    }\n\n    if (formatMode === 'forced') setText(formatColor(parsed, format));\n  });\n\n  /**\n   * Focusing offers the whole value up for replacement, the way a hex field\n   * does. The string is the unit of editing here: a single channel is tuned\n   * with the sliders, not by hand-editing one number inside `oklch(…)`.\n   *\n   * Read off the event rather than `inputRef`, which `TextInputBase` re-points\n   * through `useCombinedRefs`.\n   */\n  const handleFocus = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    event.currentTarget.select();\n    onFocus?.(event);\n  });\n\n  /**\n   * A click would otherwise drop a caret and undo that selection — the browser\n   * applies it after the focus handler has run. Suppressing the default action\n   * of the focusing press means no caret is ever placed; focus is then moved\n   * here instead, which selects.\n   *\n   * Only the press that *takes* focus is suppressed, so clicking a field that\n   * already has focus still positions the caret, and dragging still selects a\n   * range.\n   */\n  const handleMouseDown = useEvent((event: MouseEvent<HTMLInputElement>) => {\n    if (document.activeElement === event.currentTarget) return;\n\n    event.preventDefault();\n    event.currentTarget.focus();\n  });\n\n  const handleBlur = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    settle();\n    userOnBlur?.(event);\n  });\n\n  const handleKeyDown = useEvent((event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') settle();\n  });\n\n  const handleColorChange = useEvent((nextColor: ColorValue) => {\n    const nextText = formatColor(nextColor, outputFormat(text));\n\n    setColor(nextColor);\n    setText(nextText);\n    validText.current = nextText;\n    emit(nextText);\n  });\n\n  const handleOpenChange = useEvent((next: boolean) => {\n    setOpen(next);\n    onOpenChange?.(next);\n  });\n\n  const { labelProps, inputProps } = useTextField(\n    {\n      id,\n      label,\n      description,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      autoFocus,\n      placeholder,\n      value: text,\n      type: 'text',\n      onChange: handleTextChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n    },\n    inputRef,\n  );\n\n  return (\n    <TextInputBase\n      {...props}\n      ref={ref}\n      value={text}\n      defaultValue={props.defaultValue ?? undefined}\n      qa={qa || 'ColorInput'}\n      size={size}\n      autoComplete=\"off\"\n      // A flat 20px at every field size, which is what this has always rendered.\n      // Neither of the other two options is right here: tracking `$size` puts a\n      // large field's swatch against the border, because a text input hangs its\n      // prefix off the edge with no padding of its own, and passing the field's\n      // own size through grows the swatch with the field — visibly, and for no\n      // reason a caller asked for. The swatch is a fixed badge, not a control.\n      icon={<ColorSwatch size=\"small\" color={color} styles={swatchStyles} />}\n      inputRef={inputRef}\n      inputProps={{\n        ...inputProps,\n        spellCheck: false,\n        onMouseDown: handleMouseDown,\n      }}\n      inputStyles={inputStyles}\n      labelProps={mergeProps(labelProps, userLabelProps)}\n      wrapperRef={targetRef}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      isLoading={isLoading}\n      // The validation state reads left of the trigger, the way `DateInputBase`\n      // orders it for the date pickers.\n      suffixPosition=\"after\"\n      suffix={\n        isInsidePopover ? null : (\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement={placement}\n            targetRef={targetRefProp ?? targetRef}\n            isOpen={controlledOpen ?? isOpen}\n            shouldFlip={shouldFlip}\n            onOpenChange={handleOpenChange}\n          >\n            {/*\n              The trigger is disabled by either flag, but the two arrive through\n              different channels on purpose. A disabled FIELD travels through the\n              provider so `current` treats the state as inherited: the field has\n              already faded the colour the trigger paints from, and fading again\n              multiplies the two (measured `.12` — all but invisible). Read-only\n              alone leaves the field's text opaque, so there the trigger really is\n              disabled on its own and should fade itself.\n            */}\n            <ItemActionProvider isDisabled={isDisabled}>\n              <ColorInputTrigger\n                size={size}\n                aria-label=\"Open the color picker\"\n                isDisabled={isReadOnly && !isDisabled ? true : undefined}\n                styles={triggerStyles}\n              />\n            </ItemActionProvider>\n            <Dialog\n              aria-label=\"Color picker\"\n              width=\"max-content\"\n              styles={POPOVER_STYLES}\n            >\n              <ColorPanel\n                color={color ?? FALLBACK_COLOR}\n                space={space}\n                isDisabled={isDisabled || isReadOnly}\n                previewFormat={outputFormat(text)}\n                onChange={handleColorChange}\n                onSpaceChange={setSpace}\n              />\n            </Dialog>\n          </DialogTrigger>\n        )\n      }\n    />\n  );\n});\n\n(ColorInput as any).cubeInputType = 'Text';\n"],"mappings":"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"}
+{"version":3,"file":"ColorInput.js","names":["BaseProps","BaseStyleProps","BlockStyleProps","ColorStyleProps","OuterStyleProps","Styles","tasty","FocusEvent","ForwardedRef","forwardRef","KeyboardEvent","MouseEvent","RefObject","useEffect","useRef","useState","Placement","useTextField","useEvent","PipetteIcon","FieldBaseProps","mergeProps","ItemAction","ItemActionProvider","useFieldProps","Dialog","DialogTrigger","ColorSpace","ColorFormat","ColorValue","detectFormat","formatColor","parseColor","ColorPanel","useIsInsideColorPopover","ColorSwatch","TextInputBase","ColorInputFormatMode","POPOVER_STYLES","overflow","FALLBACK_COLOR","h","s","l","ColorInputTrigger","qa","icon","CubeColorInputProps","value","defaultValue","onChange","format","formatMode","defaultSpace","isOpen","defaultOpen","onOpenChange","shouldFlip","targetRef","HTMLElement","placement","placeholder","size","onFocus","event","HTMLInputElement","onBlur","styles","inputStyles","triggerStyles","swatchStyles","ColorInput","allProps","ref","$","_c","t0","Symbol","for","defaultValidationTrigger","valuePropsMapper","_temp","props","value_0","onChange_0","t1","t2","t3","controlledOpen","targetRefProp","t4","t5","isDisabled","isReadOnly","isInvalid","isValid","isLoading","autoFocus","labelProps","userLabelProps","userOnBlur","label","description","ariaLabel","ariaLabelledby","ariaDescribedby","id","undefined","isInsidePopover","t6","t7","toString","initialText","t8","parsed","text","setText","t9","color","setColor","space","setSpace","setOpen","inputRef","t10","validText","emitted","t11","next","current","emit","t12","source","outputFormat","t13","t14","raw","parsed_0","nextText","t15","nextText_0","trim","parsed_1","handleTextChange","t16","parsed_2","settle","t17","currentTarget","select","handleFocus","handleMouseDown","_temp2","t18","event_1","handleBlur","t19","event_2","key","handleKeyDown","t20","nextColor","nextText_1","handleColorChange","t21","next_0","handleOpenChange","t22","type","onKeyDown","inputProps","t23","t24","t25","spellCheck","onMouseDown","t26","t27","t28","cubeInputType","event_0","document","activeElement","preventDefault","focus"],"sources":["../../../../src/components/fields/ColorInput/ColorInput.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BaseStyleProps,\n  BlockStyleProps,\n  ColorStyleProps,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  FocusEvent,\n  ForwardedRef,\n  forwardRef,\n  KeyboardEvent,\n  MouseEvent,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Placement, useTextField } from 'react-aria';\n\nimport { useEvent } from '../../../_internal';\nimport { PipetteIcon } from '../../../icons/PipetteIcon';\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport { ItemAction, ItemActionProvider } from '../../actions';\nimport { useFieldProps } from '../../form';\nimport { Dialog, DialogTrigger } from '../../overlays/Dialog';\nimport { ColorSpace } from '../color/channels';\nimport {\n  ColorFormat,\n  ColorValue,\n  detectFormat,\n  formatColor,\n  parseColor,\n} from '../color/color';\nimport { ColorPanel } from '../color/ColorPanel';\nimport { useIsInsideColorPopover } from '../color/context';\nimport { ColorSwatch } from '../ColorSwatch';\nimport { TextInputBase } from '../TextInput/TextInputBase';\n\n/**\n * How the text in the input relates to the committed value.\n *\n * - `forced` — the text is rewritten in `format` whenever it is not mid-edit,\n *   and the value is always written in `format`.\n * - `derive` — the user's own notation is left alone, and the value is\n *   normalized in whichever notation the text is written in.\n * - `free` — the text *is* the value, verbatim. It is still verified, so an\n *   unparsable entry falls back to the last valid one.\n */\nexport type ColorInputFormatMode = 'forced' | 'derive' | 'free';\n\n/**\n * A popover caps its height at half the viewport. The panel can exceed that on\n * a short screen, and would otherwise spill outside the popover's own border.\n */\nconst POPOVER_STYLES: Styles = { overflow: 'auto' };\n\n/** What the popover starts from when there is no color to edit yet. */\nconst FALLBACK_COLOR: ColorValue = { h: 264, s: 0.8, l: 0.6 };\n\nconst ColorInputTrigger = tasty(ItemAction, {\n  qa: 'ColorInputTrigger',\n  icon: <PipetteIcon />,\n});\n\nexport interface CubeColorInputProps\n  extends BaseProps,\n    BaseStyleProps,\n    OuterStyleProps,\n    BlockStyleProps,\n    ColorStyleProps,\n    FieldBaseProps<string | null | undefined> {\n  /** The selected color, as a color string. */\n  value?: string | null;\n  /** The initial color of an uncontrolled picker. */\n  defaultValue?: string | null;\n  /** Called with the normalized color string, or `null` when the field is cleared. */\n  onChange?: (value: string | null) => void;\n  /** Notation the value is written in, and the one `forced` mode displays. */\n  format?: ColorFormat;\n  /** How strictly the input text is tied to `format`. */\n  formatMode?: ColorInputFormatMode;\n  /** Color concept the popover opens with. */\n  defaultSpace?: ColorSpace;\n  /** Whether the popover is open. Makes the disclosure controlled. */\n  isOpen?: boolean;\n  /** Whether the popover is open initially. */\n  defaultOpen?: boolean;\n  /** Called when the popover opens or closes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the popover may flip to the other side of the input. */\n  shouldFlip?: boolean;\n  /**\n   * The ref of the element the popover should visually attach itself to.\n   * Defaults to the field wrapper.\n   *\n   * Forwarded to `DialogTrigger`, so the anchor also becomes what outside-click\n   * dismissal treats as the trigger.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /**\n   * Placement of the popover relative to the anchor.\n   * Accepts React Aria's `Placement` strings (e.g. `'bottom start'`,\n   * `'top start'`, `'right top'`, `'left top'`).\n   * @default 'bottom right'\n   */\n  placement?: Placement;\n  /** Text shown while the field is empty. */\n  placeholder?: string;\n  /** The size of the input. */\n  size?: 'small' | 'medium' | 'large' | (string & {});\n  onFocus?: (event: FocusEvent<HTMLInputElement>) => void;\n  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  styles?: Styles;\n  /** Styles of the text input element. */\n  inputStyles?: Styles;\n  /** Styles of the popover trigger button. */\n  triggerStyles?: Styles;\n  /** Styles of the color swatch shown inside the input. */\n  swatchStyles?: Styles;\n}\n\n/**\n * A color field: the color as text, a swatch of the current value, and a\n * popover to dial it in across OKHST, OKLCH and RGB.\n */\nexport const ColorInput = forwardRef(function ColorInput(\n  allProps: CubeColorInputProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const props = useFieldProps(allProps, {\n    defaultValidationTrigger: 'onBlur',\n    valuePropsMapper: ({ value, onChange }) => ({\n      value: value as string | null | undefined,\n      onChange,\n    }),\n  });\n\n  const {\n    qa,\n    value,\n    defaultValue,\n    onChange,\n    format = 'hex',\n    formatMode = 'forced',\n    defaultSpace = 'hst',\n    isOpen: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    shouldFlip,\n    targetRef: targetRefProp,\n    placement = 'bottom right',\n    placeholder = 'Pick a color',\n    size,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    isLoading,\n    autoFocus,\n    inputStyles,\n    triggerStyles,\n    swatchStyles,\n    labelProps: userLabelProps,\n    onBlur: userOnBlur,\n    onFocus,\n    label,\n    description,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    id,\n  } = props;\n\n  // Already inside a color popover: this is the value field for that popover,\n  // so it must not offer a popover of its own.\n  const isInsidePopover = useIsInsideColorPopover();\n\n  const initialText = (value ?? defaultValue ?? '').toString();\n  const [text, setText] = useState(() => {\n    const parsed = parseColor(initialText);\n\n    return parsed && formatMode === 'forced'\n      ? formatColor(parsed, format)\n      : initialText;\n  });\n  const [color, setColor] = useState(() => parseColor(initialText));\n  const [space, setSpace] = useState<ColorSpace>(defaultSpace);\n  const [isOpen, setOpen] = useState(defaultOpen ?? false);\n\n  const targetRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  /** The last text that parsed, so an invalid entry has something to fall back to. */\n  const validText = useRef(parseColor(initialText) ? text : '');\n  /** What was last handed to `onChange`, to tell our own updates from outside ones. */\n  const emitted = useRef<string | null | undefined>(value);\n\n  const emit = useEvent((next: string | null) => {\n    emitted.current = next;\n    onChange?.(next);\n  });\n\n  /** The notation a value should be written in, given the current text. */\n  const outputFormat = (source: string): ColorFormat =>\n    formatMode === 'forced' ? format : detectFormat(source) ?? format;\n\n  // Adopt values that did not come from here — a form reset, or a parent that\n  // overrides what the user picked.\n  useEffect(() => {\n    if (value === undefined || value === emitted.current) return;\n\n    emitted.current = value;\n\n    const raw = (value ?? '').toString();\n    const parsed = parseColor(raw);\n    const nextText =\n      parsed && formatMode === 'forced' ? formatColor(parsed, format) : raw;\n\n    setColor(parsed);\n    setText(nextText);\n    validText.current = parsed ? nextText : '';\n  }, [value, format, formatMode]);\n\n  const handleTextChange = useEvent((nextText: string) => {\n    setText(nextText);\n\n    if (!nextText.trim()) {\n      setColor(null);\n      validText.current = '';\n      emit(null);\n\n      return;\n    }\n\n    const parsed = parseColor(nextText);\n\n    // Half-typed input keeps the last valid color, so the value stays a real\n    // color at every keystroke.\n    if (!parsed) return;\n\n    setColor(parsed);\n    validText.current = nextText;\n    emit(\n      formatMode === 'free'\n        ? nextText.trim()\n        : formatColor(parsed, outputFormat(nextText)),\n    );\n  });\n\n  /** Resolve whatever is in the input into a real color, or undo it. */\n  const settle = useEvent(() => {\n    if (!text.trim()) return;\n\n    const parsed = parseColor(text);\n\n    if (!parsed) {\n      setText(validText.current);\n\n      return;\n    }\n\n    if (formatMode === 'forced') setText(formatColor(parsed, format));\n  });\n\n  /**\n   * Focusing offers the whole value up for replacement, the way a hex field\n   * does. The string is the unit of editing here: a single channel is tuned\n   * with the sliders, not by hand-editing one number inside `oklch(…)`.\n   *\n   * Read off the event rather than `inputRef`, which `TextInputBase` re-points\n   * through `useCombinedRefs`.\n   */\n  const handleFocus = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    event.currentTarget.select();\n    onFocus?.(event);\n  });\n\n  /**\n   * A click would otherwise drop a caret and undo that selection — the browser\n   * applies it after the focus handler has run. Suppressing the default action\n   * of the focusing press means no caret is ever placed; focus is then moved\n   * here instead, which selects.\n   *\n   * Only the press that *takes* focus is suppressed, so clicking a field that\n   * already has focus still positions the caret, and dragging still selects a\n   * range.\n   */\n  const handleMouseDown = useEvent((event: MouseEvent<HTMLInputElement>) => {\n    if (document.activeElement === event.currentTarget) return;\n\n    event.preventDefault();\n    event.currentTarget.focus();\n  });\n\n  const handleBlur = useEvent((event: FocusEvent<HTMLInputElement>) => {\n    settle();\n    userOnBlur?.(event);\n  });\n\n  const handleKeyDown = useEvent((event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') settle();\n  });\n\n  const handleColorChange = useEvent((nextColor: ColorValue) => {\n    const nextText = formatColor(nextColor, outputFormat(text));\n\n    setColor(nextColor);\n    setText(nextText);\n    validText.current = nextText;\n    emit(nextText);\n  });\n\n  const handleOpenChange = useEvent((next: boolean) => {\n    setOpen(next);\n    onOpenChange?.(next);\n  });\n\n  const { labelProps, inputProps } = useTextField(\n    {\n      id,\n      label,\n      description,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedby,\n      isDisabled,\n      isReadOnly,\n      isInvalid,\n      autoFocus,\n      placeholder,\n      value: text,\n      type: 'text',\n      onChange: handleTextChange,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onKeyDown: handleKeyDown,\n    },\n    inputRef,\n  );\n\n  return (\n    <TextInputBase\n      {...props}\n      ref={ref}\n      qa={qa || 'ColorInput'}\n      size={size}\n      autoComplete=\"off\"\n      // A flat 20px at every field size, which is what this has always rendered.\n      // Neither of the other two options is right here: tracking `$size` puts a\n      // large field's swatch against the border, because a text input hangs its\n      // prefix off the edge with no padding of its own, and passing the field's\n      // own size through grows the swatch with the field — visibly, and for no\n      // reason a caller asked for. The swatch is a fixed badge, not a control.\n      icon={<ColorSwatch size=\"small\" color={color} styles={swatchStyles} />}\n      inputRef={inputRef}\n      inputProps={{\n        ...inputProps,\n        spellCheck: false,\n        onMouseDown: handleMouseDown,\n      }}\n      inputStyles={inputStyles}\n      labelProps={mergeProps(labelProps, userLabelProps)}\n      wrapperRef={targetRef}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      isValid={isValid}\n      isLoading={isLoading}\n      // The validation state reads left of the trigger, the way `DateInputBase`\n      // orders it for the date pickers.\n      suffixPosition=\"after\"\n      suffix={\n        isInsidePopover ? null : (\n          <DialogTrigger\n            hideArrow\n            type=\"popover\"\n            mobileType=\"tray\"\n            placement={placement}\n            targetRef={targetRefProp ?? targetRef}\n            isOpen={controlledOpen ?? isOpen}\n            shouldFlip={shouldFlip}\n            onOpenChange={handleOpenChange}\n          >\n            {/*\n              The trigger is disabled by either flag, but the two arrive through\n              different channels on purpose. A disabled FIELD travels through the\n              provider so `current` treats the state as inherited: the field has\n              already faded the colour the trigger paints from, and fading again\n              multiplies the two (measured `.12` — all but invisible). Read-only\n              alone leaves the field's text opaque, so there the trigger really is\n              disabled on its own and should fade itself.\n            */}\n            <ItemActionProvider isDisabled={isDisabled}>\n              <ColorInputTrigger\n                size={size}\n                aria-label=\"Open the color picker\"\n                isDisabled={isReadOnly && !isDisabled ? true : undefined}\n                styles={triggerStyles}\n              />\n            </ItemActionProvider>\n            <Dialog\n              aria-label=\"Color picker\"\n              width=\"max-content\"\n              styles={POPOVER_STYLES}\n            >\n              <ColorPanel\n                color={color ?? FALLBACK_COLOR}\n                space={space}\n                isDisabled={isDisabled || isReadOnly}\n                previewFormat={outputFormat(text)}\n                onChange={handleColorChange}\n                onSpaceChange={setSpace}\n              />\n            </Dialog>\n          </DialogTrigger>\n        )\n      }\n    />\n  );\n});\n\n(ColorInput as any).cubeInputType = 'Text';\n"],"mappings":"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"}

package/dist/components/fields/ColorPicker/ColorPicker.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e481f14 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b5d0624 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/ColorSwatch/ColorSwatch.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e481f14 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b5d0624 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { parseColor, toHex } from "../color/color.js";
 import { c } from "react-compiler-runtime";

package/dist/components/fields/ColorSwatchGroup/ColorSwatchGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e481f14 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b5d0624 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/fields/ComboBox/ComboBox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e481f14 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b5d0624 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";