@deephaven/components 1.20.0 → 1.21.1

package/dist/spectrum/multiSelect/MultiSelect.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/spectrum/multiSelect/MultiSelect.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAOJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAMN;EACE;;AAKA;EACE;;AAMF;EACE;;AAOA;EACE;;AAMF;EACE;;AAQF;EACE;;AAMF;EACE;;AAQF;EACE;;AAGF;EACE;;AAMN;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAMN;EACE;;AAIF;EACE;EACA;EACA;;AAQA;EACE;EACA;EAEA;;AAIA;EACE;;AAGF;EACE;;AAEA;EACE;;AAMJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAKJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAOJ;EACE;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAOA;EACE;;AAMF;EACE;;AAQF;EACE;;AAMF;EACE;;AASF;EACE;;AAGF;EACE;;;AAQV;EACE;EACA;EACA;EACA;EACA;EAGA;EAYA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EAIA;EACA;EAIA;EAIA;EACA;EAIA;EAIA;EAIA,YACE;;AAKF;EACE;EAIA;EAIA;;AAMF;EACE;EAIA;EAIA;EAIA;;;AAKJ;EACE;EACA;EACA;EACA;EAOA;;AAGA;EACE;;;AAQJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAUA;;AAEA;EACE;;AAOF;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,YACE;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EAIA;;AAKA;EACE;;;AASN;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EAIA;EAIA;;;AAOF;EACE;EACA;EACA;EAEA;EACA;;;AAKF;EACE;EACA","file":"MultiSelect.css","sourcesContent":["/* stylelint-disable no-descending-specificity */\n.dh-multi-select-trigger {\n  display: flex;\n  align-items: stretch;\n  border: none;\n  border-radius: var(--spectrum-alias-border-radius-regular, 4px);\n  background-color: var(--dh-color-input-bg);\n  color: var(--dh-color-input-fg);\n  cursor: pointer;\n  outline: none;\n  position: relative;\n  min-height: var(\n    --spectrum-alias-single-line-height,\n    var(--spectrum-global-dimension-size-400, 32px)\n  );\n\n  // Visual border via ::after: paints on top of all children (including chevron)\n  &::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 1px solid var(--dh-color-input-border);\n    border-radius: var(--spectrum-alias-border-radius-regular, 4px);\n    pointer-events: none;\n    transition: border-color 130ms ease-in-out;\n  }\n\n  // Hover state: :not(.is-focused) ensures focus styles take precedence\n  &:hover:not(.is-disabled):not(.is-read-only):not(.is-focused) {\n    &::after {\n      border-color: var(--dh-color-input-hover-border);\n    }\n\n    .dh-multi-select-chevron {\n      color: var(--dh-color-selector-hover-fg);\n      background-color: var(--dh-color-selector-hover-bg);\n\n      &::before {\n        border-left-color: var(--dh-color-input-hover-border);\n      }\n    }\n  }\n\n  // Focus state: applied by FocusRing `focusClass`\n  &.is-focused {\n    &::after {\n      border-color: var(--dh-color-input-focus-border);\n    }\n\n    .dh-multi-select-chevron:not(.is-open) {\n      background-color: var(--dh-color-selector-hover-bg);\n\n      &::before {\n        border-left-color: var(--dh-color-input-focus-border);\n      }\n    }\n  }\n\n  // Focus ring: applied by FocusRing `focusRingClass`\n  &.focus-ring {\n    box-shadow: 0 0 0 1px var(--dh-color-input-focus-border);\n  }\n\n  // Invalid state: outer border + chevron divider red.\n  &.is-invalid {\n    &::after {\n      border-color: var(\n        --spectrum-textfield-border-color-error,\n        var(--spectrum-red-900)\n      );\n    }\n\n    .dh-multi-select-chevron::before {\n      border-left-color: var(\n        --spectrum-textfield-border-color-error,\n        var(--spectrum-red-900)\n      );\n    }\n\n    &:hover:not(.is-disabled):not(.is-read-only):not(.is-focused) {\n      &::after {\n        border-color: var(\n          --spectrum-textfield-border-color-error-hover,\n          var(--spectrum-red-1000)\n        );\n      }\n\n      .dh-multi-select-chevron::before {\n        border-left-color: var(\n          --spectrum-textfield-border-color-error-hover,\n          var(--spectrum-red-1000)\n        );\n      }\n    }\n\n    &:active:not(.is-disabled):not(.is-read-only) {\n      &::after {\n        border-color: var(\n          --spectrum-textfield-border-color-error-down,\n          var(--spectrum-red-1100)\n        );\n      }\n\n      .dh-multi-select-chevron::before {\n        border-left-color: var(\n          --spectrum-textfield-border-color-error-down,\n          var(--spectrum-red-1100)\n        );\n      }\n    }\n\n    &.is-focused {\n      &::after {\n        border-color: var(--dh-color-input-focus-border);\n      }\n\n      .dh-multi-select-chevron::before {\n        border-left-color: var(--dh-color-input-focus-border);\n      }\n    }\n  }\n\n  // Disabled state\n  &.is-disabled {\n    background-color: var(--dh-color-input-disabled-bg);\n    color: var(--dh-color-input-disabled-fg);\n    cursor: default;\n\n    &::after {\n      border-color: var(--dh-color-input-disabled-border);\n    }\n\n    .dh-multi-select-chevron {\n      color: var(--dh-color-selector-disabled-fg);\n      background-color: var(--dh-color-input-disabled-bg);\n\n      &::before {\n        border-left-color: var(--dh-color-input-disabled-border);\n      }\n    }\n  }\n\n  // Read-only state\n  &.is-read-only {\n    cursor: default;\n  }\n\n  // Quiet variant: matches Spectrum ComboBox quiet\n  &.is-quiet {\n    background: none;\n    border-radius: 0;\n    min-width: calc(\n      2 *\n        var(\n          --spectrum-dropdown-height,\n          var(--spectrum-global-dimension-size-400, 32px)\n        )\n    );\n\n    &::after {\n      border: none;\n      border-bottom: var(--spectrum-alias-input-border-size, 1px) solid\n        var(--dh-color-input-border);\n      border-radius: 0;\n    }\n\n    &:hover:not(.is-disabled):not(.is-read-only):not(.is-focused) {\n      &::after {\n        border-bottom-color: var(--dh-color-input-hover-border);\n      }\n\n      .dh-multi-select-chevron {\n        background-color: transparent;\n\n        &::before {\n          border-bottom-color: var(--dh-color-input-hover-border);\n        }\n      }\n    }\n\n    &.is-focused {\n      &::after {\n        border-bottom-color: var(--dh-color-input-focus-border);\n      }\n\n      .dh-multi-select-chevron:not(.is-open) {\n        background-color: transparent;\n      }\n\n      .dh-multi-select-chevron::before {\n        border-bottom-color: var(--dh-color-input-focus-border);\n      }\n    }\n\n    // Quiet focus ring for bottom-only line (not full outline)\n    &.focus-ring {\n      box-shadow: 0 2px 0 0 var(--dh-color-input-focus-border);\n    }\n\n    .dh-multi-select-chevron {\n      inline-size: auto;\n      padding-inline-start: var(--spectrum-global-dimension-size-130, 10px);\n      padding-inline-end: 0;\n      background-color: transparent;\n      border-radius: 0;\n\n      // Bottom border continuation instead of left separator\n      &::before {\n        border-left: none;\n        border-bottom: var(--spectrum-alias-input-border-size, 1px) solid\n          var(--dh-color-input-border);\n        border-radius: 0;\n        top: auto;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        width: auto;\n        height: 0;\n      }\n\n      &.is-open {\n        background-color: var(\n          --spectrum-alias-background-color-transparent,\n          transparent\n        );\n      }\n    }\n\n    &.is-disabled .dh-multi-select-chevron {\n      border-radius: 0;\n\n      &::before {\n        border-bottom-color: var(--dh-color-input-disabled-border);\n      }\n    }\n\n    // Invalid quiet variant: bottom borders red.\n    &.is-invalid {\n      &::after {\n        border-bottom-color: var(\n          --spectrum-textfield-border-color-error,\n          var(--spectrum-red-900)\n        );\n      }\n\n      .dh-multi-select-chevron::before {\n        border-bottom-color: var(\n          --spectrum-textfield-border-color-error,\n          var(--spectrum-red-900)\n        );\n      }\n\n      &:hover:not(.is-disabled):not(.is-read-only):not(.is-focused) {\n        &::after {\n          border-bottom-color: var(\n            --spectrum-textfield-border-color-error-hover,\n            var(--spectrum-red-1000)\n          );\n        }\n\n        .dh-multi-select-chevron::before {\n          border-bottom-color: var(\n            --spectrum-textfield-border-color-error-hover,\n            var(--spectrum-red-1000)\n          );\n        }\n      }\n\n      &:active:not(.is-disabled):not(.is-read-only) {\n        &::after {\n          border-bottom-color: var(\n            --spectrum-textfield-border-color-error-down,\n            var(--spectrum-red-1100)\n          );\n        }\n\n        .dh-multi-select-chevron::before {\n          border-bottom-color: var(\n            --spectrum-textfield-border-color-error-down,\n            var(--spectrum-red-1100)\n          );\n        }\n      }\n\n      // Focus overrides red (specificity boost via &.is-invalid).\n      &.is-focused {\n        &::after {\n          border-bottom-color: var(--dh-color-input-focus-border);\n        }\n\n        .dh-multi-select-chevron::before {\n          border-bottom-color: var(--dh-color-input-focus-border);\n        }\n      }\n    }\n  }\n}\n\n// Content area tags + input wrapping flow.\n.dh-multi-select-content {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n  // Half Spectrum's tag-group gap tokens: container gap is single-spaced, while\n  // Spectrum's per-tag margins double up between adjacent items.\n  gap: calc(\n      var(\n          --spectrum-taggroup-tag-gap-y,\n          var(--spectrum-global-dimension-size-100)\n        ) / 2\n    )\n    calc(\n      var(\n          --spectrum-taggroup-tag-gap-x,\n          var(--spectrum-global-dimension-size-100)\n        ) / 2\n    );\n  padding: 3px 0 3px 4px;\n}\n\n// Custom tag chip: matches Spectrum .spectrum-Tag exactly.\n.dh-multi-select-tag {\n  display: inline-grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  box-sizing: border-box;\n  max-inline-size: 100%;\n  cursor: default;\n  user-select: none;\n  block-size: var(\n    --spectrum-tag-height,\n    var(--spectrum-global-dimension-size-300)\n  );\n  padding-inline-start: calc(\n    var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)) -\n      var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))\n  );\n  border-style: solid;\n  border-width: var(\n    --spectrum-tag-border-size,\n    var(--spectrum-alias-border-size-thin)\n  );\n  border-radius: var(\n    --spectrum-tag-border-radius,\n    var(--spectrum-alias-border-radius-regular)\n  );\n  color: var(--spectrum-tag-text-color, var(--spectrum-global-color-gray-700));\n  background-color: var(\n    --spectrum-tag-background-color,\n    var(--spectrum-global-color-gray-75)\n  );\n  border-color: var(\n    --spectrum-tag-border-color,\n    var(--spectrum-global-color-gray-600)\n  );\n  font-size: var(\n    --spectrum-tag-text-size,\n    var(--spectrum-global-dimension-font-size-75)\n  );\n  transition:\n    border-color 0.13s ease-in-out,\n    color 0.13s ease-in-out,\n    box-shadow 0.13s ease-in-out,\n    background-color 0.13s ease-in-out;\n\n  &:hover {\n    background-color: var(\n      --spectrum-tag-background-color-hover,\n      var(--spectrum-global-color-gray-75)\n    );\n    color: var(\n      --spectrum-tag-text-color-hover,\n      var(--spectrum-global-color-gray-900)\n    );\n    border-color: var(\n      --spectrum-tag-border-color-hover,\n      var(--spectrum-global-color-gray-900)\n    );\n  }\n\n  .is-disabled & {\n    color: var(\n      --spectrum-tag-text-color-disabled,\n      var(--spectrum-global-color-gray-500)\n    );\n    background-color: var(\n      --spectrum-tag-background-color-disabled,\n      var(--spectrum-global-color-gray-200)\n    );\n    border-color: var(\n      --spectrum-tag-border-color-disabled,\n      var(--spectrum-global-color-gray-200)\n    );\n    pointer-events: none;\n  }\n}\n\n// Tag label: matches Spectrum .spectrum-Tag-content\n.dh-multi-select-tag-label {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  line-height: calc(\n    var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) -\n      calc(\n        var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) *\n          2\n      )\n  );\n  margin-inline-end: 0;\n\n  // When there's no remove button, add end padding to match Spectrum.\n  &:last-child {\n    margin-inline-end: var(\n      --spectrum-tag-padding-x,\n      var(--spectrum-global-dimension-size-125)\n    );\n  }\n}\n\n// Tag remove button: matches Spectrum .spectrum-Tag-removeButton dimensions\n.dh-multi-select-tag-remove {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  color: inherit;\n  height: calc(\n    var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) -\n      (\n        2 *\n          var(\n            --spectrum-tag-border-size,\n            var(--spectrum-alias-border-size-thin)\n          )\n      )\n  );\n  width: var(--spectrum-global-dimension-size-300);\n\n  &:hover {\n    color: var(\n      --spectrum-tag-removable-button-icon-color-hover,\n      var(--spectrum-global-color-gray-900)\n    );\n  }\n\n  // Scale down the CrossSmall icon to fit the tag\n  svg {\n    width: 8px;\n    height: 8px;\n  }\n}\n\n// Inline filter input: fills remaining space on the last row of tags.\n.dh-multi-select-input {\n  border: none;\n  outline: none;\n  background: transparent;\n  color: var(--dh-color-input-fg);\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  flex: 1;\n  min-width: 40px;\n  padding: 2px 0 2px 4px;\n  // Match tag height so input aligns with tags on the same row\n  height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));\n\n  &:disabled {\n    color: var(--dh-color-input-disabled-fg);\n    cursor: default;\n  }\n}\n\n.dh-multi-select-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  inline-size: var(--spectrum-global-dimension-size-400, 32px);\n  flex-shrink: 0;\n  align-self: stretch;\n  box-sizing: border-box;\n  position: relative;\n  padding: var(--spectrum-combobox-fieldbutton-inset, 0);\n  background-color: var(--dh-color-selector-bg);\n  background-clip: content-box;\n  color: var(--dh-color-selector-fg);\n  border-radius: 0 calc(var(--spectrum-alias-border-radius-regular, 4px) - 1px)\n    calc(var(--spectrum-alias-border-radius-regular, 4px) - 1px) 0;\n  transition:\n    background-color 130ms ease-in-out,\n    color 130ms ease-in-out;\n\n  // Left separator line via pseudo-element (matches Spectrum FieldButton pattern)\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 0;\n    border-left: 1px solid var(--dh-color-input-border);\n    pointer-events: none;\n  }\n\n  // Active/open state: matches Spectrum FieldButton is-active.\n  &.is-open {\n    background-color: var(\n      --spectrum-fieldbutton-background-color-down,\n      var(--spectrum-global-color-gray-200)\n    );\n    color: var(\n      --spectrum-fieldbutton-icon-color-down,\n      var(--spectrum-alias-icon-color-down)\n    );\n\n    &::before {\n      border-left-color: var(\n        --spectrum-fieldbutton-border-color-down,\n        var(--spectrum-alias-border-color-down)\n      );\n    }\n  }\n}\n\n// Validation icon shown left of chevron when validationState=\"invalid\".\n.dh-multi-select-invalid-icon {\n  display: flex;\n  align-items: center;\n  padding-inline-start: var(--spectrum-global-dimension-size-100, 8px);\n  padding-inline-end: var(--spectrum-global-dimension-size-100, 8px);\n  color: var(--spectrum-semantic-negative-color-icon);\n  flex-shrink: 0;\n}\n\n// Mirrors Spectrum ComboBox .no-results rule.\n.dh-multi-select-empty {\n  display: block;\n  padding-top: var(--spectrum-selectlist-option-padding-height);\n  padding-inline-start: var(\n    --spectrum-selectlist-option-padding,\n    var(--spectrum-global-dimension-static-size-150)\n  );\n  font-size: var(\n    --spectrum-selectlist-option-text-size,\n    var(--spectrum-alias-font-size-default)\n  );\n  font-weight: var(\n    --spectrum-selectlist-option-text-font-weight,\n    var(--spectrum-global-font-weight-regular)\n  );\n}\n\n// Inline loading spinner.\n.dh-multi-select-loading-circle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  // Inset to align with single-select spinner position.\n  padding-inline-end: 8px;\n  padding-inline-start: 4px;\n}\n\n// Virtual focus highlight (keyboard nav). Popover lives in a portal,\n// so the selector is unscoped.\n[role='option'][data-dh-focused='true'] {\n  background-color: var(--dh-color-item-list-hover-bg);\n  border-inline-start-color: var(\n    --spectrum-selectlist-option-focus-indicator-color,\n    var(--spectrum-alias-border-color-focus)\n  );\n}\n"]}

package/dist/spectrum/multiSelect/MultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type MultiSelectProps } from './MultiSelectProps';
+import './MultiSelect.scss';
+/** Forwarded-ref wrapper. Trigger is a <div>, matching Picker's DOMRef shape. */
+export declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<HTMLDivElement>>;
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.d.ts.map

