@cube-dev/ui-kit 0.136.1 → 0.137.0

package/dist/components/content/InlineInput/InlineInput.js

@@ -0,0 +1,264 @@
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | 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";
+import { BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
+import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FocusScope, useFocusWithin } from "react-aria";
+import { useControlledState } from "@react-stately/utils";
+
+//#region src/components/content/InlineInput/InlineInput.tsx
+const InlineInputRoot = tasty({
+	as: "span",
+	styles: {
+		display: "inline-flex",
+		verticalAlign: "baseline",
+		position: "relative",
+		color: "inherit",
+		preset: "inherit",
+		cursor: {
+			"": "inherit",
+			"editable & !editing": "text"
+		},
+		Input: {
+			recipe: "reset input / input-autofill",
+			preset: "inherit",
+			color: "inherit",
+			fill: "transparent",
+			width: "initial $input-width 100%",
+			minWidth: "1em",
+			"&::placeholder": { recipe: "input-placeholder" }
+		},
+		Measure: {
+			position: "absolute",
+			visibility: "hidden",
+			pointerEvents: "none",
+			whiteSpace: "pre",
+			preset: "inherit",
+			height: 0,
+			overflow: "hidden"
+		},
+		Placeholder: {
+			recipe: "input-placeholder",
+			preset: "inherit"
+		}
+	}
+});
+const STYLE_PROPS = [
+	...BLOCK_STYLES,
+	...OUTER_STYLES,
+	...COLOR_STYLES
+];
+/**
+* Inline editable text. Renders the value as inline content by default and
+* swaps to an auto-sizing text input when entering edit mode.
+*
+* Designed to drop into any text context (tab title, heading, paragraph,
+* table cell) without style customization: typography, color, and font family
+* are all inherited from the parent.
+*
+* Value and `isEditing` can each be controlled or uncontrolled independently.
+* Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)
+* works regardless of `editTrigger`.
+*/
+const InlineInput = forwardRef(function InlineInput(allProps, ref) {
+	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, placeholder, renderDisplay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
+	const isControlled = valueProp !== void 0;
+	const inputRef = useRef(null);
+	const measureRef = useRef(null);
+	const rootRef = useRef(null);
+	const [value, setValue] = useControlledState(valueProp, defaultValue ?? "", onChange);
+	const [isEditing, setIsEditing] = useControlledState(isEditingProp, defaultIsEditing ?? false, onEditingChange);
+	const [optimisticValue, setOptimisticValue] = useState(null);
+	const displayedValue = optimisticValue ?? value;
+	const [draft, setDraft] = useState(value);
+	const [inputWidth, setInputWidth] = useState(null);
+	const submitTokenRef = useRef(0);
+	const isEditingRef = useRef(isEditing);
+	isEditingRef.current = isEditing;
+	useEffect(() => {
+		setOptimisticValue(null);
+	}, [value]);
+	const enterEditing = useEvent(() => {
+		if (isDisabled || isReadOnly || isEditing) return;
+		submitTokenRef.current += 1;
+		isEditingRef.current = true;
+		setOptimisticValue(null);
+		setDraft(value);
+		setIsEditing(true);
+	});
+	const commit = useEvent((rawValue) => {
+		if (!isEditingRef.current) return;
+		const next = trimOnSubmit ? rawValue.trim() : rawValue;
+		if (!next && !allowEmpty) {
+			isEditingRef.current = false;
+			setIsEditing(false);
+			onCancel?.();
+			return;
+		}
+		const token = ++submitTokenRef.current;
+		if (isControlled) setOptimisticValue(next);
+		isEditingRef.current = false;
+		setValue(next);
+		setIsEditing(false);
+		const result = onSubmit?.(next);
+		if (result != null && typeof result.then === "function") result.then(() => {}, () => {
+			if (submitTokenRef.current === token && isControlled) setOptimisticValue(null);
+		});
+	});
+	const cancel = useEvent(() => {
+		if (!isEditingRef.current) return;
+		isEditingRef.current = false;
+		setIsEditing(false);
+		onCancel?.();
+	});
+	useEffect(() => {
+		if (!isEditing) setDraft(value);
+	}, [value, isEditing]);
+	useLayoutEffect(() => {
+		if (!isEditing) return;
+		inputRef.current?.select();
+	}, [isEditing]);
+	useLayoutEffect(() => {
+		if (!isEditing) return;
+		const measure = measureRef.current;
+		if (!measure) return;
+		setInputWidth(measure.scrollWidth);
+	}, [
+		isEditing,
+		draft,
+		placeholder
+	]);
+	const handleKeyDown = useEvent((e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			commit(draft);
+			return;
+		}
+		if (e.key === "Escape") {
+			e.preventDefault();
+			cancel();
+			return;
+		}
+		if (e.key === "ArrowLeft" || e.key === "ArrowRight" || e.key === " " || e.key === "Delete" || e.key === "Backspace") e.stopPropagation();
+	});
+	const handleInputChange = useEvent((e) => {
+		setDraft(e.target.value);
+	});
+	const { focusWithinProps } = useFocusWithin({
+		isDisabled: !isEditing,
+		onBlurWithin: () => {
+			if (!submitOnBlur) return;
+			commit(draft);
+		}
+	});
+	const handleDblClick = useEvent((e) => {
+		if (editTrigger !== "dblclick") return;
+		e.preventDefault();
+		e.stopPropagation();
+		enterEditing();
+	});
+	const handleClick = useEvent((e) => {
+		if (editTrigger !== "click") return;
+		e.preventDefault();
+		e.stopPropagation();
+		enterEditing();
+	});
+	useImperativeHandle(ref, () => ({
+		startEditing: () => enterEditing(),
+		stopEditing: (submit = true) => {
+			if (!isEditing) return;
+			if (submit) commit(draft);
+			else cancel();
+		},
+		focus: () => {
+			if (isEditing) inputRef.current?.focus();
+			else rootRef.current?.focus();
+		},
+		getValue: () => displayedValue
+	}), [
+		enterEditing,
+		commit,
+		cancel,
+		draft,
+		displayedValue,
+		isEditing
+	]);
+	const isEditable = editTrigger !== "none" && !isDisabled && !isReadOnly;
+	const mods = useMemo(() => ({
+		editing: isEditing,
+		editable: isEditable,
+		disabled: isDisabled,
+		"read-only": isReadOnly,
+		empty: !displayedValue,
+		...customMods
+	}), [
+		isEditing,
+		isEditable,
+		isDisabled,
+		isReadOnly,
+		displayedValue,
+		customMods
+	]);
+	const extractedStyles = extractStyles(otherProps, STYLE_PROPS, useMemo(() => {
+		if (!stylesProp && !inputStyles) return void 0;
+		if (!inputStyles) return stylesProp;
+		const existingInput = stylesProp?.Input ?? void 0;
+		return {
+			...stylesProp,
+			Input: existingInput ? {
+				...existingInput,
+				...inputStyles
+			} : inputStyles
+		};
+	}, [stylesProp, inputStyles]));
+	const tokens = useMemo(() => ({
+		...customTokens,
+		"$input-width": inputWidth != null ? `${inputWidth}px` : "auto"
+	}), [customTokens, inputWidth]);
+	const displayContent = renderDisplay ? renderDisplay(displayedValue) : displayedValue || (placeholder ? /* @__PURE__ */ jsx("span", {
+		"data-element": "Placeholder",
+		children: placeholder
+	}) : "");
+	const baseProps = filterBaseProps(otherProps, { eventProps: true });
+	return /* @__PURE__ */ jsx(InlineInputRoot, {
+		ref: rootRef,
+		qa: qa ?? "InlineInput",
+		qaVal,
+		mods,
+		tokens,
+		styles: extractedStyles,
+		...mergeProps$1(baseProps, focusWithinProps, {
+			onDoubleClick: isEditing ? void 0 : handleDblClick,
+			onClick: isEditing ? void 0 : handleClick
+		}),
+		children: isEditing ? /* @__PURE__ */ jsxs(FocusScope, {
+			autoFocus: true,
+			restoreFocus: false,
+			contain: false,
+			children: [/* @__PURE__ */ jsx("span", {
+				ref: measureRef,
+				"data-element": "Measure",
+				"aria-hidden": "true",
+				children: draft || placeholder || " "
+			}), /* @__PURE__ */ jsx("input", {
+				ref: inputRef,
+				"data-element": "Input",
+				type: "text",
+				value: draft,
+				placeholder,
+				disabled: isDisabled,
+				readOnly: isReadOnly,
+				"aria-label": ariaLabel,
+				"aria-labelledby": ariaLabelledby,
+				onChange: handleInputChange,
+				onKeyDown: handleKeyDown
+			})]
+		}) : displayContent
+	});
+});
+
+//#endregion
+export { InlineInput };
+//# sourceMappingURL=InlineInput.js.map

