@procore/core-react 12.21.2 → 12.23.0

package/dist/TieredSelect/TieredSelect.styles.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const StyledTieredSelect: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("..").UNSAFE_MenuRef>> & {
+export declare const StyledTieredSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("..").UNSAFE_MenuRef>, "ref"> & {
+    ref?: import("react").RefObject<import("..").UNSAFE_MenuRef> | ((instance: import("..").UNSAFE_MenuRef | null) => void) | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("..").UNSAFE_MenuRef>> & {
     CheckboxItem: import("react").ForwardRefExoticComponent<(import("..").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps) & Omit<import("..").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
     Droppable: typeof import("../MenuImperative/MenuImperative").Droppable;
     Footer: import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../MenuImperative/MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -11,16 +13,30 @@ export declare const StyledTieredSelect: import("styled-components").StyledCompo
         ({ className, i18nScope, placeholder, onChange: _onChange, ...props }: import("../MenuImperative/MenuImperative.types").MenuSearchProps): import("react").JSX.Element;
         displayName: string;
     };
-}, any, {}, never>;
-export declare const StyledTieredSelectIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectArrowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledTieredSelectBreadcrumbs: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
-    Crumb: import("react").ForwardRefExoticComponent<((import("../_utils/types").LiAttributes & import("..").BreadcrumbCrumbProps) | (import("..").DivAttributes & import("..").BreadcrumbCrumbProps)) & import("react").RefAttributes<HTMLDivElement | HTMLLIElement>>;
-}, any, {
+}, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectBreadcrumbs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, {
     $nonInteractive: boolean;
-}, never>;
-export declare const StyledTieredSelectHome: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectOption: import("styled-components").StyledComponent<import("../_utils/polymorphic").PolymorphicAs.ComponentWithForwardedRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement>, any, {}, never>;
-export declare const StyledTieredSelectLoadingMore: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledTieredSelectSpinnerOverlay: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
+    Crumb: import("react").ForwardRefExoticComponent<((import("../_utils/types").LiAttributes & import("..").BreadcrumbCrumbProps) | (import("..").DivAttributes & import("..").BreadcrumbCrumbProps)) & import("react").RefAttributes<HTMLDivElement | HTMLLIElement>>;
+}, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectHome: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../_utils/polymorphic").PolymorphicAs.ComponentPropsWithRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement> & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("../_utils/polymorphic").PolymorphicAs.ComponentWithForwardedRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectLoadingMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectSpinnerOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_21_2__sc-e1ql06-0"
+  componentId: "core-12_23_0__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_21_2__sc-e1ql06-1"
+  componentId: "core-12_23_0__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_21_2__sc-e1ql06-2"
+  componentId: "core-12_23_0__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_21_2__sc-e1ql06-3"
+  componentId: "core-12_23_0__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_21_2__sc-e1ql06-4"
+  componentId: "core-12_23_0__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_21_2__sc-e1ql06-5"
+  componentId: "core-12_23_0__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_21_2__sc-e1ql06-6"
+  componentId: "core-12_23_0__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_21_2__sc-e1ql06-7"
+  componentId: "core-12_23_0__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_21_2__sc-e1ql06-8"
+  componentId: "core-12_23_0__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

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

@@ -247,7 +247,7 @@ export interface TieredSelectProps extends Partial<Omit<TieredSelectApi, 'getVal
      * @default undefined
      * @since 11.4.0
      */
