@procore/core-react 12.53.1 → 12.53.3

package/dist/TieredSelect/TieredSelect.types.d.ts

@@ -288,6 +288,12 @@ export interface TieredSelectMenuProps extends Omit<Div, 'onSelect' | 'onChange'
      * @since 10.19.0
      */
     currentTier: Id;
+    /**
+     * `id` applied to the option list, referenced by the trigger's and the search
+     * input's `aria-controls`.
+     * @since 12.54.0
+     */
+    menuId: string;
     /**
      * @since 10.19.0
      */

package/dist/TieredSelect/TieredSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredSelect.types.js","names":[],"sources":["../../src/TieredSelect/TieredSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { SelectProps } from '../Select/Select.types'\n\nexport type GetValueStringFn = (value: any[]) => string | undefined\n\nexport type GetValueString = 'full-path' | 'leaf-only' | GetValueStringFn\n\nexport type Div = React.ComponentPropsWithoutRef<'div'>\n\nexport type Id = number | string | null | undefined\n\n// all keys are optional since data shape can custom\nexport interface Tier {\n  /**\n   * @since 10.19.0\n   */\n  id?: Id\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  nextGroupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n}\n\nexport interface TierSelection extends Selection {\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface InternalTieredSelectProps\n  extends Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * @since 10.19.0\n   */\n  options?: any[]\n  /**\n   * @since 10.19.0\n   */\n  value?: any[]\n  /**\n   * @since 12.24.0\n   */\n  'aria-labelledby'?: string\n}\n\nexport interface TieredSelectApi {\n  /**\n   * @since 10.19.0\n   */\n  afterHide: SelectProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow: SelectProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide: SelectProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow: SelectProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.GroupId\n   * ```\n   * @since 10.19.0\n   */\n  getGroupId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Id\n   * ```\n   * @since 10.19.0\n   */\n  getId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => string\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Label\n   * ```\n   * @since 10.19.0\n   */\n  getLabel: (tier: any) => string | undefined\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.NextGroupId\n   * ```\n   * @since 10.19.0\n   */\n  getNextGroupId: (tier: any) => Id\n\n  /**\n   * Predefined strings or a callback for using a custom `value` string\n   * ```\n   * (value: any[]) => string | undefined\n   * ```\n   * Defaults to\n   * ```\n   * (value: any[]) => value.map((tier) => getLabel!(tier)).join(\" > \")\n   * ```\n   * @since 10.19.0\n   */\n  getValueString: GetValueStringFn\n\n  /**\n   * The i18n key to use for the tiered select's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope: string\n  /**\n   * @since 10.19.0\n   */\n  isTierDisabled?: (tier: any) => boolean | string | undefined\n  /**\n   * @since 10.19.0\n   */\n  isLeaf?: (tier: any) => boolean\n\n  /**\n   * Used to display a loading indicator as the last item of the list. Can\n   * be used with `onScrollBottom` or `onSearch`\n   * (empty `options` during search async call) to indicate the\n   * loading of new items.\n   * @since 10.19.0\n   */\n  loadingMore?: boolean\n\n  /**\n   * Callback for selecting an item from the tiered select. Returns the\n   * `Selection` object from the `Menu` api, along\n   * with the updated `value`\n   * ```\n   * (Selection: { event, item, group }, value) =>\n   * ```\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n\n  /**\n   * Callback for when the x icon is pressed.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onClear?: SelectProps['onClear']\n\n  /**\n   * Callback for when navigation occurs. Triggered by the left and right\n   * arrow keys, or clicking a navigable item. Returns the id of the next\n   * group that will be navigated to, and the updated path.\n   * ```\n   * (nextGroupId: string | number | undefined, path: any[]) =>\n   * ```\n   * @since 10.19.0\n   */\n  onNavigate?: (nextGroupId: Id, value: any[]) => void\n\n  /**\n   * Pass this callback when a quick create experience is desired. Called\n   * when the \"create\" button in quick create mode is clicked. Returns the\n   * value of the quick create input.\n   * ```\n   * (string) =>\n   * ```\n   * @since 10.19.0\n   */\n  onQuickCreate?: (name: string) => void\n\n  /**\n   * Called when the selection menu is scrolled to the bottom. Can be\n   * combined with `loadingMore` for an async infinite scrolling menu.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onScrollBottom?: SelectProps['onScrollBottom']\n\n  /**\n   * Called when searching the TieredSelect. Behavior must be controlled by\n   * implementor\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onSearch?: SelectProps['onSearch']\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * Custom placeholder text for the search input field. If not provided,\n   * defaults to the i18n translation for 'searchPlaceholder'.\n   * @since 12.34.0\n   */\n  searchPlaceholder?: string\n}\nexport interface TieredSelectProps\n  extends Partial<Omit<TieredSelectApi, 'getValueString'>>,\n    Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * Prop to define a custom footer for the tiered select. Accepts a `React.ReactNode`. Takes precedence over quick create footer.\n   *\n   * Example:\n   * ```tsx\n   * <TieredSelect\n   *   ...\n   *   footer={<div>Custom Footer</div>}\n   *   ...\n   * />\n   * ```\n   *\n   * @default undefined\n   * @since 11.4.0\n   */\n  footer?: React.ReactNode | React.FunctionComponent\n  /**\n   * @since 10.19.0\n   */\n  getValueString?: GetValueString\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * Flat array of tier objects, this array is used as data for the component\n   * @since 10.19.0\n   */\n  options?: any[]\n\n  /**\n   * If true, any tier is selectable. If false, only leaf nodes are selectable\n   * @default true\n   * @since 10.19.0\n   */\n  selectableTiers?: boolean\n\n  /**\n   * Flat array of tier objects that represents the selected value\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectMenuProps\n  extends Omit<Div, 'onSelect' | 'onChange' | 'onDragEnd'>,\n    Pick<TieredSelectProps, 'footer' | 'loading' | 'loadingMore' | 'options'> {\n  /**\n   * @since 10.19.0\n   */\n  currentTier: Id\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n  /**\n   * @since 10.19.0\n   */\n  onNavigate: (nextGroupId: Id, value: any[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  previousValue: any[]\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface ArrowButtonProps {\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (event: React.SyntheticEvent) => void\n}\n\nexport interface QuickCreateInputProps {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSubmit: (name: string) => void\n  /**\n   * @since 10.19.0\n   */\n  placeholder: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  emptyMessage?: string\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"TieredSelect.types.js","names":[],"sources":["../../src/TieredSelect/TieredSelect.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { MenuRef, Selection } from '../MenuImperative/MenuImperative.types'\nimport type { SelectProps } from '../Select/Select.types'\n\nexport type GetValueStringFn = (value: any[]) => string | undefined\n\nexport type GetValueString = 'full-path' | 'leaf-only' | GetValueStringFn\n\nexport type Div = React.ComponentPropsWithoutRef<'div'>\n\nexport type Id = number | string | null | undefined\n\n// all keys are optional since data shape can custom\nexport interface Tier {\n  /**\n   * @since 10.19.0\n   */\n  id?: Id\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n  /**\n   * @since 10.19.0\n   */\n  nextGroupId?: Id\n  /**\n   * @since 10.19.0\n   */\n  groupId?: Id\n}\n\nexport interface TierSelection extends Selection {\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface InternalTieredSelectProps\n  extends Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * @since 10.19.0\n   */\n  options?: any[]\n  /**\n   * @since 10.19.0\n   */\n  value?: any[]\n  /**\n   * @since 12.24.0\n   */\n  'aria-labelledby'?: string\n}\n\nexport interface TieredSelectApi {\n  /**\n   * @since 10.19.0\n   */\n  afterHide: SelectProps['afterHide']\n  /**\n   * @since 10.19.0\n   */\n  afterShow: SelectProps['afterShow']\n  /**\n   * @since 10.19.0\n   */\n  beforeHide: SelectProps['beforeHide']\n  /**\n   * @since 10.19.0\n   */\n  beforeShow: SelectProps['beforeShow']\n  /**\n   * @since 10.19.0\n   */\n  block?: boolean\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.GroupId\n   * ```\n   * @since 10.19.0\n   */\n  getGroupId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Id\n   * ```\n   * @since 10.19.0\n   */\n  getId: (tier: any) => Id\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => string\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.Label\n   * ```\n   * @since 10.19.0\n   */\n  getLabel: (tier: any) => string | undefined\n\n  /**\n   * Callback for using a custom `tier` shape\n   * ```\n   * (tier: any) => Id\n   * ```\n   * Defaults to\n   * ```\n   * (tier: any) => tier.NextGroupId\n   * ```\n   * @since 10.19.0\n   */\n  getNextGroupId: (tier: any) => Id\n\n  /**\n   * Predefined strings or a callback for using a custom `value` string\n   * ```\n   * (value: any[]) => string | undefined\n   * ```\n   * Defaults to\n   * ```\n   * (value: any[]) => value.map((tier) => getLabel!(tier)).join(\" > \")\n   * ```\n   * @since 10.19.0\n   */\n  getValueString: GetValueStringFn\n\n  /**\n   * The i18n key to use for the tiered select's configurable strings.\n   * Defaults to using the core library's default strings.\n   * @since 10.19.0\n   */\n  i18nScope: string\n  /**\n   * @since 10.19.0\n   */\n  isTierDisabled?: (tier: any) => boolean | string | undefined\n  /**\n   * @since 10.19.0\n   */\n  isLeaf?: (tier: any) => boolean\n\n  /**\n   * Used to display a loading indicator as the last item of the list. Can\n   * be used with `onScrollBottom` or `onSearch`\n   * (empty `options` during search async call) to indicate the\n   * loading of new items.\n   * @since 10.19.0\n   */\n  loadingMore?: boolean\n\n  /**\n   * Callback for selecting an item from the tiered select. Returns the\n   * `Selection` object from the `Menu` api, along\n   * with the updated `value`\n   * ```\n   * (Selection: { event, item, group }, value) =>\n   * ```\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n\n  /**\n   * Callback for when the x icon is pressed.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onClear?: SelectProps['onClear']\n\n  /**\n   * Callback for when navigation occurs. Triggered by the left and right\n   * arrow keys, or clicking a navigable item. Returns the id of the next\n   * group that will be navigated to, and the updated path.\n   * ```\n   * (nextGroupId: string | number | undefined, path: any[]) =>\n   * ```\n   * @since 10.19.0\n   */\n  onNavigate?: (nextGroupId: Id, value: any[]) => void\n\n  /**\n   * Pass this callback when a quick create experience is desired. Called\n   * when the \"create\" button in quick create mode is clicked. Returns the\n   * value of the quick create input.\n   * ```\n   * (string) =>\n   * ```\n   * @since 10.19.0\n   */\n  onQuickCreate?: (name: string) => void\n\n  /**\n   * Called when the selection menu is scrolled to the bottom. Can be\n   * combined with `loadingMore` for an async infinite scrolling menu.\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onScrollBottom?: SelectProps['onScrollBottom']\n\n  /**\n   * Called when searching the TieredSelect. Behavior must be controlled by\n   * implementor\n   * ```\n   * (event) =>\n   * ```\n   * @since 10.19.0\n   */\n  onSearch?: SelectProps['onSearch']\n  /**\n   * @since 10.19.0\n   */\n  tabIndex?: number\n  /**\n   * Custom placeholder text for the search input field. If not provided,\n   * defaults to the i18n translation for 'searchPlaceholder'.\n   * @since 12.34.0\n   */\n  searchPlaceholder?: string\n}\nexport interface TieredSelectProps\n  extends Partial<Omit<TieredSelectApi, 'getValueString'>>,\n    Omit<Div, 'onSelect' | 'onChange'> {\n  /**\n   * @since 10.19.0\n   */\n  block?: SelectProps['block']\n  /**\n   * @since 10.19.0\n   */\n  disabled?: SelectProps['disabled']\n  /**\n   * @since 10.19.0\n   */\n  error?: SelectProps['error']\n  /**\n   * Prop to define a custom footer for the tiered select. Accepts a `React.ReactNode`. Takes precedence over quick create footer.\n   *\n   * Example:\n   * ```tsx\n   * <TieredSelect\n   *   ...\n   *   footer={<div>Custom Footer</div>}\n   *   ...\n   * />\n   * ```\n   *\n   * @default undefined\n   * @since 11.4.0\n   */\n  footer?: React.ReactNode | React.FunctionComponent\n  /**\n   * @since 10.19.0\n   */\n  getValueString?: GetValueString\n  /**\n   * @since 10.19.0\n   */\n  loading?: SelectProps['loading']\n  /**\n   * Flat array of tier objects, this array is used as data for the component\n   * @since 10.19.0\n   */\n  options?: any[]\n\n  /**\n   * If true, any tier is selectable. If false, only leaf nodes are selectable\n   * @default true\n   * @since 10.19.0\n   */\n  selectableTiers?: boolean\n\n  /**\n   * Flat array of tier objects that represents the selected value\n   * @since 10.19.0\n   */\n  value?: any[]\n}\n\nexport interface TieredSelectMenuProps\n  extends Omit<Div, 'onSelect' | 'onChange' | 'onDragEnd'>,\n    Pick<TieredSelectProps, 'footer' | 'loading' | 'loadingMore' | 'options'> {\n  /**\n   * @since 10.19.0\n   */\n  currentTier: Id\n  /**\n   * `id` applied to the option list, referenced by the trigger's and the search\n   * input's `aria-controls`.\n   * @since 12.54.0\n   */\n  menuId: string\n  /**\n   * @since 10.19.0\n   */\n  menuRef: React.RefObject<MenuRef>\n  /**\n   * @since 10.19.0\n   */\n  onChange: (selection: TierSelection) => void\n  /**\n   * @since 10.19.0\n   */\n  onNavigate: (nextGroupId: Id, value: any[]) => void\n  /**\n   * @since 10.19.0\n   */\n  onSearch: (e: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  previousValue: any[]\n  /**\n   * @since 10.19.0\n   */\n  value: any[]\n}\n\nexport interface ArrowButtonProps {\n  /**\n   * @since 10.19.0\n   */\n  onClick?: (event: React.SyntheticEvent) => void\n}\n\nexport interface QuickCreateInputProps {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus: boolean\n  /**\n   * @since 10.19.0\n   */\n  onSubmit: (name: string) => void\n  /**\n   * @since 10.19.0\n   */\n  placeholder: string\n}\n\nexport interface OptionsProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  emptyMessage?: string\n}\n"],"mappings":"","ignoreList":[]}