package/dist/components/content/InlineInput/InlineInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.js","names":["mergeProps"],"sources":["../../../../src/components/content/InlineInput/InlineInput.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport {\n  BaseProps,\n  BLOCK_STYLES,\n  BlockStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { FocusScope, useFocusWithin } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\n\nimport type { ChangeEvent, KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';\n\nexport interface CubeInlineInputProps\n  extends BaseProps,\n    BlockStyleProps,\n    OuterStyleProps,\n    ColorStyleProps {\n  /** Controlled value. When provided, the component is controlled. */\n  value?: string;\n  /** Initial value for uncontrolled usage. */\n  defaultValue?: string;\n  /**\n   * Fires on commit *only when the value actually changed*. Use this to update\n   * external state. Pair with `value` for the controlled pattern.\n   */\n  onChange?: (value: string) => void;\n\n  /** Controlled editing state. When provided, the editing state is controlled. */\n  isEditing?: boolean;\n  /** Default editing state for uncontrolled usage. */\n  defaultIsEditing?: boolean;\n  /** Called when editing mode starts or ends. */\n  onEditingChange?: (isEditing: boolean) => void;\n\n  /**\n   * Fires every time the user commits (Enter / submit-on-blur / `ref.stopEditing(true)`),\n   * even if the value did not change. Use for side effects like analytics or\n   * \"save\" toasts. For state updates, prefer `onChange`.\n   *\n   * May return a Promise. If the returned Promise **rejects**, the component\n   * automatically reverts its optimistic display to the actual `value` prop —\n   * this gives async-save flows free rollback on failure (in controlled mode).\n   */\n  onSubmit?: (value: string) => void | Promise<unknown>;\n  /** Called when editing is cancelled (Escape or empty submit when `allowEmpty` is false). */\n  onCancel?: () => void;\n\n  /** How edit mode is activated from the display element. Default: `'dblclick'`. */\n  editTrigger?: CubeInlineInputEditTrigger;\n  /** Whether to submit when focus leaves the input. Default: `true`. */\n  submitOnBlur?: boolean;\n  /** Whether to trim the value on submit. Default: `true`. */\n  trimOnSubmit?: boolean;\n  /** When false, submitting an empty/whitespace value cancels instead. Default: `false`. */\n  allowEmpty?: boolean;\n  /** When true, edit mode cannot be entered (programmatically or otherwise). */\n  isDisabled?: boolean;\n  /** When true, edit mode cannot be entered, but the display reads as enabled. */\n  isReadOnly?: boolean;\n\n  /** Placeholder text shown in the input when the draft is empty. */\n  placeholder?: string;\n  /** Custom render for display (non-editing) mode. Receives the currently-displayed value (including optimistic). */\n  renderDisplay?: (value: string) => ReactNode;\n  /** ARIA label for the input (used when no visible label is associated). */\n  'aria-label'?: string;\n  /** ARIA labelledby for the input. */\n  'aria-labelledby'?: string;\n\n  /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */\n  inputStyles?: Styles;\n}\n\nexport interface CubeInlineInputRef {\n  /** Programmatically enter edit mode. */\n  startEditing(): void;\n  /** Programmatically exit edit mode. `submit=true` commits, `submit=false` cancels. Defaults to commit. */\n  stopEditing(submit?: boolean): void;\n  /** Focus the underlying element (input when editing, root span otherwise). */\n  focus(): void;\n  /** Current committed value (includes optimistic value if a parent hasn't synced yet). */\n  getValue(): string;\n}\n\n// =============================================================================\n// Styled element\n// =============================================================================\n\nconst InlineInputRoot = tasty({\n  as: 'span',\n  styles: {\n    display: 'inline-flex',\n    verticalAlign: 'baseline',\n    position: 'relative',\n    color: 'inherit',\n    preset: 'inherit',\n    cursor: {\n      '': 'inherit',\n      'editable & !editing': 'text',\n    },\n\n    Input: {\n      recipe: 'reset input / input-autofill',\n      preset: 'inherit',\n      color: 'inherit',\n      fill: 'transparent',\n      width: 'initial $input-width 100%',\n      minWidth: '1em',\n      '&::placeholder': { recipe: 'input-placeholder' },\n    },\n\n    Measure: {\n      position: 'absolute',\n      visibility: 'hidden',\n      pointerEvents: 'none',\n      whiteSpace: 'pre',\n      preset: 'inherit',\n      height: 0,\n      overflow: 'hidden',\n    },\n\n    Placeholder: {\n      recipe: 'input-placeholder',\n      preset: 'inherit',\n    },\n  },\n});\n\nconst STYLE_PROPS = [...BLOCK_STYLES, ...OUTER_STYLES, ...COLOR_STYLES];\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Inline editable text. Renders the value as inline content by default and\n * swaps to an auto-sizing text input when entering edit mode.\n *\n * Designed to drop into any text context (tab title, heading, paragraph,\n * table cell) without style customization: typography, color, and font family\n * are all inherited from the parent.\n *\n * Value and `isEditing` can each be controlled or uncontrolled independently.\n * Programmatic entry via the imperative ref (`startEditing`/`stopEditing`)\n * works regardless of `editTrigger`.\n */\nexport const InlineInput = forwardRef<CubeInlineInputRef, CubeInlineInputProps>(\n  function InlineInput(allProps, ref) {\n    const {\n      value: valueProp,\n      defaultValue,\n      onChange,\n      isEditing: isEditingProp,\n      defaultIsEditing,\n      onEditingChange,\n      onSubmit,\n      onCancel,\n      editTrigger = 'dblclick',\n      submitOnBlur = true,\n      trimOnSubmit = true,\n      allowEmpty = false,\n      isDisabled = false,\n      isReadOnly = false,\n      placeholder,\n      renderDisplay,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      qa,\n      qaVal,\n      styles: stylesProp,\n      inputStyles,\n      mods: customMods,\n      tokens: customTokens,\n      ...otherProps\n    } = allProps;\n\n    const isControlled = valueProp !== undefined;\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const measureRef = useRef<HTMLSpanElement>(null);\n    const rootRef = useRef<HTMLSpanElement>(null);\n\n    const [value, setValue] = useControlledState<string>(\n      valueProp as string,\n      (defaultValue ?? '') as string,\n      onChange,\n    );\n\n    const [isEditing, setIsEditing] = useControlledState<boolean>(\n      isEditingProp as boolean,\n      (defaultIsEditing ?? false) as boolean,\n      onEditingChange,\n    );\n\n    // Optimistic value. Holds the just-committed value while we wait for the\n    // (potentially async) controlled parent to sync `value`. In uncontrolled\n    // mode `value` updates immediately so this stays null after each render.\n    const [optimisticValue, setOptimisticValue] = useState<string | null>(null);\n    const displayedValue = optimisticValue ?? value;\n\n    const [draft, setDraft] = useState<string>(value);\n    const [inputWidth, setInputWidth] = useState<number | null>(null);\n\n    // Token to invalidate in-flight onSubmit promises if a newer commit /\n    // re-entry happens before they settle.\n    const submitTokenRef = useRef(0);\n\n    // Synchronous mirror of `isEditing`. We need this because cancel/commit\n    // call user callbacks (`onCancel`/`onSubmit`) that may synchronously\n    // re-focus another element — that causes a synchronous blur on the\n    // input which would otherwise re-enter `commit` via `onBlurWithin` (the\n    // state update from `setIsEditing(false)` isn't committed yet, so the\n    // closure still sees `isEditing === true`).\n    const isEditingRef = useRef(isEditing);\n\n    isEditingRef.current = isEditing;\n\n    // Clear the optimistic value once `value` catches up or changes externally.\n    useEffect(() => {\n      setOptimisticValue(null);\n    }, [value]);\n\n    const enterEditing = useEvent(() => {\n      if (isDisabled || isReadOnly || isEditing) return;\n      // Invalidate any in-flight onSubmit promise — its outcome no longer\n      // matters because the user is about to commit a new value anyway.\n      submitTokenRef.current += 1;\n      isEditingRef.current = true;\n      // Start from the actual prop value, not optimistic — gives the user a\n      // way to recover if a previous commit was rejected by the parent.\n      setOptimisticValue(null);\n      setDraft(value);\n      setIsEditing(true);\n    });\n\n    const commit = useEvent((rawValue: string) => {\n      // Re-entry guard. `onSubmit`/`onCancel` may synchronously refocus and\n      // trigger another blur-driven commit before the state update lands.\n      if (!isEditingRef.current) return;\n\n      const next = trimOnSubmit ? rawValue.trim() : rawValue;\n\n      if (!next && !allowEmpty) {\n        isEditingRef.current = false;\n        setIsEditing(false);\n        onCancel?.();\n\n        return;\n      }\n\n      const token = ++submitTokenRef.current;\n\n      if (isControlled) {\n        // Show the new value optimistically until the parent re-renders.\n        setOptimisticValue(next);\n      }\n      isEditingRef.current = false;\n      setValue(next);\n      setIsEditing(false);\n\n      const result = onSubmit?.(next);\n      // If onSubmit returns a Promise that rejects, the parent is signalling\n      // a save failure — revert the optimistic value back to the actual prop.\n      // We guard with a token so a slow rejection doesn't clobber a newer\n      // commit's optimistic display.\n      if (\n        result != null &&\n        typeof (result as Promise<unknown>).then === 'function'\n      ) {\n        (result as Promise<unknown>).then(\n          () => {},\n          () => {\n            if (submitTokenRef.current === token && isControlled) {\n              setOptimisticValue(null);\n            }\n          },\n        );\n      }\n    });\n\n    const cancel = useEvent(() => {\n      if (!isEditingRef.current) return;\n      isEditingRef.current = false;\n      setIsEditing(false);\n      onCancel?.();\n    });\n\n    // Keep draft in sync with the external value while NOT editing.\n    useEffect(() => {\n      if (!isEditing) setDraft(value);\n    }, [value, isEditing]);\n\n    // Select all text synchronously when entering edit mode.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      inputRef.current?.select();\n    }, [isEditing]);\n\n    // Measure the draft so the input width follows the typed glyphs.\n    useLayoutEffect(() => {\n      if (!isEditing) return;\n      const measure = measureRef.current;\n\n      if (!measure) return;\n      setInputWidth(measure.scrollWidth);\n    }, [isEditing, draft, placeholder]);\n\n    const handleKeyDown = useEvent((e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        commit(draft);\n\n        return;\n      }\n\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel();\n\n        return;\n      }\n\n      // Prevent the host (e.g. Tabs) from intercepting text-editing keys.\n      if (\n        e.key === 'ArrowLeft' ||\n        e.key === 'ArrowRight' ||\n        e.key === ' ' ||\n        e.key === 'Delete' ||\n        e.key === 'Backspace'\n      ) {\n        e.stopPropagation();\n      }\n    });\n\n    const handleInputChange = useEvent((e: ChangeEvent<HTMLInputElement>) => {\n      setDraft(e.target.value);\n    });\n\n    const { focusWithinProps } = useFocusWithin({\n      isDisabled: !isEditing,\n      onBlurWithin: () => {\n        if (!submitOnBlur) return;\n        commit(draft);\n      },\n    });\n\n    const handleDblClick = useEvent((e: MouseEvent) => {\n      if (editTrigger !== 'dblclick') return;\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    const handleClick = useEvent((e: MouseEvent) => {\n      if (editTrigger !== 'click') return;\n      e.preventDefault();\n      e.stopPropagation();\n      enterEditing();\n    });\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        startEditing: () => enterEditing(),\n        stopEditing: (submit = true) => {\n          if (!isEditing) return;\n          if (submit) commit(draft);\n          else cancel();\n        },\n        focus: () => {\n          if (isEditing) inputRef.current?.focus();\n          else rootRef.current?.focus();\n        },\n        getValue: () => displayedValue,\n      }),\n      [enterEditing, commit, cancel, draft, displayedValue, isEditing],\n    );\n\n    const isEditable = editTrigger !== 'none' && !isDisabled && !isReadOnly;\n\n    const mods = useMemo(\n      () => ({\n        editing: isEditing,\n        editable: isEditable,\n        disabled: isDisabled,\n        'read-only': isReadOnly,\n        empty: !displayedValue,\n        ...customMods,\n      }),\n      [\n        isEditing,\n        isEditable,\n        isDisabled,\n        isReadOnly,\n        displayedValue,\n        customMods,\n      ],\n    );\n\n    const mergedStyles = useMemo<Styles | undefined>(() => {\n      if (!stylesProp && !inputStyles) return undefined;\n      if (!inputStyles) return stylesProp;\n      const existingInput =\n        (stylesProp?.Input as Styles | undefined) ?? undefined;\n\n      return {\n        ...stylesProp,\n        Input: existingInput\n          ? { ...existingInput, ...inputStyles }\n          : inputStyles,\n      };\n    }, [stylesProp, inputStyles]);\n\n    const extractedStyles = extractStyles(\n      otherProps,\n      STYLE_PROPS,\n      mergedStyles,\n    );\n\n    const tokens = useMemo(\n      () => ({\n        ...customTokens,\n        '$input-width': inputWidth != null ? `${inputWidth}px` : 'auto',\n      }),\n      [customTokens, inputWidth],\n    );\n\n    // In display mode, render the placeholder when the value is empty so the\n    // component remains visible / clickable. Consumers using `renderDisplay`\n    // take full control and are responsible for handling empty values\n    // themselves.\n    const displayContent = renderDisplay\n      ? renderDisplay(displayedValue)\n      : displayedValue ||\n        (placeholder ? (\n          <span data-element=\"Placeholder\">{placeholder}</span>\n        ) : (\n          ''\n        ));\n\n    const baseProps = filterBaseProps(otherProps, { eventProps: true });\n\n    return (\n      <InlineInputRoot\n        ref={rootRef}\n        qa={qa ?? 'InlineInput'}\n        qaVal={qaVal}\n        mods={mods}\n        tokens={tokens}\n        styles={extractedStyles}\n        {...mergeProps(baseProps, focusWithinProps, {\n          onDoubleClick: isEditing ? undefined : handleDblClick,\n          onClick: isEditing ? undefined : handleClick,\n        })}\n      >\n        {isEditing ? (\n          <FocusScope autoFocus restoreFocus={false} contain={false}>\n            <span ref={measureRef} data-element=\"Measure\" aria-hidden=\"true\">\n              {draft || placeholder || ' '}\n            </span>\n            <input\n              ref={inputRef}\n              data-element=\"Input\"\n              type=\"text\"\n              value={draft}\n              placeholder={placeholder}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledby}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyDown}\n            />\n          </FocusScope>\n        ) : (\n          displayContent\n        )}\n      </InlineInputRoot>\n    );\n  },\n);\n"],"mappings":"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"}