-    footer?: React.ReactNode;
+    footer?: React.ReactNode | React.FunctionComponent;
     /**
      * @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\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}\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\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":""}
+{"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\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}\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":""}

package/dist/TieredSelect/TieredSelectMenu.js

@@ -19,18 +19,18 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 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/dist';
+import { ChevronRight, Help, Home, Plus } from '@procore/core-icons';
 import React from 'react';
-import { Box } from '../Box/Box';
-import { Breadcrumbs } from '../Breadcrumbs/Breadcrumbs';
-import { Button } from '../Button/Button';
-import { FlexList } from '../FlexList/FlexList';
-import { Input } from '../Input/Input';
+import { Box } from '../Box';
+import { Breadcrumbs } from '../Breadcrumbs';
+import { Button } from '../Button';
+import { FlexList } from '../FlexList';
+import { Input } from '../Input';
 import { MenuImperative, useMenuImperativeControlNavigation } from '../MenuImperative/MenuImperative';
 import { CloseOnFocus, useOverlayTriggerContext } from '../OverlayTrigger/OverlayTrigger';
-import { Spinner } from '../Spinner/Spinner';
-import { Tooltip } from '../Tooltip/Tooltip';
-import { Typography } from '../Typography/Typography';
+import { Spinner } from '../Spinner';
+import { Tooltip } from '../Tooltip';
+import { Typography } from '../Typography';
 import { useI18nContext } from '../_hooks/I18n';
 import { TieredSelectContext, useHighlightItemEffects } from './TieredSelect';
 import { StyledTieredSelect, StyledTieredSelectBreadcrumbs, StyledTieredSelectHome, StyledTieredSelectIcon, StyledTieredSelectLoadingMore, StyledTieredSelectOption, StyledTieredSelectOverlay, StyledTieredSelectSpinnerOverlay } from './TieredSelect.styles';
@@ -306,7 +306,7 @@ export var TieredSelectMenu = /*#__PURE__*/React.forwardRef(function TieredSelec
     if (customFooter) {
       // Render custom footer, if defined.
       if (typeof customFooter === 'function') {
-        return /*#__PURE__*/React.createElement(MenuImperative.Footer, null, customFooter());
+        return /*#__PURE__*/React.createElement(MenuImperative.Footer, null, customFooter({}));
       }
       return /*#__PURE__*/React.createElement(MenuImperative.Footer, null, customFooter);
     }

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","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","_menuNavigationTrigge","highlighted","call","onTierSelect","selection","isSameGroup","_objectSpread","event","showBreadcrumbs","menuEmptyMessage","t","scope","handleQuickCreate","stopPropagation","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/dist'\nimport React from 'react'\nimport { Box } from '../Box/Box'\nimport { Breadcrumbs } from '../Breadcrumbs/Breadcrumbs'\nimport { Button } from '../Button/Button'\nimport { FlexList } from '../FlexList/FlexList'\nimport { Input } from '../Input/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/Spinner'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { Typography } from '../Typography/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  } = 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    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    if (loadingMore && !loading) {\n      return (\n        <StyledTieredSelectLoadingMore data-qa=\"tiered-select-loading-more\">\n          <Spinner size=\"sm\" />\n        </StyledTieredSelectLoadingMore>\n      )\n    }\n\n    return null\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={I18n.t('searchPlaceholder', {\n                  scope: i18nScope,\n                })}\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(<RenderLoadingMore key=\"tiered-select-loading-more\" />)}\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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"}
+{"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","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","_menuNavigationTrigge","highlighted","call","onTierSelect","selection","isSameGroup","_objectSpread","event","showBreadcrumbs","menuEmptyMessage","t","scope","handleQuickCreate","stopPropagation","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  } = 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    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    if (loadingMore && !loading) {\n      return (\n        <StyledTieredSelectLoadingMore data-qa=\"tiered-select-loading-more\">\n          <Spinner size=\"sm\" />\n        </StyledTieredSelectLoadingMore>\n      )\n    }\n\n    return null\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={I18n.t('searchPlaceholder', {\n                  scope: i18nScope,\n                })}\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(<RenderLoadingMore key=\"tiered-select-loading-more\" />)}\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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"}

package/dist/Tile/Tile.js

@@ -118,7 +118,7 @@ export var SelectableTile = /*#__PURE__*/React.forwardRef(function SelectableTil
     $orientation: orientation,
     $selected: selected,
     tabIndex: !disabled ? 0 : undefined,
-    onClick: function onClick(e) {
+    onClick: function onClick() {
       if (!disabled) {
         _onClick === null || _onClick === void 0 ? void 0 : _onClick();
       }

package/dist/Tile/Tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.js","names":["React","StyledActions","addSubcomponents","mergeRefs","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","SelectableTile","_ref7","_ref7$selected","selected","onKeyDown","_ref7$disabled","disabled","_excluded7","$disabled","$selected","tabIndex","undefined","e","code","Tile_","Tile","_ref8","_ref8$variant","variant","_ref8$orientation","_excluded8"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledActions } from '../Content/Content.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from './Tile.styles'\nimport type {\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  SelectableTileProps,\n  TileCommonProps,\n  TileProps,\n} from './Tile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<Pick<TileCommonProps, 'orientation'>>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'variant'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'variant'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\n\nexport const SelectableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<SelectableTileProps, 'variant'>\n>(function SelectableTile(\n  {\n    orientation,\n    selected = false,\n    onClick,\n    onKeyDown,\n    disabled = false,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <StyledSelectableTile\n      ref={ref}\n      $disabled={disabled}\n      $orientation={orientation}\n      $selected={selected}\n      tabIndex={!disabled ? 0 : undefined}\n      onClick={(e) => {\n        if (!disabled) {\n          onClick?.()\n        }\n      }}\n      onKeyDown={(e) => {\n        const { code } = e\n\n        if (code === 'Enter' || code === 'Space') {\n          onClick?.()\n        }\n\n        onKeyDown?.(e)\n      }}\n      {...props}\n    >\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledSelectableTile>\n  )\n})\n\nconst Tile_ = React.forwardRef<HTMLElement, TileProps>(function Tile(\n  { variant = 'interactive', orientation = 'portrait', ...props },\n  ref\n) {\n  switch (variant) {\n    case 'interactive':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<InteractableTileProps, 'orientation'>)}\n        />\n      )\n    case 'selectable':\n      return (\n        <SelectableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<SelectableTileProps, 'orientation'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          orientation={orientation}\n          {...(props as Omit<LinkTileProps, 'orientation'>)}\n        />\n      )\n  }\n})\n\nexport const Tile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Tile.js","names":["React","StyledActions","addSubcomponents","mergeRefs","StyledFooter","StyledHeroMedia","StyledHeroOverlay","StyledHeroText","StyledInteractableTile","StyledLinkTile","StyledSelectableTile","StyledTileContent","heroTextGridTemplateColumns","TileContext","createContext","orientation","HeroMedia","forwardRef","_ref","ref","children","_ref$overlay","overlay","onOverlayClick","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","heroRef","useRef","useLayoutEffect","_heroRef$current","_heroRef$current$pare","current","parentElement","style","removeProperty","createElement","_extends","$orientation","onClick","HeroText","_ref2","_excluded2","_React$useContext2","_heroRef$current2","_heroRef$current2$par","setProperty","Content","Footer","_ref3","_excluded3","Actions","_ref4","_excluded4","InteractableTile","_ref5","_excluded5","Provider","value","LinkTile","_ref6","_excluded6","SelectableTile","_ref7","_ref7$selected","selected","onKeyDown","_ref7$disabled","disabled","_excluded7","$disabled","$selected","tabIndex","undefined","e","code","Tile_","Tile","_ref8","_ref8$variant","variant","_ref8$orientation","_excluded8"],"sources":["../../src/Tile/Tile.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledActions } from '../Content/Content.styles'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { Props } from '../_utils/types'\nimport {\n  StyledFooter,\n  StyledHeroMedia,\n  StyledHeroOverlay,\n  StyledHeroText,\n  StyledInteractableTile,\n  StyledLinkTile,\n  StyledSelectableTile,\n  StyledTileContent,\n} from './Tile.styles'\nimport type {\n  HeroMediaProps,\n  HeroTextProps,\n  InteractableTileProps,\n  LinkTileProps,\n  SelectableTileProps,\n  TileCommonProps,\n  TileProps,\n} from './Tile.types'\n\nconst heroTextGridTemplateColumns = 'auto 1fr'\n\nconst TileContext = React.createContext<Pick<TileCommonProps, 'orientation'>>({\n  orientation: 'portrait',\n})\n\nconst HeroMedia = React.forwardRef<HTMLDivElement, HeroMediaProps>(\n  function HeroMedia(\n    { children, overlay = false, onOverlayClick, ...props },\n    ref\n  ) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.removeProperty(\n          '--core-tile-grid-template-columns'\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroMedia\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {overlay && <StyledHeroOverlay onClick={onOverlayClick} />}\n        {children}\n      </StyledHeroMedia>\n    )\n  }\n)\n\nconst HeroText = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function HeroText({ children, ...props }, ref) {\n    const { orientation } = React.useContext(TileContext)\n    const heroRef = React.useRef<HTMLDivElement>(null)\n\n    React.useLayoutEffect(() => {\n      if (orientation === 'landscape') {\n        heroRef.current?.parentElement?.style.setProperty(\n          '--core-tile-grid-template-columns',\n          heroTextGridTemplateColumns\n        )\n      }\n    }, [orientation])\n\n    return (\n      <StyledHeroText\n        ref={mergeRefs(heroRef, ref)}\n        $orientation={orientation}\n        {...props}\n      >\n        {children}\n      </StyledHeroText>\n    )\n  }\n)\n\nconst Content = React.forwardRef<HTMLDivElement, HeroTextProps>(\n  function Content(props, ref) {\n    return <StyledTileContent ref={ref} {...props} />\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, Props>(function Footer(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledFooter ref={ref} {...props}>\n      {children}\n    </StyledFooter>\n  )\n})\n\nconst Actions = React.forwardRef<HTMLDivElement, Props>(function Actions(\n  { children, ...props },\n  ref\n) {\n  return (\n    <StyledActions ref={ref} {...props}>\n      {children}\n    </StyledActions>\n  )\n})\n\nexport const InteractableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<InteractableTileProps, 'variant'>\n>(function InteractableTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledInteractableTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledInteractableTile>\n  )\n})\n\nexport const LinkTile = React.forwardRef<\n  HTMLAnchorElement,\n  Omit<LinkTileProps, 'variant'>\n>(function LinkTile({ orientation, children, ...props }, ref) {\n  return (\n    <StyledLinkTile ref={ref} $orientation={orientation} {...props}>\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledLinkTile>\n  )\n})\n\nexport const SelectableTile = React.forwardRef<\n  HTMLDivElement,\n  Omit<SelectableTileProps, 'variant'>\n>(function SelectableTile(\n  {\n    orientation,\n    selected = false,\n    onClick,\n    onKeyDown,\n    disabled = false,\n    children,\n    ...props\n  },\n  ref\n) {\n  return (\n    <StyledSelectableTile\n      ref={ref}\n      $disabled={disabled}\n      $orientation={orientation}\n      $selected={selected}\n      tabIndex={!disabled ? 0 : undefined}\n      onClick={() => {\n        if (!disabled) {\n          onClick?.()\n        }\n      }}\n      onKeyDown={(e: React.KeyboardEvent<HTMLDivElement>) => {\n        const { code } = e\n\n        if (code === 'Enter' || code === 'Space') {\n          onClick?.()\n        }\n\n        onKeyDown?.(e)\n      }}\n      {...props}\n    >\n      <TileContext.Provider value={{ orientation }}>\n        {children}\n      </TileContext.Provider>\n    </StyledSelectableTile>\n  )\n})\n\nconst Tile_ = React.forwardRef<HTMLElement, TileProps>(function Tile(\n  { variant = 'interactive', orientation = 'portrait', ...props },\n  ref\n) {\n  switch (variant) {\n    case 'interactive':\n      return (\n        <InteractableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<InteractableTileProps, 'orientation'>)}\n        />\n      )\n    case 'selectable':\n      return (\n        <SelectableTile\n          ref={ref as React.Ref<HTMLDivElement>}\n          orientation={orientation}\n          {...(props as Omit<SelectableTileProps, 'orientation'>)}\n        />\n      )\n    case 'link':\n      return (\n        <LinkTile\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          orientation={orientation}\n          {...(props as Omit<LinkTileProps, 'orientation'>)}\n        />\n      )\n  }\n})\n\nexport const Tile = addSubcomponents(\n  { Actions, Content, Footer, HeroText, HeroMedia },\n  Tile_\n)\n"],"mappings":"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"}

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

@@ -3,20 +3,22 @@ import type { TileCommonProps } from './Tile.types';
 interface StyledTile {
     $orientation: TileCommonProps['orientation'];
 }
-export declare const StyledLinkTile: import("styled-components").StyledComponent<"a", any, StyledTile, never>;
-export declare const StyledSelectableTile: import("styled-components").StyledComponent<"div", any, StyledTile & {
+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 & {
     $selected: boolean;
     $disabled?: boolean | undefined;
     $focused?: boolean | undefined;
-}, never>;
-export declare const StyledInteractableTile: import("styled-components").StyledComponent<"div", any, StyledTile, never>;
-export declare const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledTileContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledHeroMedia: import("styled-components").StyledComponent<"figure", any, {
+}>> & 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("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | 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>, {
     $orientation: TileCommonProps['orientation'];
-}, never>;
-export declare const StyledHeroOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledHeroText: import("styled-components").StyledComponent<"div", any, {
+}>> & 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>, {
     $orientation: TileCommonProps['orientation'];
-}, never>;
+}>> & string;
 export {};

package/dist/Tile/Tile.styles.js

@@ -39,7 +39,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_21_2__sc-8q9p0n-0"
+  componentId: "core-12_23_0__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -49,7 +49,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_21_2__sc-8q9p0n-1"
+  componentId: "core-12_23_0__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -65,7 +65,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_21_2__sc-8q9p0n-2"
+  componentId: "core-12_23_0__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -74,26 +74,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_21_2__sc-8q9p0n-3"
+  componentId: "core-12_23_0__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_21_2__sc-8q9p0n-4"
+  componentId: "core-12_23_0__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_21_2__sc-8q9p0n-5"
+  componentId: "core-12_23_0__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:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_21_2__sc-8q9p0n-6"
+  componentId: "core-12_23_0__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_21_2__sc-8q9p0n-7"
+  componentId: "core-12_23_0__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;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);