package/dist/TieredSelect/TieredSelectMenu.js

@@ -1,6 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "emptyMessage"],
-  _excluded2 = ["children", "currentTier", "footer", "loading", "loadingMore", "menuRef", "onChange", "onNavigate", "onSearch", "options", "previousValue", "value"];
+  _excluded2 = ["children", "currentTier", "footer", "loading", "loadingMore", "menuId", "menuRef", "onChange", "onNavigate", "onSearch", "options", "previousValue", "value"];
 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; }
@@ -20,6 +20,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 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 { ChevronRight, Help, Home, Plus } from '@procore/core-icons';
+import { VisuallyHidden } from '@react-aria/visually-hidden';
 import React from 'react';
 import { Box } from '../Box';
 import { Breadcrumbs } from '../Breadcrumbs';
@@ -35,10 +36,11 @@ import { useI18nContext } from '../_hooks/I18n';
 import { TieredSelectContext, useHighlightItemEffects } from './TieredSelect';
 import { StyledTieredSelect, StyledTieredSelectBreadcrumbs, StyledTieredSelectHome, StyledTieredSelectIcon, StyledTieredSelectLoadingMore, StyledTieredSelectOption, StyledTieredSelectOverlay, StyledTieredSelectSpinnerOverlay } from './TieredSelect.styles';
 function ArrowButton(props) {
+  var i18n = useI18nContext();
   return /*#__PURE__*/React.createElement(StyledTieredSelectIcon, {
     alignItems: "center",
     justifyContent: "center"
-  }, /*#__PURE__*/React.createElement(ChevronRight, null));
+  }, /*#__PURE__*/React.createElement(VisuallyHidden, null, ", ".concat(i18n.t('core.tieredSelect.goToTier'))), /*#__PURE__*/React.createElement(ChevronRight, null));
 }
 function ItemTooltipIcon() {
   return /*#__PURE__*/React.createElement(StyledTieredSelectIcon, {
@@ -127,6 +129,7 @@ export var TieredSelectMenu = /*#__PURE__*/React.forwardRef(function TieredSelec
     customFooter = _ref4.footer,
     loading = _ref4.loading,
     loadingMore = _ref4.loadingMore,
+    menuId = _ref4.menuId,
     menuRef = _ref4.menuRef,
     onChange = _ref4.onChange,
     onNavigate = _ref4.onNavigate,
@@ -158,10 +161,12 @@ export var TieredSelectMenu = /*#__PURE__*/React.forwardRef(function TieredSelec
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     searchValue = _React$useState4[0],
     setSearchValue = _React$useState4[1];
-  var _useMenuImperativeCon = useMenuImperativeControlNavigation(menuRef),
+  var _useMenuImperativeCon = useMenuImperativeControlNavigation(menuRef, true, {
+      menuId: menuId
+    }),
     menuProps = _useMenuImperativeCon.menuProps,
     menuNavigationTriggerProps = _useMenuImperativeCon.menuNavigationTriggerProps;
-  var searchIsEmpty = searchValue === '';
+  var searchIsEmpty = searchValue.trim() === '';
   var lastEntryInValue = value[value.length - 1];
   var internalOnSearch = React.useCallback(function (e) {
     setSearchValue(e.target.value);
@@ -371,7 +376,7 @@ export var TieredSelectMenu = /*#__PURE__*/React.forwardRef(function TieredSelec
     onSelect: onTierSelect,
     ref: menuRef
   }, props, menuProps, {
-    role: "none"
+    role: "listbox"
   }), /*#__PURE__*/React.createElement(MenuImperative.Header, null, !isQuickCreating && /*#__PURE__*/React.createElement(MenuImperative.Search, _extends({
     autoComplete: "false",
     onChange: internalOnSearch,

package/dist/TieredSelect/TieredSelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TieredSelectMenu.js","names":["ChevronRight","Help","Home","Plus","React","Box","Breadcrumbs","Button","FlexList","Input","MenuImperative","useMenuImperativeControlNavigation","CloseOnFocus","useOverlayTriggerContext","Spinner","Tooltip","Typography","useI18nContext","TieredSelectContext","useHighlightItemEffects","StyledTieredSelect","StyledTieredSelectBreadcrumbs","StyledTieredSelectHome","StyledTieredSelectIcon","StyledTieredSelectLoadingMore","StyledTieredSelectOption","StyledTieredSelectOverlay","StyledTieredSelectSpinnerOverlay","ArrowButton","props","createElement","alignItems","justifyContent","ItemTooltipIcon","QuickCreateInput","forwardRef","_ref","ref","autoFocus","onSubmit","placeholder","onKeyDown","e","key","currentTarget","value","flexGrow","padding","Options","_ref2","children","emptyMessage","_objectWithoutProperties","_excluded","Children","count","_extends","paddingLeft","color","intent","italic","RenderMenuItem","_ref3","_isTierDisabled","tier","selected","index","onNavigateForward","_React$useContext","useContext","isTierDisabled","getNextGroupId","onQuickCreate","getLabel","getId","tooltip","isDisabled","Boolean","showNextTierArrow","overlay","menuItem","disabled","item","Fragment","onClick","concat","trigger","placement","TieredSelectMenu","_ref4","currentTier","customFooter","footer","loading","loadingMore","menuRef","onChange","onNavigate","onSearch","_ref4$options","options","previousValue","_excluded2","_React$useContext2","getGroupId","i18nScope","onScrollBottom","searchPlaceholder","quickCreateRef","useRef","_useOverlayTriggerCon","hide","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isQuickCreating","setIsQuickCreating","_React$useState3","_React$useState4","searchValue","setSearchValue","_useMenuImperativeCon","menuProps","menuNavigationTriggerProps","searchIsEmpty","lastEntryInValue","length","internalOnSearch","useCallback","target","filteredOptions","useMemo","filter","onNavigateHome","_menuRef$current","current","highlightFirst","onBreadCrumbNavigate","_menuRef$current2","newTier","indexOf","slice","isLeaf","_menuRef$current3","newValue","_toConsumableArray","onNavigateBackward","_menuRef$current4","Math","max","_menuRef$current5","_menuRef$current5$hig","_menuRef$current7","_menuNavigationTrigge","highlighted","call","_menuRef$current6","_menuRef$current6$hig","preventDefault","stopPropagation","onTierSelect","selection","isSameGroup","_objectSpread","event","showBreadcrumbs","menuEmptyMessage","t","scope","handleQuickCreate","onQuickCreateSubmit","isTierSelected","RenderLoadingMore","size","RenderFooter","Footer","undefined","variant","block","icon","shadowStrength","label","onSelect","role","Header","Search","autoComplete","$nonInteractive","Crumb","map","array","active"],"sources":["../../src/TieredSelect/TieredSelectMenu.tsx"],"sourcesContent":["import { ChevronRight, Help, Home, Plus } from '@procore/core-icons'\nimport React from 'react'\nimport { Box } from '../Box'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Button } from '../Button'\nimport { FlexList } from '../FlexList'\nimport { Input } from '../Input'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  CloseOnFocus,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { Spinner } from '../Spinner'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type { Props } from '../_utils/types'\nimport { TieredSelectContext, useHighlightItemEffects } from './TieredSelect'\nimport {\n  StyledTieredSelect,\n  StyledTieredSelectBreadcrumbs,\n  StyledTieredSelectHome,\n  StyledTieredSelectIcon,\n  StyledTieredSelectLoadingMore,\n  StyledTieredSelectOption,\n  StyledTieredSelectOverlay,\n  StyledTieredSelectSpinnerOverlay,\n} from './TieredSelect.styles'\nimport type {\n  ArrowButtonProps,\n  OptionsProps,\n  QuickCreateInputProps,\n  Tier,\n  TieredSelectMenuProps,\n} from './TieredSelect.types'\n\nfunction ArrowButton(props: ArrowButtonProps) {\n  return (\n    <StyledTieredSelectIcon alignItems=\"center\" justifyContent=\"center\">\n      <ChevronRight />\n    </StyledTieredSelectIcon>\n  )\n}\n\nfunction ItemTooltipIcon() {\n  return (\n    <StyledTieredSelectIcon alignItems=\"center\" justifyContent=\"center\">\n      <Help />\n    </StyledTieredSelectIcon>\n  )\n}\n\nconst QuickCreateInput = React.forwardRef<\n  HTMLInputElement,\n  QuickCreateInputProps\n>(function QuickCreateInput({ autoFocus, onSubmit, placeholder }, ref) {\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      onSubmit(e.currentTarget.value)\n    }\n  }\n\n  return (\n    <Box flexGrow=\"1\" justifyContent=\"center\" padding=\"md\">\n      <Input\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        ref={ref}\n      />\n    </Box>\n  )\n})\n\nfunction Options({ children, emptyMessage, ...props }: OptionsProps & Props) {\n  if (React.Children.count(children) === 0) {\n    return (\n      <MenuImperative.Options>\n        <Box paddingLeft=\"lg\" {...props}>\n          <Typography color=\"gray45\" intent=\"small\" italic>\n            {emptyMessage}\n          </Typography>\n        </Box>\n      </MenuImperative.Options>\n    )\n  }\n  return <MenuImperative.Options>{children}</MenuImperative.Options>\n}\n\ninterface RenderMenuItemProps {\n  tier: Tier\n  index: number\n  selected: boolean\n  onNavigateForward: (tier: Tier) => void\n}\nconst RenderMenuItem: React.FC<RenderMenuItemProps> = ({\n  tier,\n  selected,\n  index,\n  onNavigateForward,\n}) => {\n  const { isTierDisabled, getNextGroupId, onQuickCreate, getLabel, getId } =\n    React.useContext(TieredSelectContext)\n\n  const tooltip = isTierDisabled?.(tier) ?? false\n  const isDisabled = Boolean(tooltip)\n  const showNextTierArrow =\n    !tooltip && (Boolean(getNextGroupId(tier)) || Boolean(onQuickCreate))\n\n  const overlay = typeof tooltip === 'string' ? tooltip : null\n\n  const menuItem = (\n    <StyledTieredSelectOption\n      disabled={isDisabled}\n      item={tier}\n      selected={selected}\n    >\n      <>\n        {getLabel(tier)}\n        {showNextTierArrow && (\n          <Box paddingLeft=\"sm\">\n            <ArrowButton\n              data-qa=\"tiered-select-arrow\"\n              onClick={() => onNavigateForward(tier)}\n            />\n          </Box>\n        )}\n        {tooltip && (\n          <Box paddingLeft=\"sm\">\n            <ItemTooltipIcon />\n          </Box>\n        )}\n      </>\n    </StyledTieredSelectOption>\n  )\n\n  if (isDisabled && overlay) {\n    return (\n      <Tooltip\n        key={`${getId(tier)}-${index}-tooltip`}\n        overlay={overlay}\n        trigger={'hover'}\n        placement=\"right\"\n      >\n        {menuItem}\n      </Tooltip>\n    )\n  }\n\n  return menuItem\n}\n\nexport const TieredSelectMenu = React.forwardRef<\n  HTMLDivElement,\n  TieredSelectMenuProps\n>(function TieredSelectMenu(\n  {\n    children,\n    currentTier,\n    footer: customFooter,\n    loading,\n    loadingMore,\n    menuRef,\n    onChange,\n    onNavigate,\n    onSearch,\n    options = [],\n    previousValue,\n    value,\n    ...props\n  },\n  ref\n) {\n  const {\n    getGroupId,\n    getId,\n    getLabel,\n    getNextGroupId,\n    i18nScope,\n    isTierDisabled,\n    onQuickCreate,\n    onScrollBottom,\n    searchPlaceholder,\n  } = React.useContext(TieredSelectContext)\n  const quickCreateRef = React.useRef<HTMLInputElement>(null)\n\n  const { hide } = useOverlayTriggerContext()\n  const I18n = useI18nContext()\n\n  const [isQuickCreating, setIsQuickCreating] = React.useState(false)\n  const [searchValue, setSearchValue] = React.useState('')\n  const { menuProps, menuNavigationTriggerProps } =\n    useMenuImperativeControlNavigation(menuRef)\n\n  const searchIsEmpty = searchValue === ''\n\n  const lastEntryInValue = value[value.length - 1]\n\n  const internalOnSearch = React.useCallback(\n    function (e: React.ChangeEvent<HTMLInputElement>) {\n      setSearchValue(e.target.value)\n      onSearch && onSearch(e)\n    },\n    [onSearch]\n  )\n\n  // When searching (all options have been flattened) we dont filter by id\n  const filteredOptions = React.useMemo(() => {\n    return searchIsEmpty\n      ? options.filter((tier) => {\n          return getGroupId(tier) === currentTier\n        })\n      : options\n  }, [currentTier, getGroupId, options, searchIsEmpty])\n\n  useHighlightItemEffects({\n    currentTier,\n    searchValue,\n    menuRef,\n    loading,\n    loadingMore,\n  })\n\n  const onNavigateHome = React.useCallback(\n    function () {\n      onNavigate(null, [])\n      menuRef.current?.highlightFirst()\n    },\n    [menuRef, onNavigate]\n  )\n\n  const onBreadCrumbNavigate = React.useCallback(\n    function (tier: Tier) {\n      const newTier = value.indexOf(tier)\n      onNavigate(getNextGroupId(tier), value.slice(0, newTier + 1))\n      menuRef.current?.highlightFirst()\n    },\n    [getNextGroupId, menuRef, onNavigate, value]\n  )\n\n  function onNavigateForward(tier: Tier) {\n    if (searchIsEmpty && !isQuickCreating && tier && !isLeaf(tier)) {\n      // if last value was a leaf, replace it when performing next navigation\n      const newValue =\n        lastEntryInValue && isLeaf(lastEntryInValue)\n          ? [...value.slice(0, value.length - 1), tier]\n          : [...value, tier]\n      onNavigate(getNextGroupId(tier), newValue)\n      menuRef.current?.highlightFirst()\n    }\n  }\n\n  /**\n   * need to skip back two levels if coming from a leaf node;\n   * out from the leaf and then out of the parent. this is because\n   * when tiers aren't selectectable we show the parent of the leaf\n   */\n  function onNavigateBackward() {\n    if (value.length !== 0 && searchIsEmpty) {\n      let newValue\n      let newTier\n      if (isLeaf(value[value.length - 1])) {\n        newValue = value.slice(0, Math.max(0, value.length - 2))\n        newTier = value[Math.max(0, value.length - 2)]\n      } else {\n        newValue = value.slice(0, Math.max(0, value.length - 1))\n        newTier = value[value.length - 1]\n      }\n\n      !isQuickCreating && onNavigate(getGroupId(newTier), newValue)\n      menuRef.current?.highlightFirst()\n    }\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (\n      (e.key === 'ArrowDown' || e.key === 'Down') &&\n      !menuRef.current?.highlighted?.()\n    ) {\n      e.preventDefault()\n      e.stopPropagation()\n      menuRef.current?.highlightFirst?.()\n      return\n    }\n\n    const tier = menuRef.current?.highlighted()\n    const isDisabled = isTierDisabled?.(tier)\n\n    if (e.key === 'Right' || e.key === 'ArrowRight') {\n      if (isDisabled) {\n        return\n      }\n      onNavigateForward(tier)\n      return\n    }\n\n    if (e.key === 'Left' || e.key === 'ArrowLeft') {\n      if (isDisabled) {\n        return\n      }\n      onNavigateBackward()\n      return\n    }\n\n    menuNavigationTriggerProps.onKeyDown?.(e)\n  }\n\n  const isLeaf = React.useCallback(\n    function (tier: Tier) {\n      return !getNextGroupId(tier)\n    },\n    [getNextGroupId]\n  )\n\n  function onTierSelect(selection: Selection) {\n    if (isLeaf(selection.item)) {\n      const isSameGroup = value.length\n        ? getGroupId(lastEntryInValue) === getGroupId(selection.item)\n        : false\n\n      // if the selection is in the same group as the old selection, replace the old selection\n      const newValue = isSameGroup\n        ? [...value.slice(0, value.length - 1), selection.item]\n        : [...value, selection.item]\n\n      onChange({ ...selection, value: newValue })\n      searchValue &&\n        internalOnSearch({\n          target: { value: '' },\n        } as React.ChangeEvent<HTMLInputElement>)\n      hide(selection.event)\n    } else {\n      onNavigateForward(selection.item)\n    }\n  }\n\n  // non-selectable tiers can have a leaf node in the root tier, so if selected\n  // it will reopen to the root tier and we should not show breadcrumbs\n  function showBreadcrumbs() {\n    return (\n      value.length &&\n      searchIsEmpty &&\n      !(value.length === 1 && isLeaf(value[value.length - 1]))\n    )\n  }\n\n  const menuEmptyMessage = searchIsEmpty\n    ? I18n.t('emptyMessage', { scope: i18nScope })\n    : I18n.t('searchEmptyMessage', { scope: i18nScope })\n\n  const handleQuickCreate = React.useCallback(\n    function (e: React.KeyboardEvent<HTMLButtonElement>) {\n      // stops menu from selecting item and closing on enter press\n      e.stopPropagation()\n      if (e.key === 'Enter') {\n        setIsQuickCreating(true)\n      }\n    },\n    [setIsQuickCreating]\n  )\n\n  const onQuickCreateSubmit = React.useCallback(\n    function () {\n      onQuickCreate &&\n        quickCreateRef.current &&\n        onQuickCreate(quickCreateRef.current.value)\n      setIsQuickCreating(false)\n    },\n    [onQuickCreate, quickCreateRef, setIsQuickCreating]\n  )\n\n  function isTierSelected(tier: Tier) {\n    if (previousValue.length) {\n      return getId(tier) === getId(previousValue[previousValue.length - 1])\n    }\n    return false\n  }\n\n  function RenderLoadingMore() {\n    return (\n      <StyledTieredSelectLoadingMore data-qa=\"tiered-select-loading-more\">\n        <Spinner size=\"sm\" />\n      </StyledTieredSelectLoadingMore>\n    )\n  }\n\n  const RenderFooter = React.useCallback(() => {\n    if (customFooter) {\n      // Render custom footer, if defined.\n      if (typeof customFooter === 'function') {\n        return <MenuImperative.Footer>{customFooter({})}</MenuImperative.Footer>\n      }\n\n      return <MenuImperative.Footer>{customFooter}</MenuImperative.Footer>\n    }\n\n    if (onQuickCreate === undefined) {\n      // no footer if `onQuickCreate` is not defined.\n      return null\n    }\n\n    if (isQuickCreating) {\n      // Render `Cancel` and `Create` labels if \"quick creating\".\n      return (\n        <MenuImperative.Footer data-something=\"true\">\n          <FlexList size=\"xs\" justifyContent=\"flex-end\">\n            <Button\n              onClick={() => setIsQuickCreating(false)}\n              size=\"sm\"\n              variant=\"tertiary\"\n            >\n              {I18n.t('quickCreateCancelLabel', {\n                scope: i18nScope,\n              })}\n            </Button>\n            <Button onClick={onQuickCreateSubmit} size=\"sm\">\n              {I18n.t('quickCreateCreateLabel', {\n                scope: i18nScope,\n              })}\n            </Button>\n          </FlexList>\n        </MenuImperative.Footer>\n      )\n    }\n\n    return (\n      <MenuImperative.Footer data-something=\"true\">\n        <Button\n          block\n          size=\"sm\"\n          icon={<Plus />}\n          onClick={() => setIsQuickCreating(true)}\n          onKeyDown={handleQuickCreate}\n        >\n          {I18n.t('quickCreateActionLabel', {\n            scope: i18nScope,\n          })}\n        </Button>\n      </MenuImperative.Footer>\n    )\n  }, [\n    I18n,\n    customFooter,\n    handleQuickCreate,\n    i18nScope,\n    isQuickCreating,\n    onQuickCreate,\n    onQuickCreateSubmit,\n  ])\n\n  return (\n    <StyledTieredSelectOverlay ref={ref} shadowStrength={2}>\n      <StyledTieredSelectSpinnerOverlay\n        data-qa=\"tiered-select-loading\"\n        data-loading={loading}\n        label={I18n.t('spinnerLabel', { scope: i18nScope }) || ''}\n        loading={loading}\n        size=\"md\"\n      >\n        <StyledTieredSelect\n          onScrollBottom={onScrollBottom}\n          onSelect={onTierSelect}\n          ref={menuRef}\n          {...props}\n          {...menuProps}\n          role=\"none\"\n        >\n          <MenuImperative.Header>\n            {!isQuickCreating && (\n              <MenuImperative.Search\n                autoComplete=\"false\"\n                onChange={internalOnSearch}\n                placeholder={\n                  searchPlaceholder ||\n                  I18n.t('searchPlaceholder', {\n                    scope: i18nScope,\n                  })\n                }\n                value={searchValue}\n                {...menuNavigationTriggerProps}\n                onKeyDown={onKeyDown}\n              />\n            )}\n            {showBreadcrumbs() ? (\n              <StyledTieredSelectBreadcrumbs $nonInteractive={isQuickCreating}>\n                <Breadcrumbs.Crumb onClick={onNavigateHome}>\n                  <StyledTieredSelectHome\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                  >\n                    <Home data-qa=\"tiered-select-home\" />\n                  </StyledTieredSelectHome>\n                </Breadcrumbs.Crumb>\n                {value\n                  .filter((tier) => {\n                    // we reopen to the parent of leaf nodes, so don't show that breadcrumb\n                    return !isLeaf(tier)\n                  })\n                  .map((tier, index, array) => {\n                    return (\n                      <Breadcrumbs.Crumb\n                        active={index === array.length - 1}\n                        key={`${getId(tier)}-${index}`}\n                        onClick={() => onBreadCrumbNavigate(tier)}\n                      >\n                        {getLabel(tier)}\n                      </Breadcrumbs.Crumb>\n                    )\n                  })}\n              </StyledTieredSelectBreadcrumbs>\n            ) : null}\n          </MenuImperative.Header>\n          {!isQuickCreating ? (\n            <Options emptyMessage={menuEmptyMessage}>\n              {filteredOptions\n                .map((tier, index) => (\n                  <RenderMenuItem\n                    key={`menu-item-${getId(tier)}-${index}}`}\n                    tier={tier}\n                    selected={isTierSelected(tier)}\n                    index={index}\n                    onNavigateForward={onNavigateForward}\n                  />\n                ))\n                .concat(\n                  loadingMore && !loading\n                    ? [<RenderLoadingMore key=\"tiered-select-loading-more\" />]\n                    : []\n                )}\n            </Options>\n          ) : (\n            <QuickCreateInput\n              autoFocus={isQuickCreating}\n              onSubmit={onQuickCreateSubmit}\n              placeholder={I18n.t('quickCreatePlaceholder', {\n                scope: i18nScope,\n              })}\n              ref={quickCreateRef}\n            />\n          )}\n          <RenderFooter />\n          <CloseOnFocus hide={hide} />\n        </StyledTieredSelect>\n      </StyledTieredSelectSpinnerOverlay>\n    </StyledTieredSelectOverlay>\n  )\n})\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TieredSelectMenu.js","names":["ChevronRight","Help","Home","Plus","VisuallyHidden","React","Box","Breadcrumbs","Button","FlexList","Input","MenuImperative","useMenuImperativeControlNavigation","CloseOnFocus","useOverlayTriggerContext","Spinner","Tooltip","Typography","useI18nContext","TieredSelectContext","useHighlightItemEffects","StyledTieredSelect","StyledTieredSelectBreadcrumbs","StyledTieredSelectHome","StyledTieredSelectIcon","StyledTieredSelectLoadingMore","StyledTieredSelectOption","StyledTieredSelectOverlay","StyledTieredSelectSpinnerOverlay","ArrowButton","props","i18n","createElement","alignItems","justifyContent","concat","t","ItemTooltipIcon","QuickCreateInput","forwardRef","_ref","ref","autoFocus","onSubmit","placeholder","onKeyDown","e","key","currentTarget","value","flexGrow","padding","Options","_ref2","children","emptyMessage","_objectWithoutProperties","_excluded","Children","count","_extends","paddingLeft","color","intent","italic","RenderMenuItem","_ref3","_isTierDisabled","tier","selected","index","onNavigateForward","_React$useContext","useContext","isTierDisabled","getNextGroupId","onQuickCreate","getLabel","getId","tooltip","isDisabled","Boolean","showNextTierArrow","overlay","menuItem","disabled","item","Fragment","onClick","trigger","placement","TieredSelectMenu","_ref4","currentTier","customFooter","footer","loading","loadingMore","menuId","menuRef","onChange","onNavigate","onSearch","_ref4$options","options","previousValue","_excluded2","_React$useContext2","getGroupId","i18nScope","onScrollBottom","searchPlaceholder","quickCreateRef","useRef","_useOverlayTriggerCon","hide","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isQuickCreating","setIsQuickCreating","_React$useState3","_React$useState4","searchValue","setSearchValue","_useMenuImperativeCon","menuProps","menuNavigationTriggerProps","searchIsEmpty","trim","lastEntryInValue","length","internalOnSearch","useCallback","target","filteredOptions","useMemo","filter","onNavigateHome","_menuRef$current","current","highlightFirst","onBreadCrumbNavigate","_menuRef$current2","newTier","indexOf","slice","isLeaf","_menuRef$current3","newValue","_toConsumableArray","onNavigateBackward","_menuRef$current4","Math","max","_menuRef$current5","_menuRef$current5$hig","_menuRef$current7","_menuNavigationTrigge","highlighted","call","_menuRef$current6","_menuRef$current6$hig","preventDefault","stopPropagation","onTierSelect","selection","isSameGroup","_objectSpread","event","showBreadcrumbs","menuEmptyMessage","scope","handleQuickCreate","onQuickCreateSubmit","isTierSelected","RenderLoadingMore","size","RenderFooter","Footer","undefined","variant","block","icon","shadowStrength","label","onSelect","role","Header","Search","autoComplete","$nonInteractive","Crumb","map","array","active"],"sources":["../../src/TieredSelect/TieredSelectMenu.tsx"],"sourcesContent":["import { ChevronRight, Help, Home, Plus } from '@procore/core-icons'\nimport { VisuallyHidden } from '@react-aria/visually-hidden'\nimport React from 'react'\nimport { Box } from '../Box'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Button } from '../Button'\nimport { FlexList } from '../FlexList'\nimport { Input } from '../Input'\nimport {\n  MenuImperative,\n  useMenuImperativeControlNavigation,\n} from '../MenuImperative/MenuImperative'\nimport type { Selection } from '../MenuImperative/MenuImperative.types'\nimport {\n  CloseOnFocus,\n  useOverlayTriggerContext,\n} from '../OverlayTrigger/OverlayTrigger'\nimport { Spinner } from '../Spinner'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport type { Props } from '../_utils/types'\nimport { TieredSelectContext, useHighlightItemEffects } from './TieredSelect'\nimport {\n  StyledTieredSelect,\n  StyledTieredSelectBreadcrumbs,\n  StyledTieredSelectHome,\n  StyledTieredSelectIcon,\n  StyledTieredSelectLoadingMore,\n  StyledTieredSelectOption,\n  StyledTieredSelectOverlay,\n  StyledTieredSelectSpinnerOverlay,\n} from './TieredSelect.styles'\nimport type {\n  ArrowButtonProps,\n  OptionsProps,\n  QuickCreateInputProps,\n  Tier,\n  TieredSelectMenuProps,\n} from './TieredSelect.types'\n\nfunction ArrowButton(props: ArrowButtonProps) {\n  const i18n = useI18nContext()\n\n  return (\n    <StyledTieredSelectIcon alignItems=\"center\" justifyContent=\"center\">\n      <VisuallyHidden>\n        {`, ${i18n.t('core.tieredSelect.goToTier')}`}\n      </VisuallyHidden>\n      <ChevronRight />\n    </StyledTieredSelectIcon>\n  )\n}\n\nfunction ItemTooltipIcon() {\n  return (\n    <StyledTieredSelectIcon alignItems=\"center\" justifyContent=\"center\">\n      <Help />\n    </StyledTieredSelectIcon>\n  )\n}\n\nconst QuickCreateInput = React.forwardRef<\n  HTMLInputElement,\n  QuickCreateInputProps\n>(function QuickCreateInput({ autoFocus, onSubmit, placeholder }, ref) {\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (e.key === 'Enter') {\n      onSubmit(e.currentTarget.value)\n    }\n  }\n\n  return (\n    <Box flexGrow=\"1\" justifyContent=\"center\" padding=\"md\">\n      <Input\n        autoFocus={autoFocus}\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        ref={ref}\n      />\n    </Box>\n  )\n})\n\nfunction Options({ children, emptyMessage, ...props }: OptionsProps & Props) {\n  if (React.Children.count(children) === 0) {\n    return (\n      <MenuImperative.Options>\n        <Box paddingLeft=\"lg\" {...props}>\n          <Typography color=\"gray45\" intent=\"small\" italic>\n            {emptyMessage}\n          </Typography>\n        </Box>\n      </MenuImperative.Options>\n    )\n  }\n  return <MenuImperative.Options>{children}</MenuImperative.Options>\n}\n\ninterface RenderMenuItemProps {\n  tier: Tier\n  index: number\n  selected: boolean\n  onNavigateForward: (tier: Tier) => void\n}\nconst RenderMenuItem: React.FC<RenderMenuItemProps> = ({\n  tier,\n  selected,\n  index,\n  onNavigateForward,\n}) => {\n  const { isTierDisabled, getNextGroupId, onQuickCreate, getLabel, getId } =\n    React.useContext(TieredSelectContext)\n\n  const tooltip = isTierDisabled?.(tier) ?? false\n  const isDisabled = Boolean(tooltip)\n  const showNextTierArrow =\n    !tooltip && (Boolean(getNextGroupId(tier)) || Boolean(onQuickCreate))\n\n  const overlay = typeof tooltip === 'string' ? tooltip : null\n\n  const menuItem = (\n    <StyledTieredSelectOption\n      disabled={isDisabled}\n      item={tier}\n      selected={selected}\n    >\n      <>\n        {getLabel(tier)}\n        {showNextTierArrow && (\n          <Box paddingLeft=\"sm\">\n            <ArrowButton\n              data-qa=\"tiered-select-arrow\"\n              onClick={() => onNavigateForward(tier)}\n            />\n          </Box>\n        )}\n        {tooltip && (\n          <Box paddingLeft=\"sm\">\n            <ItemTooltipIcon />\n          </Box>\n        )}\n      </>\n    </StyledTieredSelectOption>\n  )\n\n  if (isDisabled && overlay) {\n    return (\n      <Tooltip\n        key={`${getId(tier)}-${index}-tooltip`}\n        overlay={overlay}\n        trigger={'hover'}\n        placement=\"right\"\n      >\n        {menuItem}\n      </Tooltip>\n    )\n  }\n\n  return menuItem\n}\n\nexport const TieredSelectMenu = React.forwardRef<\n  HTMLDivElement,\n  TieredSelectMenuProps\n>(function TieredSelectMenu(\n  {\n    children,\n    currentTier,\n    footer: customFooter,\n    loading,\n    loadingMore,\n    menuId,\n    menuRef,\n    onChange,\n    onNavigate,\n    onSearch,\n    options = [],\n    previousValue,\n    value,\n    ...props\n  },\n  ref\n) {\n  const {\n    getGroupId,\n    getId,\n    getLabel,\n    getNextGroupId,\n    i18nScope,\n    isTierDisabled,\n    onQuickCreate,\n    onScrollBottom,\n    searchPlaceholder,\n  } = React.useContext(TieredSelectContext)\n  const quickCreateRef = React.useRef<HTMLInputElement>(null)\n\n  const { hide } = useOverlayTriggerContext()\n  const I18n = useI18nContext()\n\n  const [isQuickCreating, setIsQuickCreating] = React.useState(false)\n  const [searchValue, setSearchValue] = React.useState('')\n  const { menuProps, menuNavigationTriggerProps } =\n    useMenuImperativeControlNavigation(menuRef, true, { menuId })\n\n  const searchIsEmpty = searchValue.trim() === ''\n\n  const lastEntryInValue = value[value.length - 1]\n\n  const internalOnSearch = React.useCallback(\n    function (e: React.ChangeEvent<HTMLInputElement>) {\n      setSearchValue(e.target.value)\n      onSearch && onSearch(e)\n    },\n    [onSearch]\n  )\n\n  // When searching (all options have been flattened) we dont filter by id\n  const filteredOptions = React.useMemo(() => {\n    return searchIsEmpty\n      ? options.filter((tier) => {\n          return getGroupId(tier) === currentTier\n        })\n      : options\n  }, [currentTier, getGroupId, options, searchIsEmpty])\n\n  useHighlightItemEffects({\n    currentTier,\n    searchValue,\n    menuRef,\n    loading,\n    loadingMore,\n  })\n\n  const onNavigateHome = React.useCallback(\n    function () {\n      onNavigate(null, [])\n      menuRef.current?.highlightFirst()\n    },\n    [menuRef, onNavigate]\n  )\n\n  const onBreadCrumbNavigate = React.useCallback(\n    function (tier: Tier) {\n      const newTier = value.indexOf(tier)\n      onNavigate(getNextGroupId(tier), value.slice(0, newTier + 1))\n      menuRef.current?.highlightFirst()\n    },\n    [getNextGroupId, menuRef, onNavigate, value]\n  )\n\n  function onNavigateForward(tier: Tier) {\n    if (searchIsEmpty && !isQuickCreating && tier && !isLeaf(tier)) {\n      // if last value was a leaf, replace it when performing next navigation\n      const newValue =\n        lastEntryInValue && isLeaf(lastEntryInValue)\n          ? [...value.slice(0, value.length - 1), tier]\n          : [...value, tier]\n      onNavigate(getNextGroupId(tier), newValue)\n      menuRef.current?.highlightFirst()\n    }\n  }\n\n  /**\n   * need to skip back two levels if coming from a leaf node;\n   * out from the leaf and then out of the parent. this is because\n   * when tiers aren't selectectable we show the parent of the leaf\n   */\n  function onNavigateBackward() {\n    if (value.length !== 0 && searchIsEmpty) {\n      let newValue\n      let newTier\n      if (isLeaf(value[value.length - 1])) {\n        newValue = value.slice(0, Math.max(0, value.length - 2))\n        newTier = value[Math.max(0, value.length - 2)]\n      } else {\n        newValue = value.slice(0, Math.max(0, value.length - 1))\n        newTier = value[value.length - 1]\n      }\n\n      !isQuickCreating && onNavigate(getGroupId(newTier), newValue)\n      menuRef.current?.highlightFirst()\n    }\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (\n      (e.key === 'ArrowDown' || e.key === 'Down') &&\n      !menuRef.current?.highlighted?.()\n    ) {\n      e.preventDefault()\n      e.stopPropagation()\n      menuRef.current?.highlightFirst?.()\n      return\n    }\n\n    const tier = menuRef.current?.highlighted()\n    const isDisabled = isTierDisabled?.(tier)\n\n    if (e.key === 'Right' || e.key === 'ArrowRight') {\n      if (isDisabled) {\n        return\n      }\n      onNavigateForward(tier)\n      return\n    }\n\n    if (e.key === 'Left' || e.key === 'ArrowLeft') {\n      if (isDisabled) {\n        return\n      }\n      onNavigateBackward()\n      return\n    }\n\n    menuNavigationTriggerProps.onKeyDown?.(e)\n  }\n\n  const isLeaf = React.useCallback(\n    function (tier: Tier) {\n      return !getNextGroupId(tier)\n    },\n    [getNextGroupId]\n  )\n\n  function onTierSelect(selection: Selection) {\n    if (isLeaf(selection.item)) {\n      const isSameGroup = value.length\n        ? getGroupId(lastEntryInValue) === getGroupId(selection.item)\n        : false\n\n      // if the selection is in the same group as the old selection, replace the old selection\n      const newValue = isSameGroup\n        ? [...value.slice(0, value.length - 1), selection.item]\n        : [...value, selection.item]\n\n      onChange({ ...selection, value: newValue })\n      searchValue &&\n        internalOnSearch({\n          target: { value: '' },\n        } as React.ChangeEvent<HTMLInputElement>)\n      hide(selection.event)\n    } else {\n      onNavigateForward(selection.item)\n    }\n  }\n\n  // non-selectable tiers can have a leaf node in the root tier, so if selected\n  // it will reopen to the root tier and we should not show breadcrumbs\n  function showBreadcrumbs() {\n    return (\n      value.length &&\n      searchIsEmpty &&\n      !(value.length === 1 && isLeaf(value[value.length - 1]))\n    )\n  }\n\n  const menuEmptyMessage = searchIsEmpty\n    ? I18n.t('emptyMessage', { scope: i18nScope })\n    : I18n.t('searchEmptyMessage', { scope: i18nScope })\n\n  const handleQuickCreate = React.useCallback(\n    function (e: React.KeyboardEvent<HTMLButtonElement>) {\n      // stops menu from selecting item and closing on enter press\n      e.stopPropagation()\n      if (e.key === 'Enter') {\n        setIsQuickCreating(true)\n      }\n    },\n    [setIsQuickCreating]\n  )\n\n  const onQuickCreateSubmit = React.useCallback(\n    function () {\n      onQuickCreate &&\n        quickCreateRef.current &&\n        onQuickCreate(quickCreateRef.current.value)\n      setIsQuickCreating(false)\n    },\n    [onQuickCreate, quickCreateRef, setIsQuickCreating]\n  )\n\n  function isTierSelected(tier: Tier) {\n    if (previousValue.length) {\n      return getId(tier) === getId(previousValue[previousValue.length - 1])\n    }\n    return false\n  }\n\n  function RenderLoadingMore() {\n    return (\n      <StyledTieredSelectLoadingMore data-qa=\"tiered-select-loading-more\">\n        <Spinner size=\"sm\" />\n      </StyledTieredSelectLoadingMore>\n    )\n  }\n\n  const RenderFooter = React.useCallback(() => {\n    if (customFooter) {\n      // Render custom footer, if defined.\n      if (typeof customFooter === 'function') {\n        return <MenuImperative.Footer>{customFooter({})}</MenuImperative.Footer>\n      }\n\n      return <MenuImperative.Footer>{customFooter}</MenuImperative.Footer>\n    }\n\n    if (onQuickCreate === undefined) {\n      // no footer if `onQuickCreate` is not defined.\n      return null\n    }\n\n    if (isQuickCreating) {\n      // Render `Cancel` and `Create` labels if \"quick creating\".\n      return (\n        <MenuImperative.Footer data-something=\"true\">\n          <FlexList size=\"xs\" justifyContent=\"flex-end\">\n            <Button\n              onClick={() => setIsQuickCreating(false)}\n              size=\"sm\"\n              variant=\"tertiary\"\n            >\n              {I18n.t('quickCreateCancelLabel', {\n                scope: i18nScope,\n              })}\n            </Button>\n            <Button onClick={onQuickCreateSubmit} size=\"sm\">\n              {I18n.t('quickCreateCreateLabel', {\n                scope: i18nScope,\n              })}\n            </Button>\n          </FlexList>\n        </MenuImperative.Footer>\n      )\n    }\n\n    return (\n      <MenuImperative.Footer data-something=\"true\">\n        <Button\n          block\n          size=\"sm\"\n          icon={<Plus />}\n          onClick={() => setIsQuickCreating(true)}\n          onKeyDown={handleQuickCreate}\n        >\n          {I18n.t('quickCreateActionLabel', {\n            scope: i18nScope,\n          })}\n        </Button>\n      </MenuImperative.Footer>\n    )\n  }, [\n    I18n,\n    customFooter,\n    handleQuickCreate,\n    i18nScope,\n    isQuickCreating,\n    onQuickCreate,\n    onQuickCreateSubmit,\n  ])\n\n  return (\n    <StyledTieredSelectOverlay ref={ref} shadowStrength={2}>\n      <StyledTieredSelectSpinnerOverlay\n        data-qa=\"tiered-select-loading\"\n        data-loading={loading}\n        label={I18n.t('spinnerLabel', { scope: i18nScope }) || ''}\n        loading={loading}\n        size=\"md\"\n      >\n        <StyledTieredSelect\n          onScrollBottom={onScrollBottom}\n          onSelect={onTierSelect}\n          ref={menuRef}\n          {...props}\n          {...menuProps}\n          role=\"listbox\"\n        >\n          <MenuImperative.Header>\n            {!isQuickCreating && (\n              <MenuImperative.Search\n                autoComplete=\"false\"\n                onChange={internalOnSearch}\n                placeholder={\n                  searchPlaceholder ||\n                  I18n.t('searchPlaceholder', {\n                    scope: i18nScope,\n                  })\n                }\n                value={searchValue}\n                {...menuNavigationTriggerProps}\n                onKeyDown={onKeyDown}\n              />\n            )}\n            {showBreadcrumbs() ? (\n              <StyledTieredSelectBreadcrumbs $nonInteractive={isQuickCreating}>\n                <Breadcrumbs.Crumb onClick={onNavigateHome}>\n                  <StyledTieredSelectHome\n                    alignItems=\"center\"\n                    justifyContent=\"center\"\n                  >\n                    <Home data-qa=\"tiered-select-home\" />\n                  </StyledTieredSelectHome>\n                </Breadcrumbs.Crumb>\n                {value\n                  .filter((tier) => {\n                    // we reopen to the parent of leaf nodes, so don't show that breadcrumb\n                    return !isLeaf(tier)\n                  })\n                  .map((tier, index, array) => {\n                    return (\n                      <Breadcrumbs.Crumb\n                        active={index === array.length - 1}\n                        key={`${getId(tier)}-${index}`}\n                        onClick={() => onBreadCrumbNavigate(tier)}\n                      >\n                        {getLabel(tier)}\n                      </Breadcrumbs.Crumb>\n                    )\n                  })}\n              </StyledTieredSelectBreadcrumbs>\n            ) : null}\n          </MenuImperative.Header>\n          {!isQuickCreating ? (\n            <Options emptyMessage={menuEmptyMessage}>\n              {filteredOptions\n                .map((tier, index) => (\n                  <RenderMenuItem\n                    key={`menu-item-${getId(tier)}-${index}}`}\n                    tier={tier}\n                    selected={isTierSelected(tier)}\n                    index={index}\n                    onNavigateForward={onNavigateForward}\n                  />\n                ))\n                .concat(\n                  loadingMore && !loading\n                    ? [<RenderLoadingMore key=\"tiered-select-loading-more\" />]\n                    : []\n                )}\n            </Options>\n          ) : (\n            <QuickCreateInput\n              autoFocus={isQuickCreating}\n              onSubmit={onQuickCreateSubmit}\n              placeholder={I18n.t('quickCreatePlaceholder', {\n                scope: i18nScope,\n              })}\n              ref={quickCreateRef}\n            />\n          )}\n          <RenderFooter />\n          <CloseOnFocus hide={hide} />\n        </StyledTieredSelect>\n      </StyledTieredSelectSpinnerOverlay>\n    </StyledTieredSelectOverlay>\n  )\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/Tile/Tile.styles.d.ts

@@ -2,23 +2,46 @@ import type { TileCommonProps } from './Tile.types';
 interface StyledTile {
     $orientation: TileCommonProps['orientation'];
 }
-export declare const StyledLinkTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledTile>> & string;
-export declare const StyledSelectableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile & {
+export declare const StyledLinkTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile>> & string;
+export declare const StyledSelectableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile & {
     $selected: boolean;
     $disabled?: boolean;
     $focused?: boolean;
     $layoutless?: boolean;
 }>> & string;
-export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile>> & string;
-export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTile>> & string;
+export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>, never>> & string;
-export declare const StyledHeroMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const StyledHeroMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $orientation: TileCommonProps["orientation"];
 }>> & string;
-export declare const StyledHeroOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledHeroText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledHeroOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledHeroText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $orientation: TileCommonProps["orientation"];
 }>> & string;
 export {};

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_53_1__sc-8q9p0n-0"
+  componentId: "core-12_53_3__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_53_1__sc-8q9p0n-1"
+  componentId: "core-12_53_3__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_53_1__sc-8q9p0n-2"
+  componentId: "core-12_53_3__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_53_1__sc-8q9p0n-3"
+  componentId: "core-12_53_3__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_53_1__sc-8q9p0n-4"
+  componentId: "core-12_53_3__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_53_1__sc-8q9p0n-5"
+  componentId: "core-12_53_3__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:calc(", "px - 1px);border-bottom-left-radius:calc(", "px - 1px);> *,> picture > img{border-bottom-left-radius:calc(", "px - 1px);border-top-left-radius:calc(", "px - 1px);height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md, mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);> *,> picture > img{border-top-left-radius:calc(", "px - 1px);border-top-right-radius:calc(", "px - 1px);min-height:inherit;max-height:inherit;height:auto;width:100%;}"], borderRadius.md, borderRadius.md, borderRadius.md, borderRadius.md);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_53_1__sc-8q9p0n-6"
+  componentId: "core-12_53_3__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_53_1__sc-8q9p0n-7"
+  componentId: "core-12_53_3__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Title/Title.styles.d.ts

@@ -1,14 +1,35 @@
 import type { TitleAssetsProps } from './Title.types';
-export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledAssets: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TitleAssetsProps>> & string;
-export declare const StyledTitleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTitle: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledAssets: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, TitleAssetsProps>> & string;
+export declare const StyledTitleContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $hasActions: boolean;
 }>> & string;
-export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledTitlePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTitlePill: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>, never>> & string;
-export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+        [key: `--${string}`]: string | number | undefined;
+    }) | undefined;
+}> & string;
+export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_53_1__sc-1t2ye1d-0"
+  componentId: "core-12_53_3__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_53_1__sc-1t2ye1d-1"
+  componentId: "core-12_53_3__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_53_1__sc-1t2ye1d-2"
+  componentId: "core-12_53_3__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_53_1__sc-1t2ye1d-3"
+  componentId: "core-12_53_3__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_53_1__sc-1t2ye1d-4"
+  componentId: "core-12_53_3__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_53_1__sc-1t2ye1d-5"
+  componentId: "core-12_53_3__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_53_1__sc-1t2ye1d-6"
+  componentId: "core-12_53_3__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Toast/Toast.styles.d.ts

@@ -1,10 +1,16 @@
 import type { ToastVariant } from './Toast.types';
-export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $variant: ToastVariant;
 }>> & string;
-export declare const StyledToastText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const StyledToastText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $legacy?: boolean;
 }>> & string;
-export declare const StyledToastButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+export declare const StyledToastButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_53_1__sc-1l6lk2n-0"
+  componentId: "core-12_53_3__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;box-sizing:border-box;color:", ";display:flex;flex-wrap:wrap;max-width:min(550px,calc(100vw - ", "px));min-height:48px;padding:", "px ", "px;width:550px;a{color:", ";text-decoration:underline;}"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,7 +16,7 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_53_1__sc-1l6lk2n-1"
+  componentId: "core-12_53_3__sc-1l6lk2n-1"
 })(["", " flex:1 1 0;font-weight:", ";min-width:0;overflow-wrap:anywhere;", " @media (max-width:320px){flex:0 0 100%;order:1;padding:", "px 0 0;", "}"], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
@@ -26,6 +26,6 @@ export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_53_1__sc-1l6lk2n-2"
+  componentId: "core-12_53_3__sc-1l6lk2n-2"
 })(["align-self:flex-start;line-height:0;color:", ";flex-shrink:0;padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.d.ts

@@ -1,5 +1,7 @@
-export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+export declare const StyledToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }, {
     $selected: boolean;
     loading?: boolean;