package/dist/components/content/InlineInput/index.d.ts

@@ -0,0 +1,2 @@
+
+import { CubeInlineInputEditTrigger, CubeInlineInputProps, CubeInlineInputRef, InlineInput } from "./InlineInput.js";

package/dist/components/content/Item/Item.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/ItemBadge/ItemBadge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/content/ItemCard/ItemCard.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";
 import { forwardRef } from "react";

package/dist/components/content/Layout/GridLayout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";
 import { _LayoutBlock } from "./LayoutBlock.js";

package/dist/components/content/Layout/Layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { Alert } from "../Alert/Alert.js";

package/dist/components/content/Layout/LayoutBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutCenter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContainer } from "./LayoutContainer.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutContainer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContent.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { LayoutContextReset } from "./LayoutContext.js";

package/dist/components/content/Layout/LayoutContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { createContext, useContext, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/content/Layout/LayoutFlex.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutFooter.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef, useMemo } from "react";

package/dist/components/content/Layout/LayoutGrid.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/LayoutHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { SlashIcon } from "../../../icons/SlashIcon.js";
 import { Button } from "../../actions/Button/Button.js";

package/dist/components/content/Layout/LayoutPane.js

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

package/dist/components/content/Layout/LayoutPanel.js

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

package/dist/components/content/Layout/LayoutPanelHeader.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { _Item } from "../Item/Item.js";