package/dist/spectrum/multiSelect/MultiSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/spectrum/multiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAgBnE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAa3D,OAAO,oBAAoB,CAAC;AAkf5B,iFAAiF;AACjF,eAAO,MAAM,WAAW,yFAAqC,CAAC;AAG9D,eAAe,WAAW,CAAC"}

package/dist/spectrum/multiSelect/MultiSelect.js

@@ -0,0 +1,445 @@
+var _excluded = ["children", "tooltip", "selectedKeys", "defaultSelectedKeys", "disabledKeys", "onChange", "onSelectionChange", "onOpenChange", "onScroll", "label", "description", "errorMessage", "isRequired", "isDisabled", "isReadOnly", "validationState", "isQuiet", "labelPosition", "labelAlign", "necessityIndicator", "contextualHelp", "inputValue", "defaultInputValue", "onInputChange", "shouldFocusWrap", "loadingState", "menuTrigger", "align", "direction", "shouldFlip", "menuWidth", "allowsCustomValue", "formValue", "validationBehavior", "autoFocus", "name", "id", "isHidden", "onFocus", "onBlur", "onFocusChange", "onKeyDown", "onKeyUp", "onSearchTextChange", "selectedItemLabels", "UNSAFE_className", "aria-label", "aria-labelledby", "aria-describedby", "aria-details"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { useCallback, useId, useMemo, useRef } from 'react';
+import { Field } from '@react-spectrum/label';
+import { FocusRing } from '@react-aria/focus';
+import { Popover } from '@react-spectrum/overlays';
+import { useUnwrapDOMRef } from '@react-spectrum/utils';
+import { useOverlayTriggerState } from '@react-stately/overlays';
+import ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';
+import AlertMedium from '@spectrum-icons/ui/AlertMedium';
+import { ProgressCircle } from '@adobe/react-spectrum';
+import cl from 'classnames';
+import { EMPTY_FUNCTION, ensureArray } from '@deephaven/utils';
+import { useMergeRef } from '@deephaven/react-hooks';
+import { normalizeTooltipOptions, wrapItemChildren } from "../utils/index.js";
+import { flattenJsxChildren, flattenEntriesToItems } from "./multiSelectUtils.js";
+import { useMultiSelectState } from "./useMultiSelectState.js";
+import { useMultiSelectFilter } from "./useMultiSelectFilter.js";
+import { useMultiSelectKeyboard } from "./useMultiSelectKeyboard.js";
+import { useMultiSelectLoadingSpinner } from "./useMultiSelectLoadingSpinner.js";
+import { useMultiSelectScrollListener } from "./useMultiSelectScrollListener.js";
+import { MultiSelectTag } from "./MultiSelectTag.js";
+import { MultiSelectListBox } from "./MultiSelectListBox.js";
+import "./MultiSelect.css";
+/**
+ * Convert a Spectrum dimension value (e.g. `"size-3000"`) to its CSS variable
+ * form. Numbers are converted to px. Already-valid CSS strings pass through.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function toCssDimension(value) {
+  if (value == null) {
+    return undefined;
+  }
+  if (typeof value === 'number') {
+    return "".concat(value, "px");
+  }
+  if (/^(size|static-size)-/.test(value)) {
+    return "var(--spectrum-global-dimension-".concat(value, ")");
+  }
+  return value;
+}
+
+/**
+ * Multi-select styled to match Spectrum ComboBox. Renders selected items as
+ * tags inside the trigger area alongside a filter input. Accepts the same
+ * `Item` / `Section` JSX children as `Picker`.
+ */
+function MultiSelectInner(props, forwardedRef) {
+  var _ref2, _toCssDimension, _triggerRef$current2;
+  var {
+      children,
+      tooltip = true,
+      selectedKeys: propSelectedKeys,
+      defaultSelectedKeys,
+      disabledKeys: propDisabledKeys,
+      onChange: propOnChange,
+      onSelectionChange: propOnSelectionChange,
+      onOpenChange,
+      onScroll = EMPTY_FUNCTION,
+      label,
+      description,
+      errorMessage,
+      isRequired = false,
+      isDisabled = false,
+      isReadOnly = false,
+      validationState,
+      isQuiet = false,
+      labelPosition = 'top',
+      labelAlign,
+      necessityIndicator,
+      contextualHelp,
+      inputValue: controlledInputValue,
+      defaultInputValue = '',
+      onInputChange,
+      shouldFocusWrap = false,
+      loadingState,
+      menuTrigger = 'input',
+      align = 'start',
+      direction = 'bottom',
+      shouldFlip = true,
+      menuWidth,
+      allowsCustomValue = false,
+      formValue = 'key',
+      validationBehavior = 'aria',
+      autoFocus = false,
+      name,
+      id,
+      isHidden = false,
+      onFocus,
+      onBlur,
+      onFocusChange,
+      onKeyDown,
+      onKeyUp,
+      onSearchTextChange,
+      selectedItemLabels,
+      UNSAFE_className,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledby,
+      'aria-describedby': ariaDescribedby,
+      'aria-details': ariaDetails
+    } = props,
+    styleProps = _objectWithoutProperties(props, _excluded);
+
+  // Spectrum's onOpenChange omits the trigger reason; relay it via ref.
+  var lastTriggerReasonRef = useRef(undefined);
+  var handleOverlayOpenChange = useCallback(isOpen => {
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(isOpen, lastTriggerReasonRef.current);
+  }, [onOpenChange]);
+  var overlayState = useOverlayTriggerState({
+    onOpenChange: handleOverlayOpenChange
+  });
+  var openOverlay = useCallback(reason => {
+    lastTriggerReasonRef.current = reason;
+    overlayState.open();
+  }, [overlayState]);
+  var closeOverlay = useCallback(() => {
+    lastTriggerReasonRef.current = undefined;
+    overlayState.close();
+  }, [overlayState]);
+  var listBoxId = useId();
+  var placement = "".concat(direction, " ").concat(align);
+  var triggerRef = useRef(null);
+  var inputRef = useRef(null);
+  var popoverRef = useRef(null);
+  var unwrappedPopoverRef = useUnwrapDOMRef(popoverRef);
+  var listBoxRef = useRef(null);
+  var unwrappedListBoxRef = useUnwrapDOMRef(listBoxRef);
+  var isFocusedRef = useRef(false);
+  var mergedTriggerRef = useMergeRef(triggerRef, forwardedRef);
+
+  // Ensures Item/ItemContent wrapping for tooltips/overflow.
+  var tooltipOptions = useMemo(() => normalizeTooltipOptions(tooltip), [tooltip]);
+  var wrappedChildren = useMemo(() => ensureArray(wrapItemChildren(children, tooltipOptions)), [children, tooltipOptions]);
+
+  // Flat {key,label} entries for filter/keyboard hooks. ListBox renders JSX directly.
+  var allEntries = useMemo(() => flattenJsxChildren(wrappedChildren), [wrappedChildren]);
+  var allItems = useMemo(() => flattenEntriesToItems(allEntries), [allEntries]);
+  var allKeys = useMemo(() => allItems.map(i => i.key), [allItems]);
+
+  // Persistent label cache: accumulates labels from items as they appear in
+  // children. When server-side search filters items out of the children, the
+  // cache ensures tags still display the correct label.
+  var labelCacheRef = useRef(new Map());
+  var itemLabelMap = useMemo(() => {
+    var cache = labelCacheRef.current;
+    allItems.forEach(i => cache.set(i.key, i.label));
+    return new Map(cache);
+  }, [allItems]);
+  var getLabelFor = useCallback(key => {
+    var _ref, _itemLabelMap$get;
+    return (_ref = (_itemLabelMap$get = itemLabelMap.get(key)) !== null && _itemLabelMap$get !== void 0 ? _itemLabelMap$get : selectedItemLabels === null || selectedItemLabels === void 0 ? void 0 : selectedItemLabels.get(key)) !== null && _ref !== void 0 ? _ref : key;
+  }, [itemLabelMap, selectedItemLabels]);
+  var {
+    searchText,
+    setSearchText,
+    filteredItems,
+    filteredJsxChildren
+  } = useMultiSelectFilter({
+    allEntries,
+    wrappedChildren,
+    inputValue: controlledInputValue,
+    defaultInputValue,
+    onInputChange,
+    onSearchTextChange
+  });
+  var emptyMessage = useMemo(() => {
+    if (filteredItems.length > 0) {
+      return undefined;
+    }
+    if (loadingState === 'loading') {
+      return 'Loading...';
+    }
+    // loadingMore + empty: defer to ListBox's loader pill instead of "No results".
+    if (loadingState === 'loadingMore') {
+      return undefined;
+    }
+    return 'No results';
+  }, [filteredItems.length, loadingState]);
+  var {
+    selectedKeys,
+    selectedKeyArray,
+    listBoxDisabledKeys,
+    toggleKey,
+    applyListBoxSelection
+  } = useMultiSelectState({
+    selectedKeys: propSelectedKeys,
+    defaultSelectedKeys,
+    disabledKeys: propDisabledKeys,
+    onChange: propOnChange,
+    onSelectionChange: propOnSelectionChange,
+    allKeys
+  });
+  var {
+    handleInputKeyDown
+  } = useMultiSelectKeyboard({
+    filteredItems,
+    allItems,
+    shouldFocusWrap,
+    overlayState,
+    openOverlay,
+    closeOverlay,
+    isReadOnly,
+    isDisabled,
+    searchText,
+    setSearchText,
+    selectedKeys,
+    toggleKey,
+    allowsCustomValue,
+    menuTrigger,
+    onKeyDown,
+    listBoxContainerRef: unwrappedListBoxRef,
+    inputRef
+  });
+  useMultiSelectScrollListener({
+    containerRef: unwrappedListBoxRef,
+    isOpen: overlayState.isOpen,
+    onScroll
+  });
+  var shouldShowInlineSpinner = useMultiSelectLoadingSpinner({
+    loadingState,
+    searchText,
+    isOpen: overlayState.isOpen,
+    menuTrigger
+  });
+  var refocusInput = useCallback(() => {
+    requestAnimationFrame(() => {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    });
+  }, []);
+  var handleTagRemove = useCallback(key => {
+    toggleKey(key);
+    refocusInput();
+  }, [toggleKey, refocusInput]);
+  var handleListBoxSelectionChange = useCallback(selection => {
+    if (isReadOnly) {
+      return;
+    }
+    applyListBoxSelection(selection, filteredItems);
+    refocusInput();
+  }, [isReadOnly, applyListBoxSelection, filteredItems, refocusInput]);
+  var handleInputFocus = useCallback(e => {
+    if (isFocusedRef.current) {
+      return;
+    }
+    isFocusedRef.current = true;
+    if (menuTrigger === 'focus' && !overlayState.isOpen && !isDisabled) {
+      openOverlay('focus');
+    }
+    onFocus === null || onFocus === void 0 || onFocus(e);
+    onFocusChange === null || onFocusChange === void 0 || onFocusChange(true);
+  }, [onFocus, onFocusChange, menuTrigger, overlayState, isDisabled, openOverlay]);
+  var handleInputBlur = useCallback(e => {
+    var related = e.relatedTarget;
+    if (related != null) {
+      if (triggerRef.current != null && triggerRef.current.contains(related)) {
+        return;
+      }
+      if (unwrappedPopoverRef.current != null && unwrappedPopoverRef.current.contains(related)) {
+        return;
+      }
+    } else {
+      // relatedTarget can be null when clicking non-focusable content.
+      // Use rAF to check if focus moved back into the component.
+      requestAnimationFrame(() => {
+        var active = document.activeElement;
+        if (active != null && (triggerRef.current != null && triggerRef.current.contains(active) || unwrappedPopoverRef.current != null && unwrappedPopoverRef.current.contains(active))) {
+          return;
+        }
+        isFocusedRef.current = false;
+        if (overlayState.isOpen) {
+          closeOverlay();
+        }
+        onBlur === null || onBlur === void 0 || onBlur(e);
+        onFocusChange === null || onFocusChange === void 0 || onFocusChange(false);
+      });
+      return;
+    }
+    isFocusedRef.current = false;
+    if (overlayState.isOpen) {
+      closeOverlay();
+    }
+    onBlur === null || onBlur === void 0 || onBlur(e);
+    onFocusChange === null || onFocusChange === void 0 || onFocusChange(false);
+  }, [onBlur, onFocusChange, overlayState, closeOverlay, unwrappedPopoverRef]);
+  var handleTriggerAreaClick = useCallback(() => {
+    var _inputRef$current2;
+    if (isDisabled) {
+      return;
+    }
+    if (!overlayState.isOpen) {
+      openOverlay('manual');
+    }
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+  }, [isDisabled, overlayState, openOverlay]);
+  var handleChevronClick = useCallback(e => {
+    var _inputRef$current3;
+    // Stop trigger-area handler from re-opening the popover on close.
+    e.stopPropagation();
+    if (isDisabled) {
+      return;
+    }
+    if (overlayState.isOpen) {
+      closeOverlay();
+    } else {
+      openOverlay('manual');
+    }
+    (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
+  }, [isDisabled, overlayState, openOverlay, closeOverlay]);
+  return /*#__PURE__*/_jsx(Field
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _objectSpread(_objectSpread({}, styleProps), {}, {
+    label: label,
+    description: description,
+    errorMessage: validationState === 'invalid' ? errorMessage : undefined,
+    isRequired: isRequired,
+    isDisabled: isDisabled,
+    validationState: validationState,
+    labelPosition: labelPosition,
+    labelAlign: labelAlign,
+    necessityIndicator: necessityIndicator,
+    contextualHelp: contextualHelp,
+    wrapperClassName: cl('dh-multi-select', UNSAFE_className),
+    children: /*#__PURE__*/_jsxs("div", {
+      style: isHidden ? {
+        display: 'none'
+      } : undefined,
+      children: [/*#__PURE__*/_jsx(FocusRing, {
+        within: true,
+        focusRingClass: "focus-ring",
+        focusClass: "is-focused",
+        children: /*#__PURE__*/_jsxs("div", {
+          ref: mergedTriggerRef,
+          id: id,
+          onClick: handleTriggerAreaClick,
+          className: cl('dh-multi-select-trigger', {
+            'is-disabled': isDisabled,
+            'is-read-only': isReadOnly,
+            'is-quiet': isQuiet,
+            'is-invalid': validationState === 'invalid'
+          }),
+          children: [/*#__PURE__*/_jsxs("div", {
+            className: "dh-multi-select-content",
+            children: [selectedKeyArray.map(key => /*#__PURE__*/_jsx(MultiSelectTag, {
+              tagKey: key,
+              label: getLabelFor(key),
+              isDisabled: isDisabled,
+              isReadOnly: isReadOnly,
+              onRemove: handleTagRemove
+            }, key)), /*#__PURE__*/_jsx("input", {
+              ref: inputRef,
+              className: "dh-multi-select-input",
+              value: searchText,
+              onChange: e => setSearchText(e.target.value),
+              onFocus: handleInputFocus,
+              onBlur: handleInputBlur,
+              onKeyDown: handleInputKeyDown,
+              onKeyUp: onKeyUp,
+              disabled: isDisabled,
+              readOnly: isReadOnly
+              // eslint-disable-next-line jsx-a11y/no-autofocus
+              ,
+              autoFocus: autoFocus,
+              role: "combobox",
+              "aria-haspopup": "listbox",
+              "aria-expanded": overlayState.isOpen,
+              "aria-controls": overlayState.isOpen ? listBoxId : undefined,
+              "aria-autocomplete": "list",
+              "aria-label": ariaLabel,
+              "aria-labelledby": ariaLabelledby,
+              "aria-describedby": ariaDescribedby,
+              "aria-details": ariaDetails
+            })]
+          }), shouldShowInlineSpinner && /*#__PURE__*/_jsx("div", {
+            className: "dh-multi-select-loading-circle",
+            children: /*#__PURE__*/_jsx(ProgressCircle, {
+              "aria-label": "Loading",
+              isIndeterminate: true,
+              size: "S"
+            })
+          }), validationState === 'invalid' && !isDisabled && /*#__PURE__*/_jsx("div", {
+            className: "dh-multi-select-invalid-icon",
+            "aria-hidden": "true",
+            children: /*#__PURE__*/_jsx(AlertMedium, {})
+          }), /*#__PURE__*/_jsx("div", {
+            className: cl('dh-multi-select-chevron', {
+              'is-open': overlayState.isOpen
+            }),
+            onClick: handleChevronClick
+            // Suppress default to keep input focus on chevron click.
+            ,
+            onPointerDown: e => e.preventDefault(),
+            role: "button",
+            tabIndex: -1,
+            "aria-label": "Toggle dropdown",
+            children: /*#__PURE__*/_jsx(ChevronDownMedium, {})
+          })]
+        })
+      }), name != null && /*#__PURE__*/_jsx("input", {
+        type: "hidden",
+        name: name,
+        value: formValue === 'text' ? selectedKeyArray.map(getLabelFor).join(',') : selectedKeyArray.join(','),
+        required: validationBehavior === 'native' && isRequired ? true : undefined
+      }), overlayState.isOpen && !isDisabled && /*#__PURE__*/_jsx(Popover, {
+        ref: popoverRef,
+        triggerRef: triggerRef,
+        state: overlayState,
+        hideArrow: true,
+        isNonModal: true,
+        placement: placement,
+        shouldFlip: shouldFlip,
+        shouldCloseOnInteractOutside: target => {
+          var _triggerRef$current;
+          return ((_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.contains(target)) !== true;
+        },
+        UNSAFE_style: {
+          width: (_ref2 = (_toCssDimension = toCssDimension(menuWidth)) !== null && _toCssDimension !== void 0 ? _toCssDimension : (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : _triggerRef$current2.offsetWidth) !== null && _ref2 !== void 0 ? _ref2 : undefined
+        },
+        children: /*#__PURE__*/_jsx(MultiSelectListBox, {
+          listBoxRef: listBoxRef,
+          listBoxId: listBoxId,
+          loadingState: loadingState,
+          selectedKeys: selectedKeys,
+          disabledKeys: listBoxDisabledKeys,
+          onSelectionChange: handleListBoxSelectionChange,
+          ariaLabel: typeof label === 'string' ? label : 'Options',
+          emptyMessage: emptyMessage,
+          children: filteredJsxChildren
+        })
+      })]
+    })
+  }));
+}
+
+/** Forwarded-ref wrapper. Trigger is a <div>, matching Picker's DOMRef shape. */
+export var MultiSelect = /*#__PURE__*/React.forwardRef(MultiSelectInner);
+MultiSelect.displayName = 'MultiSelect';
+export default MultiSelect;
+//# sourceMappingURL=MultiSelect.js.map

package/dist/spectrum/multiSelect/MultiSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.js","names":["React","useCallback","useId","useMemo","useRef","Field","FocusRing","Popover","useUnwrapDOMRef","useOverlayTriggerState","ChevronDownMedium","AlertMedium","ProgressCircle","cl","EMPTY_FUNCTION","ensureArray","useMergeRef","normalizeTooltipOptions","wrapItemChildren","flattenJsxChildren","flattenEntriesToItems","useMultiSelectState","useMultiSelectFilter","useMultiSelectKeyboard","useMultiSelectLoadingSpinner","useMultiSelectScrollListener","MultiSelectTag","MultiSelectListBox","jsx","_jsx","jsxs","_jsxs","toCssDimension","value","undefined","concat","test","MultiSelectInner","props","forwardedRef","_ref2","_toCssDimension","_triggerRef$current2","children","tooltip","selectedKeys","propSelectedKeys","defaultSelectedKeys","disabledKeys","propDisabledKeys","onChange","propOnChange","onSelectionChange","propOnSelectionChange","onOpenChange","onScroll","label","description","errorMessage","isRequired","isDisabled","isReadOnly","validationState","isQuiet","labelPosition","labelAlign","necessityIndicator","contextualHelp","inputValue","controlledInputValue","defaultInputValue","onInputChange","shouldFocusWrap","loadingState","menuTrigger","align","direction","shouldFlip","menuWidth","allowsCustomValue","formValue","validationBehavior","autoFocus","name","id","isHidden","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","onSearchTextChange","selectedItemLabels","UNSAFE_className","ariaLabel","ariaLabelledby","ariaDescribedby","ariaDetails","styleProps","_objectWithoutProperties","_excluded","lastTriggerReasonRef","handleOverlayOpenChange","isOpen","current","overlayState","openOverlay","reason","open","closeOverlay","close","listBoxId","placement","triggerRef","inputRef","popoverRef","unwrappedPopoverRef","listBoxRef","unwrappedListBoxRef","isFocusedRef","mergedTriggerRef","tooltipOptions","wrappedChildren","allEntries","allItems","allKeys","map","i","key","labelCacheRef","Map","itemLabelMap","cache","forEach","set","getLabelFor","_ref","_itemLabelMap$get","get","searchText","setSearchText","filteredItems","filteredJsxChildren","emptyMessage","length","selectedKeyArray","listBoxDisabledKeys","toggleKey","applyListBoxSelection","handleInputKeyDown","listBoxContainerRef","containerRef","shouldShowInlineSpinner","refocusInput","requestAnimationFrame","_inputRef$current","focus","handleTagRemove","handleListBoxSelectionChange","selection","handleInputFocus","e","handleInputBlur","related","relatedTarget","contains","active","document","activeElement","handleTriggerAreaClick","_inputRef$current2","handleChevronClick","_inputRef$current3","stopPropagation","_objectSpread","wrapperClassName","style","display","within","focusRingClass","focusClass","ref","onClick","className","tagKey","onRemove","target","disabled","readOnly","role","isIndeterminate","size","onPointerDown","preventDefault","tabIndex","type","join","required","state","hideArrow","isNonModal","shouldCloseOnInteractOutside","_triggerRef$current","UNSAFE_style","width","offsetWidth","MultiSelect","forwardRef","displayName"],"sources":["../../../src/spectrum/multiSelect/MultiSelect.tsx"],"sourcesContent":["import React, { useCallback, useId, useMemo, useRef } from 'react';\nimport type { DOMRefValue } from '@react-types/shared';\nimport type { Placement } from '@react-types/overlays';\nimport { Field } from '@react-spectrum/label';\nimport { FocusRing } from '@react-aria/focus';\nimport { Popover } from '@react-spectrum/overlays';\nimport { useUnwrapDOMRef } from '@react-spectrum/utils';\nimport { useOverlayTriggerState } from '@react-stately/overlays';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport { ProgressCircle } from '@adobe/react-spectrum';\nimport cl from 'classnames';\nimport { EMPTY_FUNCTION, ensureArray } from '@deephaven/utils';\nimport { useMergeRef } from '@deephaven/react-hooks';\nimport { normalizeTooltipOptions, wrapItemChildren } from '../utils';\nimport type { MenuTriggerAction } from '../comboBox';\nimport { type MultiSelectProps } from './MultiSelectProps';\nimport {\n  flattenJsxChildren,\n  flattenEntriesToItems,\n  type MultiSelectFlatEntry,\n} from './multiSelectUtils';\nimport { useMultiSelectState } from './useMultiSelectState';\nimport { useMultiSelectFilter } from './useMultiSelectFilter';\nimport { useMultiSelectKeyboard } from './useMultiSelectKeyboard';\nimport { useMultiSelectLoadingSpinner } from './useMultiSelectLoadingSpinner';\nimport { useMultiSelectScrollListener } from './useMultiSelectScrollListener';\nimport { MultiSelectTag } from './MultiSelectTag';\nimport { MultiSelectListBox } from './MultiSelectListBox';\nimport './MultiSelect.scss';\n\n/**\n * Convert a Spectrum dimension value (e.g. `\"size-3000\"`) to its CSS variable\n * form. Numbers are converted to px. Already-valid CSS strings pass through.\n */\nfunction toCssDimension(\n  value: string | number | undefined\n): string | undefined {\n  if (value == null) {\n    return undefined;\n  }\n  if (typeof value === 'number') {\n    return `${value}px`;\n  }\n  if (/^(size|static-size)-/.test(value)) {\n    return `var(--spectrum-global-dimension-${value})`;\n  }\n  return value;\n}\n\n/**\n * Multi-select styled to match Spectrum ComboBox. Renders selected items as\n * tags inside the trigger area alongside a filter input. Accepts the same\n * `Item` / `Section` JSX children as `Picker`.\n */\nfunction MultiSelectInner(\n  props: MultiSelectProps,\n  forwardedRef: React.Ref<HTMLDivElement>\n): JSX.Element {\n  const {\n    children,\n    tooltip = true,\n    selectedKeys: propSelectedKeys,\n    defaultSelectedKeys,\n    disabledKeys: propDisabledKeys,\n    onChange: propOnChange,\n    onSelectionChange: propOnSelectionChange,\n    onOpenChange,\n    onScroll = EMPTY_FUNCTION,\n    label,\n    description,\n    errorMessage,\n    isRequired = false,\n    isDisabled = false,\n    isReadOnly = false,\n    validationState,\n    isQuiet = false,\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    contextualHelp,\n    inputValue: controlledInputValue,\n    defaultInputValue = '',\n    onInputChange,\n    shouldFocusWrap = false,\n    loadingState,\n    menuTrigger = 'input',\n    align = 'start',\n    direction = 'bottom',\n    shouldFlip = true,\n    menuWidth,\n    allowsCustomValue = false,\n    formValue = 'key',\n    validationBehavior = 'aria',\n    autoFocus = false,\n    name,\n    id,\n    isHidden = false,\n    onFocus,\n    onBlur,\n    onFocusChange,\n    onKeyDown,\n    onKeyUp,\n    onSearchTextChange,\n    selectedItemLabels,\n    UNSAFE_className,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-describedby': ariaDescribedby,\n    'aria-details': ariaDetails,\n    ...styleProps\n  } = props;\n\n  // Spectrum's onOpenChange omits the trigger reason; relay it via ref.\n  const lastTriggerReasonRef = useRef<MenuTriggerAction | undefined>(undefined);\n\n  const handleOverlayOpenChange = useCallback(\n    (isOpen: boolean) => {\n      onOpenChange?.(isOpen, lastTriggerReasonRef.current);\n    },\n    [onOpenChange]\n  );\n\n  const overlayState = useOverlayTriggerState({\n    onOpenChange: handleOverlayOpenChange,\n  });\n\n  const openOverlay = useCallback(\n    (reason: MenuTriggerAction) => {\n      lastTriggerReasonRef.current = reason;\n      overlayState.open();\n    },\n    [overlayState]\n  );\n  const closeOverlay = useCallback(() => {\n    lastTriggerReasonRef.current = undefined;\n    overlayState.close();\n  }, [overlayState]);\n\n  const listBoxId = useId();\n\n  const placement = `${direction} ${align}` as Placement;\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const popoverRef = useRef<DOMRefValue<HTMLDivElement>>(null);\n  const unwrappedPopoverRef = useUnwrapDOMRef(popoverRef);\n  const listBoxRef = useRef<DOMRefValue<HTMLDivElement>>(null);\n  const unwrappedListBoxRef = useUnwrapDOMRef(listBoxRef);\n  const isFocusedRef = useRef(false);\n  const mergedTriggerRef = useMergeRef(triggerRef, forwardedRef);\n\n  // Ensures Item/ItemContent wrapping for tooltips/overflow.\n  const tooltipOptions = useMemo(\n    () => normalizeTooltipOptions(tooltip),\n    [tooltip]\n  );\n  const wrappedChildren = useMemo(\n    () => ensureArray(wrapItemChildren(children, tooltipOptions)),\n    [children, tooltipOptions]\n  );\n\n  // Flat {key,label} entries for filter/keyboard hooks. ListBox renders JSX directly.\n  const allEntries: MultiSelectFlatEntry[] = useMemo(\n    () => flattenJsxChildren(wrappedChildren),\n    [wrappedChildren]\n  );\n\n  const allItems = useMemo(\n    () => flattenEntriesToItems(allEntries),\n    [allEntries]\n  );\n  const allKeys = useMemo(() => allItems.map(i => i.key), [allItems]);\n\n  // Persistent label cache: accumulates labels from items as they appear in\n  // children. When server-side search filters items out of the children, the\n  // cache ensures tags still display the correct label.\n  const labelCacheRef = useRef<Map<string, string>>(new Map());\n  const itemLabelMap = useMemo(() => {\n    const cache = labelCacheRef.current;\n    allItems.forEach(i => cache.set(i.key, i.label));\n    return new Map(cache);\n  }, [allItems]);\n\n  const getLabelFor = useCallback(\n    (key: string): string =>\n      itemLabelMap.get(key) ?? selectedItemLabels?.get(key) ?? key,\n    [itemLabelMap, selectedItemLabels]\n  );\n\n  const { searchText, setSearchText, filteredItems, filteredJsxChildren } =\n    useMultiSelectFilter({\n      allEntries,\n      wrappedChildren,\n      inputValue: controlledInputValue,\n      defaultInputValue,\n      onInputChange,\n      onSearchTextChange,\n    });\n\n  const emptyMessage: string | undefined = useMemo(() => {\n    if (filteredItems.length > 0) {\n      return undefined;\n    }\n    if (loadingState === 'loading') {\n      return 'Loading...';\n    }\n    // loadingMore + empty: defer to ListBox's loader pill instead of \"No results\".\n    if (loadingState === 'loadingMore') {\n      return undefined;\n    }\n    return 'No results';\n  }, [filteredItems.length, loadingState]);\n\n  const {\n    selectedKeys,\n    selectedKeyArray,\n    listBoxDisabledKeys,\n    toggleKey,\n    applyListBoxSelection,\n  } = useMultiSelectState({\n    selectedKeys: propSelectedKeys,\n    defaultSelectedKeys,\n    disabledKeys: propDisabledKeys,\n    onChange: propOnChange,\n    onSelectionChange: propOnSelectionChange,\n    allKeys,\n  });\n\n  const { handleInputKeyDown } = useMultiSelectKeyboard({\n    filteredItems,\n    allItems,\n    shouldFocusWrap,\n    overlayState,\n    openOverlay,\n    closeOverlay,\n    isReadOnly,\n    isDisabled,\n    searchText,\n    setSearchText,\n    selectedKeys,\n    toggleKey,\n    allowsCustomValue,\n    menuTrigger,\n    onKeyDown,\n    listBoxContainerRef: unwrappedListBoxRef,\n    inputRef,\n  });\n\n  useMultiSelectScrollListener({\n    containerRef: unwrappedListBoxRef,\n    isOpen: overlayState.isOpen,\n    onScroll,\n  });\n\n  const shouldShowInlineSpinner = useMultiSelectLoadingSpinner({\n    loadingState,\n    searchText,\n    isOpen: overlayState.isOpen,\n    menuTrigger,\n  });\n\n  const refocusInput = useCallback(() => {\n    requestAnimationFrame(() => {\n      inputRef.current?.focus();\n    });\n  }, []);\n\n  const handleTagRemove = useCallback(\n    (key: string) => {\n      toggleKey(key);\n      refocusInput();\n    },\n    [toggleKey, refocusInput]\n  );\n\n  const handleListBoxSelectionChange = useCallback(\n    (selection: Parameters<typeof applyListBoxSelection>[0]) => {\n      if (isReadOnly) {\n        return;\n      }\n      applyListBoxSelection(selection, filteredItems);\n      refocusInput();\n    },\n    [isReadOnly, applyListBoxSelection, filteredItems, refocusInput]\n  );\n\n  const handleInputFocus = useCallback(\n    (e: React.FocusEvent) => {\n      if (isFocusedRef.current) {\n        return;\n      }\n      isFocusedRef.current = true;\n      if (menuTrigger === 'focus' && !overlayState.isOpen && !isDisabled) {\n        openOverlay('focus');\n      }\n      onFocus?.(e);\n      onFocusChange?.(true);\n    },\n    [onFocus, onFocusChange, menuTrigger, overlayState, isDisabled, openOverlay]\n  );\n\n  const handleInputBlur = useCallback(\n    (e: React.FocusEvent) => {\n      const related = e.relatedTarget as HTMLElement | null;\n\n      if (related != null) {\n        if (\n          triggerRef.current != null &&\n          triggerRef.current.contains(related)\n        ) {\n          return;\n        }\n        if (\n          unwrappedPopoverRef.current != null &&\n          unwrappedPopoverRef.current.contains(related)\n        ) {\n          return;\n        }\n      } else {\n        // relatedTarget can be null when clicking non-focusable content.\n        // Use rAF to check if focus moved back into the component.\n        requestAnimationFrame(() => {\n          const active = document.activeElement as HTMLElement | null;\n          if (\n            active != null &&\n            ((triggerRef.current != null &&\n              triggerRef.current.contains(active)) ||\n              (unwrappedPopoverRef.current != null &&\n                unwrappedPopoverRef.current.contains(active)))\n          ) {\n            return;\n          }\n          isFocusedRef.current = false;\n          if (overlayState.isOpen) {\n            closeOverlay();\n          }\n          onBlur?.(e);\n          onFocusChange?.(false);\n        });\n        return;\n      }\n\n      isFocusedRef.current = false;\n      if (overlayState.isOpen) {\n        closeOverlay();\n      }\n      onBlur?.(e);\n      onFocusChange?.(false);\n    },\n    [onBlur, onFocusChange, overlayState, closeOverlay, unwrappedPopoverRef]\n  );\n\n  const handleTriggerAreaClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n    if (!overlayState.isOpen) {\n      openOverlay('manual');\n    }\n    inputRef.current?.focus();\n  }, [isDisabled, overlayState, openOverlay]);\n\n  const handleChevronClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Stop trigger-area handler from re-opening the popover on close.\n      e.stopPropagation();\n      if (isDisabled) {\n        return;\n      }\n      if (overlayState.isOpen) {\n        closeOverlay();\n      } else {\n        openOverlay('manual');\n      }\n      inputRef.current?.focus();\n    },\n    [isDisabled, overlayState, openOverlay, closeOverlay]\n  );\n\n  return (\n    <Field\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...styleProps}\n      label={label}\n      description={description}\n      errorMessage={validationState === 'invalid' ? errorMessage : undefined}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      validationState={validationState}\n      labelPosition={labelPosition}\n      labelAlign={labelAlign}\n      necessityIndicator={necessityIndicator}\n      contextualHelp={contextualHelp}\n      wrapperClassName={cl('dh-multi-select', UNSAFE_className)}\n    >\n      <div style={isHidden ? { display: 'none' } : undefined}>\n        <FocusRing within focusRingClass=\"focus-ring\" focusClass=\"is-focused\">\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div\n            ref={mergedTriggerRef}\n            id={id}\n            onClick={handleTriggerAreaClick}\n            className={cl('dh-multi-select-trigger', {\n              'is-disabled': isDisabled,\n              'is-read-only': isReadOnly,\n              'is-quiet': isQuiet,\n              'is-invalid': validationState === 'invalid',\n            })}\n          >\n            <div className=\"dh-multi-select-content\">\n              {selectedKeyArray.map(key => (\n                <MultiSelectTag\n                  key={key}\n                  tagKey={key}\n                  label={getLabelFor(key)}\n                  isDisabled={isDisabled}\n                  isReadOnly={isReadOnly}\n                  onRemove={handleTagRemove}\n                />\n              ))}\n              <input\n                ref={inputRef}\n                className=\"dh-multi-select-input\"\n                value={searchText}\n                onChange={e => setSearchText(e.target.value)}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                onKeyDown={handleInputKeyDown}\n                onKeyUp={onKeyUp}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                // eslint-disable-next-line jsx-a11y/no-autofocus\n                autoFocus={autoFocus}\n                role=\"combobox\"\n                aria-haspopup=\"listbox\"\n                aria-expanded={overlayState.isOpen}\n                aria-controls={overlayState.isOpen ? listBoxId : undefined}\n                aria-autocomplete=\"list\"\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                aria-describedby={ariaDescribedby}\n                aria-details={ariaDetails}\n              />\n            </div>\n\n            {shouldShowInlineSpinner && (\n              <div className=\"dh-multi-select-loading-circle\">\n                <ProgressCircle aria-label=\"Loading\" isIndeterminate size=\"S\" />\n              </div>\n            )}\n\n            {validationState === 'invalid' && !isDisabled && (\n              <div className=\"dh-multi-select-invalid-icon\" aria-hidden=\"true\">\n                <AlertMedium />\n              </div>\n            )}\n\n            <div\n              className={cl('dh-multi-select-chevron', {\n                'is-open': overlayState.isOpen,\n              })}\n              onClick={handleChevronClick}\n              // Suppress default to keep input focus on chevron click.\n              onPointerDown={e => e.preventDefault()}\n              role=\"button\"\n              tabIndex={-1}\n              aria-label=\"Toggle dropdown\"\n            >\n              <ChevronDownMedium />\n            </div>\n          </div>\n        </FocusRing>\n\n        {name != null && (\n          <input\n            type=\"hidden\"\n            name={name}\n            value={\n              formValue === 'text'\n                ? selectedKeyArray.map(getLabelFor).join(',')\n                : selectedKeyArray.join(',')\n            }\n            required={\n              validationBehavior === 'native' && isRequired ? true : undefined\n            }\n          />\n        )}\n\n        {overlayState.isOpen && !isDisabled && (\n          <Popover\n            ref={popoverRef}\n            triggerRef={triggerRef}\n            state={overlayState}\n            hideArrow\n            isNonModal\n            placement={placement}\n            shouldFlip={shouldFlip}\n            shouldCloseOnInteractOutside={target =>\n              triggerRef.current?.contains(target) !== true\n            }\n            UNSAFE_style={{\n              width:\n                toCssDimension(menuWidth) ??\n                triggerRef.current?.offsetWidth ??\n                undefined,\n            }}\n          >\n            <MultiSelectListBox\n              listBoxRef={listBoxRef}\n              listBoxId={listBoxId}\n              loadingState={loadingState}\n              selectedKeys={selectedKeys}\n              disabledKeys={listBoxDisabledKeys}\n              onSelectionChange={handleListBoxSelectionChange}\n              ariaLabel={typeof label === 'string' ? label : 'Options'}\n              emptyMessage={emptyMessage}\n            >\n              {filteredJsxChildren}\n            </MultiSelectListBox>\n          </Popover>\n        )}\n      </div>\n    </Field>\n  );\n}\n\n/** Forwarded-ref wrapper. Trigger is a <div>, matching Picker's DOMRef shape. */\nexport const MultiSelect = React.forwardRef(MultiSelectInner);\nMultiSelect.displayName = 'MultiSelect';\n\nexport default MultiSelect;\n"],"mappings":"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","ignoreList":[]}

package/dist/spectrum/multiSelect/MultiSelectListBox.d.ts

@@ -0,0 +1,29 @@
+import { type ReactElement } from 'react';
+import type { DOMRef, LoadingState, Selection } from '@react-types/shared';
+export interface MultiSelectListBoxProps {
+    /** DOMRef forwarded to the inner Spectrum `<ListBox>`. */
+    listBoxRef: DOMRef<HTMLDivElement>;
+    /** ID applied to the inner Spectrum `<ListBox>`. */
+    listBoxId: string;
+    /** Spectrum `LoadingState` for the items collection. */
+    loadingState: LoadingState | undefined;
+    /** JSX children to render inside `<ListBox>`. */
+    children: ReactElement[];
+    /** Selected keys */
+    selectedKeys: Iterable<string>;
+    /** Disabled keys for `<ListBox>`. */
+    disabledKeys: Iterable<string> | undefined;
+    /** Selection change handler from `<ListBox>`. */
+    onSelectionChange: (selection: Selection) => void;
+    /** ARIA label applied to the `<ListBox>`. */
+    ariaLabel: string;
+    /** When provided, the ListBox is replaced with this empty-state message. */
+    emptyMessage?: string;
+}
+/**
+ * Popover content for `MultiSelect`. Renders either an empty-state message (text-only)
+ * or the Spectrum `<ListBox>`. Private subcomponent of `MultiSelect`.
+ */
+export declare function MultiSelectListBox({ listBoxRef, listBoxId, loadingState, children, selectedKeys, disabledKeys, onSelectionChange, ariaLabel, emptyMessage, }: MultiSelectListBoxProps): JSX.Element;
+export default MultiSelectListBox;
+//# sourceMappingURL=MultiSelectListBox.d.ts.map

package/dist/spectrum/multiSelect/MultiSelectListBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectListBox.d.ts","sourceRoot":"","sources":["../../../src/spectrum/multiSelect/MultiSelectListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,uBAAuB;IACtC,0DAA0D;IAC1D,UAAU,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC;IACnC,oDAAoD;IACpD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,iDAAiD;IACjD,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,oBAAoB;IACpB,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/B,qCAAqC;IACrC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC3C,iDAAiD;IACjD,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAC;IAClB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,YAAY,GACb,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAoBvC;AAED,eAAe,kBAAkB,CAAC"}

package/dist/spectrum/multiSelect/MultiSelectListBox.js

@@ -0,0 +1,41 @@
+import { ListBox } from '@adobe/react-spectrum';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Popover content for `MultiSelect`. Renders either an empty-state message (text-only)
+ * or the Spectrum `<ListBox>`. Private subcomponent of `MultiSelect`.
+ */
+export function MultiSelectListBox(_ref) {
+  var {
+    listBoxRef,
+    listBoxId,
+    loadingState,
+    children,
+    selectedKeys,
+    disabledKeys,
+    onSelectionChange,
+    ariaLabel,
+    emptyMessage
+  } = _ref;
+  if (emptyMessage != null) {
+    return /*#__PURE__*/_jsx("div", {
+      className: "dh-multi-select-empty",
+      children: emptyMessage
+    });
+  }
+  return /*#__PURE__*/_jsx(ListBox, {
+    ref: listBoxRef,
+    id: listBoxId,
+    selectionMode: "multiple",
+    selectedKeys: selectedKeys,
+    onSelectionChange: onSelectionChange,
+    disabledKeys: disabledKeys,
+    "aria-label": ariaLabel,
+    isLoading: loadingState === 'loadingMore',
+    UNSAFE_style: {
+      maxHeight: 'inherit'
+    },
+    children: children
+  });
+}
+export default MultiSelectListBox;
+//# sourceMappingURL=MultiSelectListBox.js.map