@planningcenter/tapestry 3.1.0-rc.8 → 3.1.0

package/dist/components/select/SelectPopover.js

@@ -1,5 +1,5 @@
 import { getComboboxActionFromKey, ComboboxAction, getUpdatedIndex } from '../../utilities/keyboardUtils.js';
-import { normalizeOptions, getSelectableOptionsFromSegments, getIndexByLetter } from '../../utilities/selectUtils.js';
+import { normalizeOptions, getSelectableOptionsFromSegments, getIndexByLetter, getDataAttributes } from '../../utilities/selectUtils.js';
 import { useId } from '../../utilities/useId.js';
 import React__default, { forwardRef, useState, useMemo, useRef, useCallback, useEffect } from 'react';
 import { SelectOptions } from './SelectOptions.js';
@@ -19,7 +19,7 @@ function renderListSegments(segments, baseId, renderItem) {
         return (React__default.createElement("ul", { key: `options-${segmentIndex}`, role: "presentation" }, segment.options.map((opt, i) => renderItem(opt, startIndex + i))));
     });
 }
-const SelectPopover = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, defaultValue, disabled, id, invalid, onBlur, onChange, onClick, onFocus, options, placeholder, required, value, ...props }, ref) => {
+const SelectPopover = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, defaultValue, disabled, id, invalid, onBlur, onChange, onClick, onFocus, options, placeholder, required, triggerRef, value, ...props }, ref) => {
     const stableId = useId();
     const baseId = id || `tds-select-popover-${stableId}`;
     const [isOpen, setIsOpen] = useState(false);
@@ -38,7 +38,8 @@ const SelectPopover = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-l
         ? `${baseId}-option-${activeOption.value}`
         : undefined;
     const popoverRef = useRef(null);
-    const triggerButtonRef = useRef(null);
+    const internalTriggerRef = useRef(null);
+    const resolvedTriggerRef = triggerRef ?? internalTriggerRef;
     const hiddenSelectRef = useRef(null);
     const pendingChangeValueRef = useRef(null);
     const searchStringRef = useRef("");
@@ -87,7 +88,7 @@ const SelectPopover = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-l
     useEffect(() => () => {
         clearTimeout(searchTimeoutRef.current);
     }, []);
-    const openPopover = () => popoverRef.current?.showPopover({ source: triggerButtonRef.current });
+    const openPopover = () => popoverRef.current?.showPopover({ source: resolvedTriggerRef.current });
     const closePopover = () => popoverRef.current?.hidePopover();
     const commitSelection = useCallback((nextValue) => {
         if (nextValue === selectedValue) {
@@ -215,17 +216,18 @@ const SelectPopover = forwardRef(({ "aria-describedby": ariaDescribedBy, "aria-l
     const handleButtonFocus = useCallback((event) => {
         forwardEventToSelect(event, onFocus);
     }, [forwardEventToSelect, onFocus]);
-    const renderListOption = ({ disabled, divider, label, value }, index) => {
+    const renderListOption = (option, index) => {
+        const { disabled, divider, label, value } = option;
         if (divider)
             return React__default.createElement("li", { key: index, role: "separator" });
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard events are handled on the combobox button
-        React__default.createElement("li", { key: value, "aria-disabled": disabled || undefined, "aria-selected": value === selectedValue, className: value === activeOption?.value
+        React__default.createElement("li", { key: value, ...getDataAttributes(option), "aria-disabled": disabled || undefined, "aria-selected": value === selectedValue, className: value === activeOption?.value
                 ? "tds-select-option--active"
                 : undefined, id: `${baseId}-option-${value}`, onClick: disabled ? undefined : () => commitSelection(value), role: "option" }, label));
     };
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("button", { ref: triggerButtonRef, popovertarget: baseId, "aria-activedescendant": activeOptionId, "aria-controls": baseId, "aria-describedby": ariaDescribedBy, "aria-disabled": disabled ? "true" : undefined, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-invalid": invalid ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-required": required ? "true" : undefined, disabled: disabled, onBlur: handleButtonBlur, onClick: handleButtonClick, onFocus: handleButtonFocus, onKeyDown: handleKeyDown, role: "combobox", type: "button" }, selectedOption ? selectedOption.label : placeholder),
+        React__default.createElement("button", { ref: resolvedTriggerRef, popovertarget: baseId, "aria-activedescendant": activeOptionId, "aria-controls": baseId, "aria-describedby": ariaDescribedBy, "aria-disabled": disabled ? "true" : undefined, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-invalid": invalid ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-required": required ? "true" : undefined, disabled: disabled, onBlur: handleButtonBlur, onClick: handleButtonClick, onFocus: handleButtonFocus, onKeyDown: handleKeyDown, role: "combobox", type: "button" }, selectedOption ? selectedOption.label : placeholder),
         React__default.createElement("div", { ref: popoverRef, popover: "", id: baseId, role: "listbox", "aria-describedby": ariaDescribedBy, "aria-invalid": invalid ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-required": required ? "true" : undefined }, renderListSegments(segments, baseId, renderListOption)),
         React__default.createElement("select", { ...props, ref: setHiddenSelectRef, "aria-hidden": true, className: "tds-select-hidden-select", disabled: disabled, id: `${baseId}-control`, onChange: handleHiddenSelectChange, required: required, tabIndex: -1, value: selectedValue ?? "" },
             React__default.createElement("option", { value: "" }),

package/dist/components/select/SelectPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectPopover.js","sources":["../../../src/components/select/SelectPopover.tsx"],"sourcesContent":["import {\n  ComboboxAction,\n  getComboboxActionFromKey,\n  getUpdatedIndex,\n} from \"@utilities/keyboardUtils\"\nimport {\n  getIndexByLetter,\n  getSelectableOptionsFromSegments,\n  normalizeOptions,\n  type Segment,\n} from \"@utilities/selectUtils\"\nimport { useId } from \"@utilities/useId\"\nimport React, {\n  forwardRef,\n  type SelectHTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\n\nimport type { SelectItem, SelectOption } from \"./Select\"\nimport { SelectOptions } from \"./SelectOptions\"\n\ninterface ToggleEvent extends Event {\n  newState: \"closed\" | \"open\"\n  oldState: \"closed\" | \"open\"\n}\n\nexport interface SelectPopoverProps {\n  \"aria-describedby\"?: string\n  \"aria-label\"?: string\n  \"aria-labelledby\"?: string\n  defaultValue?: string\n  disabled?: boolean\n  id?: string\n  invalid?: boolean\n  /** A flat or mixed array of options and option groups. */\n  options: SelectItem[]\n  placeholder: string\n  required?: boolean\n  value?: string\n}\n\nexport type SelectPopoverElementProps = Omit<\n  SelectHTMLAttributes<HTMLSelectElement>,\n  keyof SelectPopoverProps | \"multiple\"\n> &\n  SelectPopoverProps\n\nconst Group = ({\n  children,\n  disabled,\n  id,\n  label,\n}: {\n  children: React.ReactNode\n  disabled?: boolean\n  id: string\n  label: string\n}) => (\n  <ul aria-disabled={disabled || undefined} aria-labelledby={id} role=\"group\">\n    <li id={id} role=\"presentation\">\n      <span>{label}</span>\n    </li>\n    {children}\n  </ul>\n)\n\nfunction renderListSegments(\n  segments: Segment[],\n  baseId: string,\n  renderItem: (option: SelectOption, index: number) => React.ReactNode\n) {\n  let flatIndex = 0\n\n  return segments.map((segment, segmentIndex) => {\n    const startIndex = flatIndex\n    flatIndex += segment.options.length\n\n    if (segment.type === \"group\") {\n      return (\n        <Group\n          key={`${segment.label}-${segmentIndex}`}\n          disabled={segment.disabled}\n          id={`${baseId}-group-${segmentIndex}`}\n          label={segment.label}\n        >\n          {segment.options.map((opt, i) => renderItem(opt, startIndex + i))}\n        </Group>\n      )\n    }\n\n    return (\n      <ul key={`options-${segmentIndex}`} role=\"presentation\">\n        {segment.options.map((opt, i) => renderItem(opt, startIndex + i))}\n      </ul>\n    )\n  })\n}\n\nexport const SelectPopover = forwardRef<\n  HTMLSelectElement,\n  SelectPopoverElementProps\n>(\n  (\n    {\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      defaultValue,\n      disabled,\n      id,\n      invalid,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      options,\n      placeholder,\n      required,\n      value,\n      ...props\n    }: SelectPopoverElementProps,\n    ref\n  ) => {\n    const stableId = useId()\n    const baseId = id || `tds-select-popover-${stableId}`\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(\n      defaultValue ?? null\n    )\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    const isControlled = value !== undefined\n    const selectedValue = isControlled ? (value ?? null) : uncontrolledValue\n\n    const { allOptions, segments } = useMemo(() => {\n      const segments = normalizeOptions(options)\n      const allOptions = getSelectableOptionsFromSegments(segments)\n      return { allOptions, segments }\n    }, [options])\n\n    const selectedOption = allOptions.find((opt) => opt.value === selectedValue)\n\n    const activeOption = activeIndex >= 0 ? allOptions[activeIndex] : undefined\n    const activeOptionId = activeOption\n      ? `${baseId}-option-${activeOption.value}`\n      : undefined\n\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const triggerButtonRef = useRef<HTMLButtonElement | null>(null)\n    const hiddenSelectRef = useRef<HTMLSelectElement | null>(null)\n    const pendingChangeValueRef = useRef<string | null>(null)\n    const searchStringRef = useRef(\"\")\n    const searchTimeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n    const setHiddenSelectRef = useCallback(\n      (element: HTMLSelectElement | null) => {\n        hiddenSelectRef.current = element\n        if (typeof ref === \"function\") {\n          ref(element)\n        } else if (ref) {\n          ref.current = element\n        }\n      },\n      [ref]\n    )\n\n    useEffect(() => {\n      const popoverEl = popoverRef.current\n      if (!popoverEl) return\n\n      const handleToggle = (e: Event) => {\n        const newIsOpen = (e as ToggleEvent).newState === \"open\"\n        setIsOpen(newIsOpen)\n\n        if (newIsOpen) {\n          const index = allOptions.findIndex(\n            (opt) => opt.value === selectedValue && !opt.disabled\n          )\n          if (index >= 0) {\n            setActiveIndex(index)\n          } else {\n            // Find first non-disabled option\n            const firstEnabledIndexOrFirstIndex = Math.max(\n              allOptions.findIndex((opt) => !opt.disabled),\n              0\n            )\n            setActiveIndex(firstEnabledIndexOrFirstIndex)\n          }\n        } else {\n          setActiveIndex(-1)\n        }\n      }\n\n      popoverEl.addEventListener(\"toggle\", handleToggle)\n      return () => popoverEl.removeEventListener(\"toggle\", handleToggle)\n    }, [allOptions, selectedValue])\n\n    useEffect(() => {\n      if (activeOptionId) {\n        document\n          .getElementById(activeOptionId)\n          ?.scrollIntoView({ block: \"nearest\" })\n      }\n    }, [activeOptionId])\n\n    useEffect(\n      () => () => {\n        clearTimeout(searchTimeoutRef.current)\n      },\n      []\n    )\n\n    const openPopover = () =>\n      popoverRef.current?.showPopover({ source: triggerButtonRef.current! })\n\n    const closePopover = () => popoverRef.current?.hidePopover()\n\n    const commitSelection = useCallback(\n      (nextValue: string) => {\n        if (nextValue === selectedValue) {\n          closePopover()\n          return\n        }\n\n        if (!isControlled) {\n          setUncontrolledValue(nextValue)\n        }\n\n        const hiddenEl = hiddenSelectRef.current\n        if (hiddenEl) {\n          pendingChangeValueRef.current = nextValue\n          hiddenEl.value = nextValue\n          hiddenEl.dispatchEvent(new Event(\"change\", { bubbles: true }))\n          if (isControlled) {\n            hiddenEl.value = value ?? \"\"\n          }\n        }\n\n        closePopover()\n      },\n      [isControlled, selectedValue, value]\n    )\n\n    const selectActiveOption = useCallback(() => {\n      if (activeOption && !activeOption.disabled) {\n        commitSelection(activeOption.value!)\n        return true\n      }\n      return false\n    }, [activeOption, commitSelection])\n\n    const commitActiveOptionOrClose = useCallback(() => {\n      if (!selectActiveOption()) {\n        closePopover()\n      }\n    }, [selectActiveOption])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) return\n\n      // Tab must not be prevented — allow native focus movement\n      if (e.key === \"Tab\" && isOpen) {\n        commitActiveOptionOrClose()\n        return\n      }\n\n      const action = getComboboxActionFromKey(e, isOpen)\n      if (!action) return\n\n      e.preventDefault()\n\n      switch (action) {\n        case ComboboxAction.OpenPopup:\n          openPopover()\n          break\n        case ComboboxAction.CommitAndClose:\n          commitActiveOptionOrClose()\n          break\n        case ComboboxAction.MoveFirst:\n        case ComboboxAction.MoveLast:\n          if (!isOpen) openPopover()\n          setActiveIndex(getUpdatedIndex(activeIndex, action, allOptions))\n          break\n        case ComboboxAction.MoveNext:\n        case ComboboxAction.MovePrevious:\n          setActiveIndex(getUpdatedIndex(activeIndex, action, allOptions))\n          break\n        case ComboboxAction.TypeCharacter: {\n          if (!isOpen) openPopover()\n\n          clearTimeout(searchTimeoutRef.current)\n          searchStringRef.current += e.key\n          searchTimeoutRef.current = setTimeout(() => {\n            searchStringRef.current = \"\"\n          }, 500)\n\n          const searchIndex = getIndexByLetter(\n            allOptions,\n            searchStringRef.current,\n            activeIndex\n          )\n          if (searchIndex >= 0) {\n            setActiveIndex(searchIndex)\n          }\n          break\n        }\n        case ComboboxAction.ClosePopup:\n          closePopover()\n          break\n      }\n    }\n\n    const createStableEventTarget = (\n      target: HTMLSelectElement,\n      valueSnapshot: string\n    ) => {\n      const proxy = Object.create(target)\n      Object.defineProperties(proxy, {\n        disabled: {\n          configurable: true,\n          enumerable: true,\n          value: target.disabled,\n        },\n        form: { configurable: true, enumerable: true, value: target.form },\n        name: { configurable: true, enumerable: true, value: target.name },\n        type: { configurable: true, enumerable: true, value: target.type },\n        value: { configurable: true, enumerable: true, value: valueSnapshot },\n      })\n      return proxy as HTMLSelectElement\n    }\n\n    const withSelectTarget = useCallback(\n      <\n        SourceEvent extends React.SyntheticEvent,\n        TargetEvent extends React.SyntheticEvent<HTMLSelectElement>,\n      >(\n        event: SourceEvent,\n        target: HTMLSelectElement,\n        currentTarget: HTMLSelectElement = target\n      ) => {\n        return Object.defineProperties(Object.create(event), {\n          currentTarget: { value: currentTarget },\n          target: { value: target },\n        }) as TargetEvent\n      },\n      []\n    )\n\n    const handleHiddenSelectChange = useCallback(\n      (event: React.ChangeEvent<HTMLSelectElement>) => {\n        if (!onChange) return\n\n        const valueSnapshot =\n          pendingChangeValueRef.current ?? event.currentTarget.value\n        pendingChangeValueRef.current = null\n\n        const stableEvent = withSelectTarget<\n          React.ChangeEvent<HTMLSelectElement>,\n          React.ChangeEvent<HTMLSelectElement>\n        >(\n          event,\n          createStableEventTarget(\n            event.target as HTMLSelectElement,\n            valueSnapshot\n          ),\n          createStableEventTarget(event.currentTarget, valueSnapshot)\n        )\n\n        onChange(stableEvent)\n      },\n      [onChange, withSelectTarget]\n    )\n\n    const forwardEventToSelect = useCallback(\n      <\n        ButtonEvent extends React.SyntheticEvent<HTMLButtonElement>,\n        SelectEvent extends React.SyntheticEvent<HTMLSelectElement>,\n      >(\n        event: ButtonEvent,\n        handler?: (event: SelectEvent) => void\n      ) => {\n        if (!handler) return\n\n        const hiddenEl = hiddenSelectRef.current\n        if (!hiddenEl) return\n\n        const stableEvent = withSelectTarget<ButtonEvent, SelectEvent>(\n          event,\n          hiddenEl\n        )\n\n        handler(stableEvent)\n      },\n      [withSelectTarget]\n    )\n\n    const handleButtonBlur = useCallback(\n      (event: React.FocusEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.FocusEvent<HTMLButtonElement>,\n          React.FocusEvent<HTMLSelectElement>\n        >(event, onBlur)\n      },\n      [forwardEventToSelect, onBlur]\n    )\n\n    const handleButtonClick = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.MouseEvent<HTMLButtonElement>,\n          React.MouseEvent<HTMLSelectElement>\n        >(event, onClick)\n      },\n      [forwardEventToSelect, onClick]\n    )\n\n    const handleButtonFocus = useCallback(\n      (event: React.FocusEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.FocusEvent<HTMLButtonElement>,\n          React.FocusEvent<HTMLSelectElement>\n        >(event, onFocus)\n      },\n      [forwardEventToSelect, onFocus]\n    )\n\n    const renderListOption = (\n      { disabled, divider, label, value }: SelectOption,\n      index: number\n    ) => {\n      if (divider) return <li key={index} role=\"separator\" />\n      return (\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard events are handled on the combobox button\n        <li\n          key={value}\n          aria-disabled={disabled || undefined}\n          aria-selected={value === selectedValue}\n          className={\n            value === activeOption?.value\n              ? \"tds-select-option--active\"\n              : undefined\n          }\n          id={`${baseId}-option-${value}`}\n          onClick={disabled ? undefined : () => commitSelection(value!)}\n          role=\"option\"\n        >\n          {label}\n        </li>\n      )\n    }\n\n    return (\n      <>\n        <button\n          ref={triggerButtonRef}\n          popovertarget={baseId}\n          aria-activedescendant={activeOptionId}\n          aria-controls={baseId}\n          aria-describedby={ariaDescribedBy}\n          aria-disabled={disabled ? \"true\" : undefined}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-invalid={invalid ? \"true\" : undefined}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-required={required ? \"true\" : undefined}\n          disabled={disabled}\n          onBlur={handleButtonBlur}\n          onClick={handleButtonClick}\n          onFocus={handleButtonFocus}\n          onKeyDown={handleKeyDown}\n          role=\"combobox\"\n          type=\"button\"\n        >\n          {selectedOption ? selectedOption.label : placeholder}\n        </button>\n        <div\n          ref={popoverRef}\n          popover=\"\"\n          id={baseId}\n          role=\"listbox\"\n          aria-describedby={ariaDescribedBy}\n          aria-invalid={invalid ? \"true\" : undefined}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-required={required ? \"true\" : undefined}\n        >\n          {renderListSegments(segments, baseId, renderListOption)}\n        </div>\n        <select\n          {...props}\n          ref={setHiddenSelectRef}\n          aria-hidden\n          className=\"tds-select-hidden-select\"\n          disabled={disabled}\n          id={`${baseId}-control`}\n          onChange={handleHiddenSelectChange}\n          required={required}\n          tabIndex={-1}\n          value={selectedValue ?? \"\"}\n        >\n          <option value=\"\" />\n          <SelectOptions items={options} />\n        </select>\n      </>\n    )\n  }\n)\n\nSelectPopover.displayName = \"SelectPopover\"\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SelectPopover.js","sources":["../../../src/components/select/SelectPopover.tsx"],"sourcesContent":["import {\n  ComboboxAction,\n  getComboboxActionFromKey,\n  getUpdatedIndex,\n} from \"@utilities/keyboardUtils\"\nimport {\n  getDataAttributes,\n  getIndexByLetter,\n  getSelectableOptionsFromSegments,\n  normalizeOptions,\n  type Segment,\n} from \"@utilities/selectUtils\"\nimport { useId } from \"@utilities/useId\"\nimport React, {\n  forwardRef,\n  type SelectHTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\n\nimport type { SelectItem, SelectOption } from \"./Select\"\nimport { SelectOptions } from \"./SelectOptions\"\n\ninterface ToggleEvent extends Event {\n  newState: \"closed\" | \"open\"\n  oldState: \"closed\" | \"open\"\n}\n\nexport interface SelectPopoverProps {\n  \"aria-describedby\"?: string\n  \"aria-label\"?: string\n  \"aria-labelledby\"?: string\n  defaultValue?: string\n  disabled?: boolean\n  id?: string\n  invalid?: boolean\n  /** A flat or mixed array of options and option groups. */\n  options: SelectItem[]\n  placeholder: string\n  required?: boolean\n  triggerRef?: React.RefObject<HTMLButtonElement>\n  value?: string\n}\n\nexport type SelectPopoverElementProps = Omit<\n  SelectHTMLAttributes<HTMLSelectElement>,\n  keyof SelectPopoverProps | \"multiple\"\n> &\n  SelectPopoverProps\n\nconst Group = ({\n  children,\n  disabled,\n  id,\n  label,\n}: {\n  children: React.ReactNode\n  disabled?: boolean\n  id: string\n  label: string\n}) => (\n  <ul aria-disabled={disabled || undefined} aria-labelledby={id} role=\"group\">\n    <li id={id} role=\"presentation\">\n      <span>{label}</span>\n    </li>\n    {children}\n  </ul>\n)\n\nfunction renderListSegments(\n  segments: Segment[],\n  baseId: string,\n  renderItem: (option: SelectOption, index: number) => React.ReactNode\n) {\n  let flatIndex = 0\n\n  return segments.map((segment, segmentIndex) => {\n    const startIndex = flatIndex\n    flatIndex += segment.options.length\n\n    if (segment.type === \"group\") {\n      return (\n        <Group\n          key={`${segment.label}-${segmentIndex}`}\n          disabled={segment.disabled}\n          id={`${baseId}-group-${segmentIndex}`}\n          label={segment.label}\n        >\n          {segment.options.map((opt, i) => renderItem(opt, startIndex + i))}\n        </Group>\n      )\n    }\n\n    return (\n      <ul key={`options-${segmentIndex}`} role=\"presentation\">\n        {segment.options.map((opt, i) => renderItem(opt, startIndex + i))}\n      </ul>\n    )\n  })\n}\n\nexport const SelectPopover = forwardRef<\n  HTMLSelectElement,\n  SelectPopoverElementProps\n>(\n  (\n    {\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      defaultValue,\n      disabled,\n      id,\n      invalid,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      options,\n      placeholder,\n      required,\n      triggerRef,\n      value,\n      ...props\n    }: SelectPopoverElementProps,\n    ref\n  ) => {\n    const stableId = useId()\n    const baseId = id || `tds-select-popover-${stableId}`\n\n    const [isOpen, setIsOpen] = useState(false)\n    const [uncontrolledValue, setUncontrolledValue] = useState<string | null>(\n      defaultValue ?? null\n    )\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    const isControlled = value !== undefined\n    const selectedValue = isControlled ? (value ?? null) : uncontrolledValue\n\n    const { allOptions, segments } = useMemo(() => {\n      const segments = normalizeOptions(options)\n      const allOptions = getSelectableOptionsFromSegments(segments)\n      return { allOptions, segments }\n    }, [options])\n\n    const selectedOption = allOptions.find((opt) => opt.value === selectedValue)\n\n    const activeOption = activeIndex >= 0 ? allOptions[activeIndex] : undefined\n    const activeOptionId = activeOption\n      ? `${baseId}-option-${activeOption.value}`\n      : undefined\n\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const internalTriggerRef = useRef<HTMLButtonElement | null>(null)\n    const resolvedTriggerRef = triggerRef ?? internalTriggerRef\n    const hiddenSelectRef = useRef<HTMLSelectElement | null>(null)\n    const pendingChangeValueRef = useRef<string | null>(null)\n    const searchStringRef = useRef(\"\")\n    const searchTimeoutRef = useRef<ReturnType<typeof setTimeout>>()\n\n    const setHiddenSelectRef = useCallback(\n      (element: HTMLSelectElement | null) => {\n        hiddenSelectRef.current = element\n        if (typeof ref === \"function\") {\n          ref(element)\n        } else if (ref) {\n          ref.current = element\n        }\n      },\n      [ref]\n    )\n\n    useEffect(() => {\n      const popoverEl = popoverRef.current\n      if (!popoverEl) return\n\n      const handleToggle = (e: Event) => {\n        const newIsOpen = (e as ToggleEvent).newState === \"open\"\n        setIsOpen(newIsOpen)\n\n        if (newIsOpen) {\n          const index = allOptions.findIndex(\n            (opt) => opt.value === selectedValue && !opt.disabled\n          )\n          if (index >= 0) {\n            setActiveIndex(index)\n          } else {\n            // Find first non-disabled option\n            const firstEnabledIndexOrFirstIndex = Math.max(\n              allOptions.findIndex((opt) => !opt.disabled),\n              0\n            )\n            setActiveIndex(firstEnabledIndexOrFirstIndex)\n          }\n        } else {\n          setActiveIndex(-1)\n        }\n      }\n\n      popoverEl.addEventListener(\"toggle\", handleToggle)\n      return () => popoverEl.removeEventListener(\"toggle\", handleToggle)\n    }, [allOptions, selectedValue])\n\n    useEffect(() => {\n      if (activeOptionId) {\n        document\n          .getElementById(activeOptionId)\n          ?.scrollIntoView({ block: \"nearest\" })\n      }\n    }, [activeOptionId])\n\n    useEffect(\n      () => () => {\n        clearTimeout(searchTimeoutRef.current)\n      },\n      []\n    )\n\n    const openPopover = () =>\n      popoverRef.current?.showPopover({ source: resolvedTriggerRef.current! })\n\n    const closePopover = () => popoverRef.current?.hidePopover()\n\n    const commitSelection = useCallback(\n      (nextValue: string) => {\n        if (nextValue === selectedValue) {\n          closePopover()\n          return\n        }\n\n        if (!isControlled) {\n          setUncontrolledValue(nextValue)\n        }\n\n        const hiddenEl = hiddenSelectRef.current\n        if (hiddenEl) {\n          pendingChangeValueRef.current = nextValue\n          hiddenEl.value = nextValue\n          hiddenEl.dispatchEvent(new Event(\"change\", { bubbles: true }))\n          if (isControlled) {\n            hiddenEl.value = value ?? \"\"\n          }\n        }\n\n        closePopover()\n      },\n      [isControlled, selectedValue, value]\n    )\n\n    const selectActiveOption = useCallback(() => {\n      if (activeOption && !activeOption.disabled) {\n        commitSelection(activeOption.value!)\n        return true\n      }\n      return false\n    }, [activeOption, commitSelection])\n\n    const commitActiveOptionOrClose = useCallback(() => {\n      if (!selectActiveOption()) {\n        closePopover()\n      }\n    }, [selectActiveOption])\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      if (disabled) return\n\n      // Tab must not be prevented — allow native focus movement\n      if (e.key === \"Tab\" && isOpen) {\n        commitActiveOptionOrClose()\n        return\n      }\n\n      const action = getComboboxActionFromKey(e, isOpen)\n      if (!action) return\n\n      e.preventDefault()\n\n      switch (action) {\n        case ComboboxAction.OpenPopup:\n          openPopover()\n          break\n        case ComboboxAction.CommitAndClose:\n          commitActiveOptionOrClose()\n          break\n        case ComboboxAction.MoveFirst:\n        case ComboboxAction.MoveLast:\n          if (!isOpen) openPopover()\n          setActiveIndex(getUpdatedIndex(activeIndex, action, allOptions))\n          break\n        case ComboboxAction.MoveNext:\n        case ComboboxAction.MovePrevious:\n          setActiveIndex(getUpdatedIndex(activeIndex, action, allOptions))\n          break\n        case ComboboxAction.TypeCharacter: {\n          if (!isOpen) openPopover()\n\n          clearTimeout(searchTimeoutRef.current)\n          searchStringRef.current += e.key\n          searchTimeoutRef.current = setTimeout(() => {\n            searchStringRef.current = \"\"\n          }, 500)\n\n          const searchIndex = getIndexByLetter(\n            allOptions,\n            searchStringRef.current,\n            activeIndex\n          )\n          if (searchIndex >= 0) {\n            setActiveIndex(searchIndex)\n          }\n          break\n        }\n        case ComboboxAction.ClosePopup:\n          closePopover()\n          break\n      }\n    }\n\n    const createStableEventTarget = (\n      target: HTMLSelectElement,\n      valueSnapshot: string\n    ) => {\n      const proxy = Object.create(target)\n      Object.defineProperties(proxy, {\n        disabled: {\n          configurable: true,\n          enumerable: true,\n          value: target.disabled,\n        },\n        form: { configurable: true, enumerable: true, value: target.form },\n        name: { configurable: true, enumerable: true, value: target.name },\n        type: { configurable: true, enumerable: true, value: target.type },\n        value: { configurable: true, enumerable: true, value: valueSnapshot },\n      })\n      return proxy as HTMLSelectElement\n    }\n\n    const withSelectTarget = useCallback(\n      <\n        SourceEvent extends React.SyntheticEvent,\n        TargetEvent extends React.SyntheticEvent<HTMLSelectElement>,\n      >(\n        event: SourceEvent,\n        target: HTMLSelectElement,\n        currentTarget: HTMLSelectElement = target\n      ) => {\n        return Object.defineProperties(Object.create(event), {\n          currentTarget: { value: currentTarget },\n          target: { value: target },\n        }) as TargetEvent\n      },\n      []\n    )\n\n    const handleHiddenSelectChange = useCallback(\n      (event: React.ChangeEvent<HTMLSelectElement>) => {\n        if (!onChange) return\n\n        const valueSnapshot =\n          pendingChangeValueRef.current ?? event.currentTarget.value\n        pendingChangeValueRef.current = null\n\n        const stableEvent = withSelectTarget<\n          React.ChangeEvent<HTMLSelectElement>,\n          React.ChangeEvent<HTMLSelectElement>\n        >(\n          event,\n          createStableEventTarget(\n            event.target as HTMLSelectElement,\n            valueSnapshot\n          ),\n          createStableEventTarget(event.currentTarget, valueSnapshot)\n        )\n\n        onChange(stableEvent)\n      },\n      [onChange, withSelectTarget]\n    )\n\n    const forwardEventToSelect = useCallback(\n      <\n        ButtonEvent extends React.SyntheticEvent<HTMLButtonElement>,\n        SelectEvent extends React.SyntheticEvent<HTMLSelectElement>,\n      >(\n        event: ButtonEvent,\n        handler?: (event: SelectEvent) => void\n      ) => {\n        if (!handler) return\n\n        const hiddenEl = hiddenSelectRef.current\n        if (!hiddenEl) return\n\n        const stableEvent = withSelectTarget<ButtonEvent, SelectEvent>(\n          event,\n          hiddenEl\n        )\n\n        handler(stableEvent)\n      },\n      [withSelectTarget]\n    )\n\n    const handleButtonBlur = useCallback(\n      (event: React.FocusEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.FocusEvent<HTMLButtonElement>,\n          React.FocusEvent<HTMLSelectElement>\n        >(event, onBlur)\n      },\n      [forwardEventToSelect, onBlur]\n    )\n\n    const handleButtonClick = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.MouseEvent<HTMLButtonElement>,\n          React.MouseEvent<HTMLSelectElement>\n        >(event, onClick)\n      },\n      [forwardEventToSelect, onClick]\n    )\n\n    const handleButtonFocus = useCallback(\n      (event: React.FocusEvent<HTMLButtonElement>) => {\n        forwardEventToSelect<\n          React.FocusEvent<HTMLButtonElement>,\n          React.FocusEvent<HTMLSelectElement>\n        >(event, onFocus)\n      },\n      [forwardEventToSelect, onFocus]\n    )\n\n    const renderListOption = (option: SelectOption, index: number) => {\n      const { disabled, divider, label, value } = option\n      if (divider) return <li key={index} role=\"separator\" />\n      return (\n        // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard events are handled on the combobox button\n        <li\n          key={value}\n          {...getDataAttributes(option)}\n          aria-disabled={disabled || undefined}\n          aria-selected={value === selectedValue}\n          className={\n            value === activeOption?.value\n              ? \"tds-select-option--active\"\n              : undefined\n          }\n          id={`${baseId}-option-${value}`}\n          onClick={disabled ? undefined : () => commitSelection(value!)}\n          role=\"option\"\n        >\n          {label}\n        </li>\n      )\n    }\n\n    return (\n      <>\n        <button\n          ref={resolvedTriggerRef}\n          popovertarget={baseId}\n          aria-activedescendant={activeOptionId}\n          aria-controls={baseId}\n          aria-describedby={ariaDescribedBy}\n          aria-disabled={disabled ? \"true\" : undefined}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-invalid={invalid ? \"true\" : undefined}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-required={required ? \"true\" : undefined}\n          disabled={disabled}\n          onBlur={handleButtonBlur}\n          onClick={handleButtonClick}\n          onFocus={handleButtonFocus}\n          onKeyDown={handleKeyDown}\n          role=\"combobox\"\n          type=\"button\"\n        >\n          {selectedOption ? selectedOption.label : placeholder}\n        </button>\n        <div\n          ref={popoverRef}\n          popover=\"\"\n          id={baseId}\n          role=\"listbox\"\n          aria-describedby={ariaDescribedBy}\n          aria-invalid={invalid ? \"true\" : undefined}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-required={required ? \"true\" : undefined}\n        >\n          {renderListSegments(segments, baseId, renderListOption)}\n        </div>\n        <select\n          {...props}\n          ref={setHiddenSelectRef}\n          aria-hidden\n          className=\"tds-select-hidden-select\"\n          disabled={disabled}\n          id={`${baseId}-control`}\n          onChange={handleHiddenSelectChange}\n          required={required}\n          tabIndex={-1}\n          value={selectedValue ?? \"\"}\n        >\n          <option value=\"\" />\n          <SelectOptions items={options} />\n        </select>\n      </>\n    )\n  }\n)\n\nSelectPopover.displayName = \"SelectPopover\"\n"],"names":["React"],"mappings":"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"}

package/dist/components/text-area/TextArea.d.ts

@@ -3,30 +3,31 @@ import React, { type TextareaHTMLAttributes } from "react";
 export type TextAreaResize = "auto" | "none" | "vertical";
 export type TextAreaSize = "lg" | "md";
 interface TextAreaBaseProps {
-    /** Helper text displayed below the field. Styles as error text when `invalid` is true. */
+    /** Helper text displayed below the textarea. Styled as error text when `invalid`. */
     description?: string;
-    /** If true, applies error styling to border and description. */
+    /** Whether the textarea is in an invalid state. */
     invalid?: boolean;
-    /** Controls resize behavior. Defaults to `'vertical'`. */
+    /** Controls resize behavior. */
     resize?: TextAreaResize;
-    /** Specifies visible height in lines. Defaults to `3`. */
+    /** Visible height in lines. */
     rows?: number;
-    /** Controls spacing and font size. Defaults to `'md'`. */
+    /** The size of the textarea. */
     size?: TextAreaSize;
 }
 interface TextAreaWithVisibleLabel extends TextAreaBaseProps {
-    /** If true, label is rendered as aria-label instead of visible label */
+    /** If true, the label is visually hidden and set as aria-label. */
     hideLabel?: false;
-    /** Label text displayed above the textarea */
+    /** The label text for the textarea. */
     label: React.ReactNode;
 }
 interface TextAreaWithHiddenLabel extends TextAreaBaseProps {
-    /** If true, label is rendered as aria-label instead of visible label */
+    /** If true, the label is visually hidden and set as aria-label. */
     hideLabel: true;
-    /** Label text used as aria-label (must be string when hidden) */
+    /** The label text for the textarea. Must be a string when hidden. */
     label: string;
 }
 interface TextAreaWithAriaLabelledBy extends TextAreaBaseProps {
+    /** ID of an external label element. Use instead of `label`. */
     "aria-labelledby": string;
     hideLabel?: never;
     label?: never;

package/dist/components/text-area/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/text-area/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAEtE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtC,UAAU,iBAAiB;IACzB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0DAA0D;IAC1D,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,UAAU,wBAAyB,SAAQ,iBAAiB;IAC1D,wEAAwE;IACxE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,8CAA8C;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,wEAAwE;IACxE,SAAS,EAAE,IAAI,CAAA;IACf,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,GAC3B,0BAA0B,GAC1B,uBAAuB,GACvB,wBAAwB,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,mBAAmB,GAAG,MAAM,CACnC,GACC,mBAAmB,CAAA;AAErB,eAAO,MAAM,QAAQ,2FAoDpB,CAAA"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/text-area/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAEtE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEzD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAA;AAEtC,UAAU,iBAAiB;IACzB,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,gCAAgC;IAChC,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gCAAgC;IAChC,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB;AAED,UAAU,wBAAyB,SAAQ,iBAAiB;IAC1D,mEAAmE;IACnE,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,uCAAuC;IACvC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,UAAU,uBAAwB,SAAQ,iBAAiB;IACzD,mEAAmE;IACnE,SAAS,EAAE,IAAI,CAAA;IACf,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,0BAA2B,SAAQ,iBAAiB;IAC5D,+DAA+D;IAC/D,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,MAAM,MAAM,mBAAmB,GAC3B,0BAA0B,GAC1B,uBAAuB,GACvB,wBAAwB,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,MAAM,mBAAmB,GAAG,MAAM,CACnC,GACC,mBAAmB,CAAA;AAErB,eAAO,MAAM,QAAQ,2FAoDpB,CAAA"}

package/dist/components/text-area/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { InputTextBase } from \"@components/input-text-base\"\nimport classNames from \"classnames\"\nimport React, { forwardRef, type TextareaHTMLAttributes } from \"react\"\n\nexport type TextAreaResize = \"auto\" | \"none\" | \"vertical\"\n\nexport type TextAreaSize = \"lg\" | \"md\"\n\ninterface TextAreaBaseProps {\n  /** Helper text displayed below the field. Styles as error text when `invalid` is true. */\n  description?: string\n  /** If true, applies error styling to border and description. */\n  invalid?: boolean\n  /** Controls resize behavior. Defaults to `'vertical'`. */\n  resize?: TextAreaResize\n  /** Specifies visible height in lines. Defaults to `3`. */\n  rows?: number\n  /** Controls spacing and font size. Defaults to `'md'`. */\n  size?: TextAreaSize\n}\n\ninterface TextAreaWithVisibleLabel extends TextAreaBaseProps {\n  /** If true, label is rendered as aria-label instead of visible label */\n  hideLabel?: false\n  /** Label text displayed above the textarea */\n  label: React.ReactNode\n}\n\ninterface TextAreaWithHiddenLabel extends TextAreaBaseProps {\n  /** If true, label is rendered as aria-label instead of visible label */\n  hideLabel: true\n  /** Label text used as aria-label (must be string when hidden) */\n  label: string\n}\n\ninterface TextAreaWithAriaLabelledBy extends TextAreaBaseProps {\n  \"aria-labelledby\": string\n  hideLabel?: never\n  label?: never\n}\n\nexport type TextAreaCustomProps =\n  | TextAreaWithAriaLabelledBy\n  | TextAreaWithHiddenLabel\n  | TextAreaWithVisibleLabel\n\nexport type TextAreaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  keyof TextAreaCustomProps | \"rows\"\n> &\n  TextAreaCustomProps\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      className,\n      description,\n      hideLabel,\n      id,\n      invalid,\n      label,\n      resize = \"vertical\",\n      rows = 3,\n      size = \"md\",\n      ...restProps\n    }: TextAreaProps,\n    ref\n  ) {\n    const wrapperClassName = classNames(\n      {\n        \"tds-textarea--resize-auto\": resize === \"auto\",\n        \"tds-textarea--resize-none\": resize === \"none\",\n        \"tds-textarea--resize-vertical\": resize === \"vertical\",\n      },\n      className\n    )\n\n    return (\n      <InputTextBase\n        className={wrapperClassName}\n        description={description}\n        hideLabel={hideLabel || !!ariaLabelledBy}\n        id={id}\n        invalid={invalid}\n        label={label}\n        size={size}\n      >\n        {({ descriptionId, inputId }) => (\n          <textarea\n            {...restProps}\n            aria-describedby={descriptionId}\n            aria-invalid={invalid || undefined}\n            aria-label={hideLabel ? ariaLabel || (label as string) : ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            id={inputId}\n            ref={ref}\n            rows={rows}\n          />\n        )}\n      </InputTextBase>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n"],"names":["React"],"mappings":";;;;MAsDa,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,IAAI,EACX,GAAG,SAAS,EACE,EAChB,GAAG,EAAA;IAEH,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,+BAA+B,EAAE,MAAM,KAAK,UAAU;KACvD,EACD,SAAS,CACV;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,cAAc,EACxC,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EAAA,EAET,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAC1BA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GACM,SAAS,EAAA,kBAAA,EACK,aAAa,kBACjB,OAAO,IAAI,SAAS,EAAA,YAAA,EACtB,SAAS,GAAG,SAAS,IAAK,KAAgB,GAAG,SAAS,qBACjD,cAAc,EAC/B,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,CACH,CACa;AAEpB,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/text-area/TextArea.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { InputTextBase } from \"@components/input-text-base\"\nimport classNames from \"classnames\"\nimport React, { forwardRef, type TextareaHTMLAttributes } from \"react\"\n\nexport type TextAreaResize = \"auto\" | \"none\" | \"vertical\"\n\nexport type TextAreaSize = \"lg\" | \"md\"\n\ninterface TextAreaBaseProps {\n  /** Helper text displayed below the textarea. Styled as error text when `invalid`. */\n  description?: string\n  /** Whether the textarea is in an invalid state. */\n  invalid?: boolean\n  /** Controls resize behavior. */\n  resize?: TextAreaResize\n  /** Visible height in lines. */\n  rows?: number\n  /** The size of the textarea. */\n  size?: TextAreaSize\n}\n\ninterface TextAreaWithVisibleLabel extends TextAreaBaseProps {\n  /** If true, the label is visually hidden and set as aria-label. */\n  hideLabel?: false\n  /** The label text for the textarea. */\n  label: React.ReactNode\n}\n\ninterface TextAreaWithHiddenLabel extends TextAreaBaseProps {\n  /** If true, the label is visually hidden and set as aria-label. */\n  hideLabel: true\n  /** The label text for the textarea. Must be a string when hidden. */\n  label: string\n}\n\ninterface TextAreaWithAriaLabelledBy extends TextAreaBaseProps {\n  /** ID of an external label element. Use instead of `label`. */\n  \"aria-labelledby\": string\n  hideLabel?: never\n  label?: never\n}\n\nexport type TextAreaCustomProps =\n  | TextAreaWithAriaLabelledBy\n  | TextAreaWithHiddenLabel\n  | TextAreaWithVisibleLabel\n\nexport type TextAreaProps = Omit<\n  TextareaHTMLAttributes<HTMLTextAreaElement>,\n  keyof TextAreaCustomProps | \"rows\"\n> &\n  TextAreaCustomProps\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledBy,\n      className,\n      description,\n      hideLabel,\n      id,\n      invalid,\n      label,\n      resize = \"vertical\",\n      rows = 3,\n      size = \"md\",\n      ...restProps\n    }: TextAreaProps,\n    ref\n  ) {\n    const wrapperClassName = classNames(\n      {\n        \"tds-textarea--resize-auto\": resize === \"auto\",\n        \"tds-textarea--resize-none\": resize === \"none\",\n        \"tds-textarea--resize-vertical\": resize === \"vertical\",\n      },\n      className\n    )\n\n    return (\n      <InputTextBase\n        className={wrapperClassName}\n        description={description}\n        hideLabel={hideLabel || !!ariaLabelledBy}\n        id={id}\n        invalid={invalid}\n        label={label}\n        size={size}\n      >\n        {({ descriptionId, inputId }) => (\n          <textarea\n            {...restProps}\n            aria-describedby={descriptionId}\n            aria-invalid={invalid || undefined}\n            aria-label={hideLabel ? ariaLabel || (label as string) : ariaLabel}\n            aria-labelledby={ariaLabelledBy}\n            id={inputId}\n            ref={ref}\n            rows={rows}\n          />\n        )}\n      </InputTextBase>\n    )\n  }\n)\n\nTextArea.displayName = \"TextArea\"\n"],"names":["React"],"mappings":";;;;MAuDa,QAAQ,GAAG,UAAU,CAChC,SAAS,QAAQ,CACf,EACE,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAS,EACT,WAAW,EACX,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,MAAM,GAAG,UAAU,EACnB,IAAI,GAAG,CAAC,EACR,IAAI,GAAG,IAAI,EACX,GAAG,SAAS,EACE,EAChB,GAAG,EAAA;IAEH,MAAM,gBAAgB,GAAG,UAAU,CACjC;QACE,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,2BAA2B,EAAE,MAAM,KAAK,MAAM;QAC9C,+BAA+B,EAAE,MAAM,KAAK,UAAU;KACvD,EACD,SAAS,CACV;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,IACZ,SAAS,EAAE,gBAAgB,EAC3B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,IAAI,CAAC,CAAC,cAAc,EACxC,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EAAA,EAET,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,MAC1BA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,GACM,SAAS,EAAA,kBAAA,EACK,aAAa,kBACjB,OAAO,IAAI,SAAS,EAAA,YAAA,EACtB,SAAS,GAAG,SAAS,IAAK,KAAgB,GAAG,SAAS,qBACjD,cAAc,EAC/B,EAAE,EAAE,OAAO,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,CACH,CACa;AAEpB,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}