package/dist/components/content/Layout/LayoutToolbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _LayoutContent } from "./LayoutContent.js";
 import { tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Layout/hooks/useTinyScrollbar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/components/content/Layout/hooks/useTinyScrollbar.ts

package/dist/components/content/Layout/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { LayoutActionsContext, LayoutContextReset, LayoutPanelContext, LayoutRefsContext, LayoutStateContext, useLayoutActionsContext, useLayoutPanelContext, useLayoutRefsContext, useLayoutStateContext } from "./LayoutContext.js";
 import { _Layout } from "./Layout.js";
 import { _LayoutContent } from "./LayoutContent.js";

package/dist/components/content/Layout/utils.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 //#region src/components/content/Layout/utils.ts
 /**
 * Clamps a size value within min/max constraints.

package/dist/components/content/Paragraph.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { _Text } from "./Text.js";
 import { CONTAINER_STYLES, TEXT_STYLES } from "@tenphi/tasty";

package/dist/components/content/Placeholder/Placeholder.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, keyframes, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/PrismCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { RendererPrism, ensureYamlSqlExtensions } from "./prismSetup.js";
 import { CONTAINER_STYLES, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/PrismCode/prismSetup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { Prism as RendererPrism } from "prism-react-renderer";
 
 //#region src/components/content/PrismCode/prismSetup.tsx

package/dist/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _PrismCode } from "../PrismCode/PrismCode.js";
 import { jsx } from "react/jsx-runtime";
 import { diffLines } from "diff";

package/dist/components/content/Result/Result.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { wrapNodeIfPlain } from "../../../utils/react/wrapNodeIfPlain.js";

package/dist/components/content/Skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { Space } from "../../layout/Space.js";
 import { Grid } from "../../layout/Grid.js";
 import { Flow } from "../../layout/Flow.js";

package/dist/components/content/Tag/Tag.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useMemo, useState } from "react";
 

package/dist/components/content/Tree/use-load-data.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/fields/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _Text } from "../../content/Text.js";

package/dist/components/fields/Checkbox/CheckboxGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.136.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.137.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useProviderProps } from "../../../provider.js";