@cloudscape-design/components 3.0.29 → 3.0.32

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,64 +2,64 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_1cvzy_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_1cvzy_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1cvzy_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_1cvzy_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1cvzy_160",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1cvzy_167",
-  "has-header": "awsui_has-header_hyvsj_1cvzy_173",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1cvzy_173",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1cvzy_174",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1cvzy_177",
-  "content-type-table": "awsui_content-type-table_hyvsj_1cvzy_178",
-  "background": "awsui_background_hyvsj_1cvzy_213",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1cvzy_216",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1cvzy_228",
-  "overlap": "awsui_overlap_hyvsj_1cvzy_234",
-  "content": "awsui_content_hyvsj_1cvzy_174",
-  "layout": "awsui_layout_hyvsj_1cvzy_322",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1cvzy_404",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1cvzy_431",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1cvzy_434",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1cvzy_438",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1cvzy_452",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1cvzy_452",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1cvzy_464",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1cvzy_467",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1cvzy_482",
-  "container": "awsui_container_hyvsj_1cvzy_490",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1cvzy_507",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1cvzy_512",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1cvzy_515",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1cvzy_515",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1cvzy_515",
-  "content-type-default": "awsui_content-type-default_hyvsj_1cvzy_535",
-  "content-type-form": "awsui_content-type-form_hyvsj_1cvzy_535",
-  "unfocusable": "awsui_unfocusable_hyvsj_1cvzy_576",
-  "navigation-container": "awsui_navigation-container_hyvsj_1cvzy_584",
-  "show-navigation": "awsui_show-navigation_hyvsj_1cvzy_608",
-  "animating": "awsui_animating_hyvsj_1cvzy_630",
-  "showButtons": "awsui_showButtons_hyvsj_1cvzy_1",
-  "navigation": "awsui_navigation_hyvsj_1cvzy_584",
-  "openNavigation": "awsui_openNavigation_hyvsj_1cvzy_1",
-  "animated-content": "awsui_animated-content_hyvsj_1cvzy_690",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1cvzy_699",
-  "notifications": "awsui_notifications_hyvsj_1cvzy_216",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1cvzy_766",
-  "position-bottom": "awsui_position-bottom_hyvsj_1cvzy_801",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1cvzy_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1cvzy_830",
-  "position-side": "awsui_position-side_hyvsj_1cvzy_857",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1cvzy_1",
-  "tools-container": "awsui_tools-container_hyvsj_1cvzy_894",
-  "tools": "awsui_tools_hyvsj_1cvzy_894",
-  "openTools": "awsui_openTools_hyvsj_1cvzy_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1cvzy_977",
-  "hide-tools": "awsui_hide-tools_hyvsj_1cvzy_987",
-  "show-tools": "awsui_show-tools_hyvsj_1cvzy_999",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1cvzy_977",
-  "trigger": "awsui_trigger_hyvsj_1cvzy_1056",
-  "selected": "awsui_selected_hyvsj_1cvzy_1094"
+  "appbar": "awsui_appbar_hyvsj_zgnc1_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_zgnc1_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_zgnc1_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_zgnc1_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_zgnc1_160",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_zgnc1_167",
+  "has-header": "awsui_has-header_hyvsj_zgnc1_173",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_zgnc1_173",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_zgnc1_174",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_zgnc1_177",
+  "content-type-table": "awsui_content-type-table_hyvsj_zgnc1_178",
+  "background": "awsui_background_hyvsj_zgnc1_213",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_zgnc1_216",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_zgnc1_228",
+  "overlap": "awsui_overlap_hyvsj_zgnc1_234",
+  "content": "awsui_content_hyvsj_zgnc1_174",
+  "layout": "awsui_layout_hyvsj_zgnc1_322",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_zgnc1_404",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_zgnc1_431",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_zgnc1_434",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_zgnc1_438",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_zgnc1_452",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_zgnc1_452",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_zgnc1_464",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_zgnc1_467",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_zgnc1_482",
+  "container": "awsui_container_hyvsj_zgnc1_490",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_zgnc1_507",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_zgnc1_512",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_zgnc1_515",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_zgnc1_515",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_zgnc1_515",
+  "content-type-default": "awsui_content-type-default_hyvsj_zgnc1_535",
+  "content-type-form": "awsui_content-type-form_hyvsj_zgnc1_535",
+  "unfocusable": "awsui_unfocusable_hyvsj_zgnc1_576",
+  "navigation-container": "awsui_navigation-container_hyvsj_zgnc1_584",
+  "show-navigation": "awsui_show-navigation_hyvsj_zgnc1_608",
+  "animating": "awsui_animating_hyvsj_zgnc1_630",
+  "showButtons": "awsui_showButtons_hyvsj_zgnc1_1",
+  "navigation": "awsui_navigation_hyvsj_zgnc1_584",
+  "openNavigation": "awsui_openNavigation_hyvsj_zgnc1_1",
+  "animated-content": "awsui_animated-content_hyvsj_zgnc1_690",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_zgnc1_699",
+  "notifications": "awsui_notifications_hyvsj_zgnc1_216",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_zgnc1_766",
+  "position-bottom": "awsui_position-bottom_hyvsj_zgnc1_801",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_zgnc1_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_zgnc1_830",
+  "position-side": "awsui_position-side_hyvsj_zgnc1_857",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_zgnc1_1",
+  "tools-container": "awsui_tools-container_hyvsj_zgnc1_894",
+  "tools": "awsui_tools_hyvsj_zgnc1_894",
+  "openTools": "awsui_openTools_hyvsj_zgnc1_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_zgnc1_977",
+  "hide-tools": "awsui_hide-tools_hyvsj_zgnc1_987",
+  "show-tools": "awsui_show-tools_hyvsj_zgnc1_999",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_zgnc1_977",
+  "trigger": "awsui_trigger_hyvsj_zgnc1_1056",
+  "selected": "awsui_selected_hyvsj_zgnc1_1094"
 };
   

package/autosuggest/autosuggest-option.d.ts

@@ -6,6 +6,7 @@ export interface AutosuggestOptionProps extends BaseComponentProps {
     highlightText: string;
     option: AutosuggestItem;
     highlighted: boolean;
+    highlightedType: 'mouse' | 'keyboard';
     enteredTextLabel: (value: string) => string;
     virtualPosition?: number;
     padBottom?: boolean;

package/autosuggest/autosuggest-option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAmED,wBAA+D"}
+{"version":3,"file":"autosuggest-option.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAgB,MAAM,4BAA4B,CAAC;AAI9E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC;IACtC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;;AAqED,wBAA+D"}

package/autosuggest/autosuggest-option.js

@@ -8,7 +8,7 @@ import { getBaseProps } from '../internal/base-component';
 import { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';
 import styles from './styles.css.js';
 var AutosuggestOption = function (_a, ref) {
-    var _b = _a.nativeAttributes, nativeAttributes = _b === void 0 ? {} : _b, highlightText = _a.highlightText, option = _a.option, highlighted = _a.highlighted, enteredTextLabel = _a.enteredTextLabel, virtualPosition = _a.virtualPosition, padBottom = _a.padBottom, screenReaderContent = _a.screenReaderContent, ariaSetsize = _a.ariaSetsize, ariaPosinset = _a.ariaPosinset, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "enteredTextLabel", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
+    var _b = _a.nativeAttributes, nativeAttributes = _b === void 0 ? {} : _b, highlightText = _a.highlightText, option = _a.option, highlighted = _a.highlighted, highlightedType = _a.highlightedType, enteredTextLabel = _a.enteredTextLabel, virtualPosition = _a.virtualPosition, padBottom = _a.padBottom, screenReaderContent = _a.screenReaderContent, ariaSetsize = _a.ariaSetsize, ariaPosinset = _a.ariaPosinset, rest = __rest(_a, ["nativeAttributes", "highlightText", "option", "highlighted", "highlightedType", "enteredTextLabel", "virtualPosition", "padBottom", "screenReaderContent", "ariaSetsize", "ariaPosinset"]);
     var baseProps = getBaseProps(rest);
     var useEntered = 'type' in option && option.type === 'use-entered';
     var isParent = 'type' in option && option.type === 'parent';
@@ -29,7 +29,7 @@ var AutosuggestOption = function (_a, ref) {
         optionContent = (React.createElement("div", __assign({}, a11yProperties),
             React.createElement(OptionComponent, { option: option, highlightText: highlightText })));
     }
-    return (React.createElement(SelectableItem, __assign({}, baseProps, { className: styles.option, ariaSelected: highlighted || undefined, highlighted: highlighted, disabled: option.disabled, hasBackground: useEntered, isParent: isParent, isChild: isChild, virtualPosition: virtualPosition, "data-test-index": throughIndex, "data-in-group-index": inGroupIndex, "data-group-index": groupIndex, ref: ref, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaSetsize: ariaSetsize, ariaPosinset: ariaPosinset }), optionContent));
+    return (React.createElement(SelectableItem, __assign({}, baseProps, { className: styles.option, ariaSelected: highlighted || undefined, highlighted: highlighted, disabled: option.disabled, hasBackground: useEntered, isParent: isParent, isChild: isChild, virtualPosition: virtualPosition, "data-test-index": throughIndex, "data-in-group-index": inGroupIndex, "data-group-index": groupIndex, ref: ref, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaSetsize: ariaSetsize, ariaPosinset: ariaPosinset, highlightedType: highlightedType }), optionContent));
 };
 export default React.memo(React.forwardRef(AutosuggestOption));
 //# sourceMappingURL=autosuggest-option.js.map

package/autosuggest/autosuggest-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggest-option.js","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAgBrC,IAAM,iBAAiB,GAAG,UACxB,EAYyB,EACzB,GAA8B;IAZ5B,IAAA,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,cAXT,wKAYC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,IAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IACtD,IAAA,KAA6C,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,EAA7E,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAuC,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;KACtD;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,IAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,wCAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7D,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,WAAW,IAAI,SAAS,EACtC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,KAEzB,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: Record<string, any>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  enteredTextLabel: (value: string) => string;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    enteredTextLabel,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = enteredTextLabel(option.value || '');\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={highlighted || undefined}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}
+{"version":3,"file":"autosuggest-option.js","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiBrC,IAAM,iBAAiB,GAAG,UACxB,EAayB,EACzB,GAA8B;IAb5B,IAAA,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,cAZT,2LAaC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,IAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IACtD,IAAA,KAA6C,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,EAA7E,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAuC,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;KACtD;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,IAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,wCAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7D,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,WAAW,IAAI,SAAS,EACtC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,KAE/B,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: Record<string, any>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  highlightedType: 'mouse' | 'keyboard';\n  enteredTextLabel: (value: string) => string;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    highlightedType,\n    enteredTextLabel,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = enteredTextLabel(option.value || '');\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={highlighted || undefined}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n      highlightedType={highlightedType}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}

package/autosuggest/controller.d.ts

@@ -1,9 +1,6 @@
 import { CancelableEventHandler, BaseKeyDetail } from '../internal/events';
-import { AutosuggestItem, AutosuggestProps } from './interfaces';
-export declare const getParentGroup: (item: AutosuggestItem) => AutosuggestItem | undefined;
-export declare const useAutosuggestItems: (options?: AutosuggestProps.Options) => AutosuggestItem[];
-export declare const useFilteredItems: (autosuggestItems: AutosuggestItem[], value: string, filterText: string, filteringType: AutosuggestProps.FilteringType, showAll: boolean, __hideEnteredTextLabel?: boolean | undefined) => AutosuggestItem[];
+import { AutosuggestItem } from './interfaces';
 export declare const useSelectVisibleOption: (filteredItems: AutosuggestItem[], selectOption: (option: AutosuggestItem) => void, isInteractive: (option: AutosuggestItem) => boolean) => (index: number) => void;
 export declare const useHighlightVisibleOption: (filteredItems: AutosuggestItem[], setHighlightedIndex: (index: number) => void, isHighlightable: (option: AutosuggestItem) => boolean) => (index: number) => void;
-export declare const useKeyboardHandler: (moveHighlight: (direction: -1 | 1) => void, openDropdown: () => void, selectHighlighted: () => void, usingMouse: React.MutableRefObject<boolean>, open: boolean, onKeyDown?: CancelableEventHandler<BaseKeyDetail> | undefined) => (e: CustomEvent<BaseKeyDetail>) => void;
+export declare const useKeyboardHandler: (moveHighlight: (direction: -1 | 1) => void, openDropdown: () => void, selectHighlighted: () => void, isKeyboard: React.MutableRefObject<boolean>, open: boolean, onKeyDown?: CancelableEventHandler<BaseKeyDetail> | undefined) => (e: CustomEvent<BaseKeyDetail>) => void;
 //# sourceMappingURL=controller.d.ts.map

package/autosuggest/controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI3E,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAKjE,eAAO,MAAM,cAAc,SAAU,eAAe,gCAAwB,CAAC;AAE7E,eAAO,MAAM,mBAAmB,2DAE/B,CAAC;AAsCF,eAAO,MAAM,gBAAgB,qBACT,eAAe,EAAE,SAC5B,MAAM,cACD,MAAM,iBACH,iBAAiB,aAAa,WACpC,OAAO,oEAWyE,CAAC;AAE5F,eAAO,MAAM,sBAAsB,kBAClB,eAAe,EAAE,yBACT,eAAe,KAAK,IAAI,0BACvB,eAAe,KAAK,OAAO,aAGzC,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,yBAAyB,kBACrB,eAAe,EAAE,+BACH,MAAM,KAAK,IAAI,4BAClB,eAAe,KAAK,OAAO,aAG3C,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,kBAAkB,8BACF,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,gBAC5B,MAAM,IAAI,qBACL,MAAM,IAAI,cACjB,MAAM,gBAAgB,CAAC,OAAO,CAAC,QACrC,OAAO,wEAIP,YAAY,aAAa,CAAC,SA+BjC,CAAC"}
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,eAAO,MAAM,sBAAsB,kBAClB,eAAe,EAAE,yBACT,eAAe,KAAK,IAAI,0BACvB,eAAe,KAAK,OAAO,aAGzC,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,yBAAyB,kBACrB,eAAe,EAAE,+BACH,MAAM,KAAK,IAAI,4BAClB,eAAe,KAAK,OAAO,aAG3C,MAAM,SAOf,CAAC;AAEJ,eAAO,MAAM,kBAAkB,8BACF,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,gBAC5B,MAAM,IAAI,qBACL,MAAM,IAAI,cACjB,MAAM,gBAAgB,CAAC,OAAO,CAAC,QACrC,OAAO,wEAIP,YAAY,aAAa,CAAC,SA+BjC,CAAC"}

package/autosuggest/controller.js

@@ -1,51 +1,7 @@
-import { __assign, __rest, __spreadArray } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useCallback, useMemo } from 'react';
-import { filterOptions } from './utils/utils';
+import { useCallback } from 'react';
 import { KeyCode } from '../internal/keycode';
-import { generateTestIndexes } from '../internal/components/options-list/utils/test-indexes';
-var parentMap = new WeakMap();
-export var getParentGroup = function (item) { return parentMap.get(item); };
-export var useAutosuggestItems = function (options) {
-    if (options === void 0) { options = []; }
-    return useMemo(function () { return createItems(options); }, [options]);
-};
-function createItems(options) {
-    var items = [];
-    for (var _i = 0, options_1 = options; _i < options_1.length; _i++) {
-        var option = options_1[_i];
-        if (isGroup(option)) {
-            items.push.apply(items, flattenGroup(option));
-        }
-        else {
-            items.push(__assign(__assign({}, option), { option: option }));
-        }
-    }
-    return items;
-}
-function isGroup(optionOrGroup) {
-    return 'options' in optionOrGroup;
-}
-function flattenGroup(group) {
-    var options = group.options, rest = __rest(group, ["options"]);
-    var hasOnlyDisabledChildren = options.every(function (option) { return option.disabled; });
-    var parent = __assign(__assign({}, rest), { type: 'parent', disabled: rest.disabled || hasOnlyDisabledChildren, option: group });
-    var children = options.map(function (option) { return (__assign(__assign({}, option), { type: 'child', disabled: option.disabled || parent.disabled, option: option })); });
-    // TODO: Refactor parentMap and remove this side effect
-    children.forEach(function (child) { return parentMap.set(child, __assign(__assign({}, group), { option: group })); });
-    return [parent].concat(children);
-}
-export var useFilteredItems = function (autosuggestItems, value, filterText, filteringType, showAll, __hideEnteredTextLabel) {
-    return useMemo(function () {
-        var filteredItems = filteringType === 'auto' && !showAll ? filterOptions(autosuggestItems, filterText) : __spreadArray([], autosuggestItems, true);
-        if (value && !__hideEnteredTextLabel) {
-            filteredItems.unshift({ value: value, type: 'use-entered', option: { value: value } });
-        }
-        generateTestIndexes(filteredItems, getParentGroup);
-        return filteredItems;
-    }, [autosuggestItems, value, filterText, filteringType, showAll, __hideEnteredTextLabel]);
-};
 export var useSelectVisibleOption = function (filteredItems, selectOption, isInteractive) {
     return useCallback(function (index) {
         var option = filteredItems[index];
@@ -62,20 +18,20 @@ export var useHighlightVisibleOption = function (filteredItems, setHighlightedIn
         }
     }, [filteredItems, setHighlightedIndex, isHighlightable]);
 };
-export var useKeyboardHandler = function (moveHighlight, openDropdown, selectHighlighted, usingMouse, open, onKeyDown) {
+export var useKeyboardHandler = function (moveHighlight, openDropdown, selectHighlighted, isKeyboard, open, onKeyDown) {
     return useCallback(function (e) {
         switch (e.detail.keyCode) {
             case KeyCode.down: {
+                isKeyboard.current = true;
                 moveHighlight(1);
                 openDropdown();
-                usingMouse.current = false;
                 e.preventDefault();
                 break;
             }
             case KeyCode.up: {
+                isKeyboard.current = true;
                 moveHighlight(-1);
                 openDropdown();
-                usingMouse.current = false;
                 e.preventDefault();
                 break;
             }
@@ -91,6 +47,6 @@ export var useKeyboardHandler = function (moveHighlight, openDropdown, selectHig
                 onKeyDown && onKeyDown(e);
             }
         }
-    }, [moveHighlight, selectHighlighted, onKeyDown, usingMouse, open, openDropdown]);
+    }, [moveHighlight, selectHighlighted, onKeyDown, isKeyboard, open, openDropdown]);
 };
 //# sourceMappingURL=controller.js.map

package/autosuggest/controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useMemo } from 'react';\nimport { CancelableEventHandler, BaseKeyDetail } from '../internal/events';\nimport { filterOptions } from './utils/utils';\nimport { KeyCode } from '../internal/keycode';\nimport { generateTestIndexes } from '../internal/components/options-list/utils/test-indexes';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\n\ntype Options = AutosuggestProps.Options;\n\nconst parentMap = new WeakMap<AutosuggestItem, AutosuggestItem>();\nexport const getParentGroup = (item: AutosuggestItem) => parentMap.get(item);\n\nexport const useAutosuggestItems = (options: Options = []) => {\n  return useMemo(() => createItems(options), [options]);\n};\n\nfunction createItems(options: Options): AutosuggestItem[] {\n  const items: AutosuggestItem[] = [];\n  for (const option of options) {\n    if (isGroup(option)) {\n      items.push(...flattenGroup(option));\n    } else {\n      items.push({ ...option, option });\n    }\n  }\n  return items;\n}\n\nfunction isGroup(optionOrGroup: AutosuggestProps.Option): optionOrGroup is AutosuggestProps.OptionGroup {\n  return 'options' in optionOrGroup;\n}\n\nfunction flattenGroup(group: AutosuggestProps.OptionGroup): AutosuggestItem[] {\n  const { options, ...rest } = group;\n  const hasOnlyDisabledChildren = options.every(option => option.disabled);\n  const parent: AutosuggestItem = {\n    ...rest,\n    type: 'parent',\n    disabled: rest.disabled || hasOnlyDisabledChildren,\n    option: group,\n  };\n  const children: AutosuggestItem[] = options.map(option => ({\n    ...option,\n    type: 'child',\n    disabled: option.disabled || parent.disabled,\n    option,\n  }));\n  // TODO: Refactor parentMap and remove this side effect\n  children.forEach(child => parentMap.set(child, { ...group, option: group }));\n  return [parent].concat(children);\n}\n\nexport const useFilteredItems = (\n  autosuggestItems: AutosuggestItem[],\n  value: string,\n  filterText: string,\n  filteringType: AutosuggestProps.FilteringType,\n  showAll: boolean,\n  __hideEnteredTextLabel?: boolean\n) =>\n  useMemo(() => {\n    const filteredItems =\n      filteringType === 'auto' && !showAll ? filterOptions(autosuggestItems, filterText) : [...autosuggestItems];\n    if (value && !__hideEnteredTextLabel) {\n      filteredItems.unshift({ value, type: 'use-entered', option: { value } });\n    }\n    generateTestIndexes(filteredItems, getParentGroup);\n    return filteredItems;\n  }, [autosuggestItems, value, filterText, filteringType, showAll, __hideEnteredTextLabel]);\n\nexport const useSelectVisibleOption = (\n  filteredItems: AutosuggestItem[],\n  selectOption: (option: AutosuggestItem) => void,\n  isInteractive: (option: AutosuggestItem) => boolean\n) =>\n  useCallback(\n    (index: number) => {\n      const option = filteredItems[index];\n      if (option && isInteractive(option)) {\n        selectOption(option);\n      }\n    },\n    [filteredItems, selectOption, isInteractive]\n  );\n\nexport const useHighlightVisibleOption = (\n  filteredItems: AutosuggestItem[],\n  setHighlightedIndex: (index: number) => void,\n  isHighlightable: (option: AutosuggestItem) => boolean\n) =>\n  useCallback(\n    (index: number) => {\n      const option = filteredItems[index];\n      if (option && isHighlightable(option)) {\n        setHighlightedIndex(index);\n      }\n    },\n    [filteredItems, setHighlightedIndex, isHighlightable]\n  );\n\nexport const useKeyboardHandler = (\n  moveHighlight: (direction: -1 | 1) => void,\n  openDropdown: () => void,\n  selectHighlighted: () => void,\n  usingMouse: React.MutableRefObject<boolean>,\n  open: boolean,\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>\n) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.down: {\n          moveHighlight(1);\n          openDropdown();\n          usingMouse.current = false;\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          moveHighlight(-1);\n          openDropdown();\n          usingMouse.current = false;\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            selectHighlighted();\n            e.preventDefault();\n          }\n          onKeyDown && onKeyDown(e);\n          break;\n        }\n        default: {\n          onKeyDown && onKeyDown(e);\n        }\n      }\n    },\n    [moveHighlight, selectHighlighted, onKeyDown, usingMouse, open, openDropdown]\n  );\n};\n"]}
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/autosuggest/controller.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,aAAgC,EAChC,YAA+C,EAC/C,aAAmD;IAEnD,OAAA,WAAW,CACT,UAAC,KAAa;QACZ,IAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,MAAM,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;YACnC,YAAY,CAAC,MAAM,CAAC,CAAC;SACtB;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,CAC7C;AARD,CAQC,CAAC;AAEJ,MAAM,CAAC,IAAM,yBAAyB,GAAG,UACvC,aAAgC,EAChC,mBAA4C,EAC5C,eAAqD;IAErD,OAAA,WAAW,CACT,UAAC,KAAa;QACZ,IAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,EAAE;YACrC,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,EACD,CAAC,aAAa,EAAE,mBAAmB,EAAE,eAAe,CAAC,CACtD;AARD,CAQC,CAAC;AAEJ,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAChC,aAA0C,EAC1C,YAAwB,EACxB,iBAA6B,EAC7B,UAA2C,EAC3C,IAAa,EACb,SAAiD;IAEjD,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;gBACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,YAAY,EAAE,CAAC;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;gBACf,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,YAAY,EAAE,CAAC;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,IAAI,EAAE;oBACR,iBAAiB,EAAE,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;iBACpB;gBACD,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;gBAC1B,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;aAC3B;SACF;IACH,CAAC,EACD,CAAC,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,CAAC,CAC9E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback } from 'react';\nimport { CancelableEventHandler, BaseKeyDetail } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { AutosuggestItem } from './interfaces';\n\nexport const useSelectVisibleOption = (\n  filteredItems: AutosuggestItem[],\n  selectOption: (option: AutosuggestItem) => void,\n  isInteractive: (option: AutosuggestItem) => boolean\n) =>\n  useCallback(\n    (index: number) => {\n      const option = filteredItems[index];\n      if (option && isInteractive(option)) {\n        selectOption(option);\n      }\n    },\n    [filteredItems, selectOption, isInteractive]\n  );\n\nexport const useHighlightVisibleOption = (\n  filteredItems: AutosuggestItem[],\n  setHighlightedIndex: (index: number) => void,\n  isHighlightable: (option: AutosuggestItem) => boolean\n) =>\n  useCallback(\n    (index: number) => {\n      const option = filteredItems[index];\n      if (option && isHighlightable(option)) {\n        setHighlightedIndex(index);\n      }\n    },\n    [filteredItems, setHighlightedIndex, isHighlightable]\n  );\n\nexport const useKeyboardHandler = (\n  moveHighlight: (direction: -1 | 1) => void,\n  openDropdown: () => void,\n  selectHighlighted: () => void,\n  isKeyboard: React.MutableRefObject<boolean>,\n  open: boolean,\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>\n) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      switch (e.detail.keyCode) {\n        case KeyCode.down: {\n          isKeyboard.current = true;\n          moveHighlight(1);\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.up: {\n          isKeyboard.current = true;\n          moveHighlight(-1);\n          openDropdown();\n          e.preventDefault();\n          break;\n        }\n        case KeyCode.enter: {\n          if (open) {\n            selectHighlighted();\n            e.preventDefault();\n          }\n          onKeyDown && onKeyDown(e);\n          break;\n        }\n        default: {\n          onKeyDown && onKeyDown(e);\n        }\n      }\n    },\n    [moveHighlight, selectHighlighted, onKeyDown, isKeyboard, open, openDropdown]\n  );\n};\n"]}

package/autosuggest/internal.d.ts

@@ -1,15 +1,8 @@
 import React from 'react';
 import { AutosuggestProps } from './interfaces';
-import { CancelableEventHandler } from '../internal/events';
 import { InputProps } from '../input/interfaces';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 export interface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {
-    __filterText?: string;
-    __dropdownWidth?: number;
-    __onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;
-    __disableShowAll?: boolean;
-    __hideEnteredTextOption?: boolean;
-    __onOpen?: CancelableEventHandler<null>;
 }
 declare const InternalAutosuggest: React.ForwardRefExoticComponent<InternalAutosuggestProps & React.RefAttributes<InputProps.Ref>>;
 export default InternalAutosuggest;

package/autosuggest/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAUjE,OAAO,EAA0B,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAGpF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAKjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;IAC5F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,sBAAsB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAClE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,sBAAsB,CAAC,IAAI,CAAC,CAAC;CACzC;AA6BD,QAAA,MAAM,mBAAmB,iGA6NvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAuBjG,QAAA,MAAM,mBAAmB,iGA6MvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/autosuggest/internal.js

@@ -2,8 +2,9 @@ import { __assign, __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import clsx from 'clsx';
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useAutosuggestItems, useFilteredItems, useKeyboardHandler } from './controller';
+import React, { useCallback, useRef, useState } from 'react';
+import { useKeyboardHandler } from './controller';
+import { useAutosuggestItems } from './options-controller';
 import Dropdown from '../internal/components/dropdown';
 import { useDropdownStatus } from '../internal/components/dropdown-status';
 import DropdownFooter from '../internal/components/dropdown-footer';
@@ -12,20 +13,14 @@ import { getBaseProps } from '../internal/base-component';
 import { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';
 import useForwardFocus from '../internal/hooks/forward-focus';
 import { fireNonCancelableEvent } from '../internal/events';
-import { createHighlightedOptionHook } from '../internal/components/options-list/utils/use-highlight-option';
 import InternalInput from '../input/internal';
 import styles from './styles.css.js';
 import { checkOptionValueField } from '../select/utils/check-option-value-field';
 import checkControlled from '../internal/hooks/check-controlled';
-import { fireCancelableEvent } from '../internal/events/index';
 import AutosuggestOptionsList from './options-list';
 var isInteractive = function (option) {
     return !!option && !option.disabled && option.type !== 'parent';
 };
-var isHighlightable = function (option) {
-    return !!option && option.type !== 'parent';
-};
-var useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });
 var useLoadMoreItems = function (onLoadItems) {
     var lastFilteringText = useRef(null);
     return useCallback(function (firstPage, samePage, filteringText) {
@@ -41,19 +36,20 @@ var useLoadMoreItems = function (onLoadItems) {
 };
 var InternalAutosuggest = React.forwardRef(function (props, ref) {
     var _a;
-    var value = props.value, onChange = props.onChange, onBlur = props.onBlur, onFocus = props.onFocus, onKeyUp = props.onKeyUp, onLoadItems = props.onLoadItems, options = props.options, _b = props.filteringType, filteringType = _b === void 0 ? 'auto' : _b, _c = props.statusType, statusType = _c === void 0 ? 'finished' : _c, placeholder = props.placeholder, name = props.name, disabled = props.disabled, _d = props.disableBrowserAutocorrect, disableBrowserAutocorrect = _d === void 0 ? false : _d, autoFocus = props.autoFocus, readOnly = props.readOnly, ariaLabel = props.ariaLabel, ariaRequired = props.ariaRequired, enteredTextLabel = props.enteredTextLabel, onKeyDown = props.onKeyDown, virtualScroll = props.virtualScroll, expandToViewport = props.expandToViewport, onSelect = props.onSelect, selectedAriaLabel = props.selectedAriaLabel, renderHighlightedAriaLive = props.renderHighlightedAriaLive, __dropdownWidth = props.__dropdownWidth, __onOptionClick = props.__onOptionClick, __disableShowAll = props.__disableShowAll, __hideEnteredTextOption = props.__hideEnteredTextOption, __onOpen = props.__onOpen, __internalRootRef = props.__internalRootRef, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "placeholder", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "selectedAriaLabel", "renderHighlightedAriaLive", "__dropdownWidth", "__onOptionClick", "__disableShowAll", "__hideEnteredTextOption", "__onOpen", "__internalRootRef"]);
-    var filterText = rest.__filterText;
-    filterText = filterText === undefined ? value : filterText;
+    var value = props.value, onChange = props.onChange, onBlur = props.onBlur, onFocus = props.onFocus, onKeyUp = props.onKeyUp, onLoadItems = props.onLoadItems, options = props.options, _b = props.filteringType, filteringType = _b === void 0 ? 'auto' : _b, _c = props.statusType, statusType = _c === void 0 ? 'finished' : _c, placeholder = props.placeholder, name = props.name, disabled = props.disabled, _d = props.disableBrowserAutocorrect, disableBrowserAutocorrect = _d === void 0 ? false : _d, autoFocus = props.autoFocus, readOnly = props.readOnly, ariaLabel = props.ariaLabel, ariaRequired = props.ariaRequired, enteredTextLabel = props.enteredTextLabel, onKeyDown = props.onKeyDown, virtualScroll = props.virtualScroll, expandToViewport = props.expandToViewport, onSelect = props.onSelect, selectedAriaLabel = props.selectedAriaLabel, renderHighlightedAriaLive = props.renderHighlightedAriaLive, __internalRootRef = props.__internalRootRef, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "onKeyUp", "onLoadItems", "options", "filteringType", "statusType", "placeholder", "name", "disabled", "disableBrowserAutocorrect", "autoFocus", "readOnly", "ariaLabel", "ariaRequired", "enteredTextLabel", "onKeyDown", "virtualScroll", "expandToViewport", "onSelect", "selectedAriaLabel", "renderHighlightedAriaLive", "__internalRootRef"]);
     checkControlled('Autosuggest', 'value', value, 'onChange', onChange);
     checkOptionValueField('Autosuggest', 'options', options);
-    var usingMouse = useRef(true);
-    var _e = useState(false), showAll = _e[0], setShowAll = _e[1];
-    var _f = useState(false), open = _f[0], setOpen = _f[1];
-    var autosuggestItems = useAutosuggestItems(options);
-    var filteredItems = useFilteredItems(autosuggestItems, value, filterText, filteringType, showAll, __hideEnteredTextOption);
+    var isKeyboard = useRef(false);
+    var _e = useState(false), open = _e[0], setOpen = _e[1];
+    var _f = useAutosuggestItems({
+        options: options || [],
+        filterValue: value,
+        filterText: value,
+        filteringType: filteringType,
+        isKeyboard: isKeyboard,
+        hideEnteredTextLabel: false
+    }), items = _f.items, setShowAll = _f.setShowAll, highlightedOption = _f.highlightedOption, highlightedIndex = _f.highlightedIndex, highlightedType = _f.highlightedType, moveHighlight = _f.moveHighlight, resetHighlight = _f.resetHighlight, setHighlightedIndex = _f.setHighlightedIndex;
     var openDropdown = function () { return !readOnly && setOpen(true); };
-    var scrollToIndex = useRef(null);
-    var _g = useHighlightedOption(filteredItems), highlightedOption = _g.highlightedOption, highlightedIndex = _g.highlightedIndex, moveHighlight = _g.moveHighlight, resetHighlight = _g.resetHighlight, setHighlightedIndex = _g.setHighlightedIndex;
     var closeDropdown = function () {
         setOpen(false);
         resetHighlight();
@@ -69,13 +65,7 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
     var selectOption = function (option) {
         var value = option.value || '';
         fireNonCancelableEvent(onChange, { value: value });
-        var selectedCancelled = fireCancelableEvent(__onOptionClick, option);
-        if (!selectedCancelled) {
-            closeDropdown();
-        }
-        else {
-            resetHighlight();
-        }
+        closeDropdown();
         fireNonCancelableEvent(onSelect, { value: value });
     };
     var selectHighlighted = function () {
@@ -95,7 +85,7 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
         resetHighlight();
         onChange && onChange(e);
     };
-    var handleKeyDown = useKeyboardHandler(moveHighlight, openDropdown, selectHighlighted, usingMouse, open, onKeyDown);
+    var handleKeyDown = useKeyboardHandler(moveHighlight, openDropdown, selectHighlighted, isKeyboard, open, onKeyDown);
     var handleLoadMore = useCallback(function () {
         options && options.length && statusType === 'pending' && fireLoadMore(false, false);
     }, [fireLoadMore, options, statusType]);
@@ -114,7 +104,7 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
     var dropdownId = useUniqueId('dropdown');
     var listId = useUniqueId('list');
     // From an a11y point of view we only count the dropdown as 'expanded' if there are items that a user can dropdown into
-    var expanded = open && filteredItems.length > 1;
+    var expanded = open && items.length > 1;
     var highlightedOptionId = highlightedOption ? generateUniqueId() : undefined;
     var nativeAttributes = {
         name: name,
@@ -131,19 +121,12 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
         'aria-activedescendant': highlightedOptionId
     };
     var handleInputFocus = function (e) {
-        !__disableShowAll && setShowAll(true);
-        var openPrevented = fireCancelableEvent(__onOpen, null);
-        if (!openPrevented) {
-            openDropdown();
-            fireLoadMore(true, false, '');
-        }
+        setShowAll(true);
+        openDropdown();
+        fireLoadMore(true, false, '');
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
     };
-    useEffect(function () {
-        var _a;
-        (_a = scrollToIndex.current) === null || _a === void 0 ? void 0 : _a.call(scrollToIndex, highlightedIndex);
-    }, [highlightedIndex]);
-    var isEmpty = !value && !filteredItems.length;
+    var isEmpty = !value && !items.length;
     var showRecoveryLink = open && statusType === 'error' && props.recoveryText;
     var dropdownStatus = useDropdownStatus(__assign(__assign({}, props), { isEmpty: isEmpty, onRecoveryClick: handleRecoveryClick }));
     var handleMouseDown = function (event) {
@@ -151,8 +134,8 @@ var InternalAutosuggest = React.forwardRef(function (props, ref) {
         event.preventDefault();
     };
     return (React.createElement("div", __assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: __internalRootRef, onBlur: handleBlur }),
-        React.createElement(Dropdown, { minWidth: __dropdownWidth, stretchWidth: !__dropdownWidth, trigger: React.createElement(InternalInput, __assign({ type: "search", value: value, onChange: handleInputChange, __onDelayedInput: function (event) { return fireLoadMore(true, false, event.detail.value); }, onFocus: handleInputFocus, onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext, { controlId: controlId })), onMouseDown: handleMouseDown, open: open, dropdownId: dropdownId, footer: dropdownStatus.isSticky ? (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] },
-                React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: filteredItems.length >= 1 }))) : null, expandToViewport: expandToViewport, hasContent: filteredItems.length >= 1 || dropdownStatus.content !== null, trapFocus: !!showRecoveryLink }, open && (React.createElement(AutosuggestOptionsList, { options: filteredItems, highlightedOption: highlightedOption, selectOption: selectOption, highlightedIndex: highlightedIndex, setHighlightedIndex: setHighlightedIndex, highlightedOptionId: highlightedOptionId, highlightText: filterText, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: handleLoadMore, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content }) : null, usingMouse: usingMouse })))));
+        React.createElement(Dropdown, { trigger: React.createElement(InternalInput, __assign({ type: "search", value: value, onChange: handleInputChange, __onDelayedInput: function (event) { return fireLoadMore(true, false, event.detail.value); }, onFocus: handleInputFocus, onKeyDown: handleKeyDown, onKeyUp: onKeyUp, disabled: disabled, disableBrowserAutocorrect: disableBrowserAutocorrect, readOnly: readOnly, ariaRequired: ariaRequired, ref: inputRef, autoComplete: false, __nativeAttributes: nativeAttributes }, formFieldContext, { controlId: controlId })), onMouseDown: handleMouseDown, open: open, dropdownId: dropdownId, footer: dropdownStatus.isSticky ? (React.createElement("div", { ref: dropdownFooterRef, className: styles['dropdown-footer'] },
+                React.createElement(DropdownFooter, { content: dropdownStatus.content, hasItems: items.length >= 1 }))) : null, expandToViewport: expandToViewport, hasContent: items.length >= 1 || dropdownStatus.content !== null, trapFocus: !!showRecoveryLink }, open && (React.createElement(AutosuggestOptionsList, { options: items, highlightedOption: highlightedOption, selectOption: selectOption, highlightedIndex: highlightedIndex, setHighlightedIndex: setHighlightedIndex, highlightedOptionId: highlightedOptionId, highlightText: value, listId: listId, controlId: controlId, enteredTextLabel: enteredTextLabel, handleLoadMore: handleLoadMore, hasDropdownStatus: dropdownStatus.content !== null, virtualScroll: virtualScroll, selectedAriaLabel: selectedAriaLabel, renderHighlightedAriaLive: renderHighlightedAriaLive, listBottom: !dropdownStatus.isSticky ? React.createElement(DropdownFooter, { content: dropdownStatus.content }) : null, isKeyboard: isKeyboard, highlightedType: highlightedType })))));
 });
 export default InternalAutosuggest;
 //# sourceMappingURL=internal.js.map

package/autosuggest/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { Ref, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { useAutosuggestItems, useFilteredItems, useKeyboardHandler } from './controller';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\n\nimport Dropdown from '../internal/components/dropdown';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { getBaseProps } from '../internal/base-component';\nimport { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent, CancelableEventHandler } from '../internal/events';\nimport { createHighlightedOptionHook } from '../internal/components/options-list/utils/use-highlight-option';\nimport InternalInput from '../input/internal';\nimport { InputProps } from '../input/interfaces';\nimport styles from './styles.css.js';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { fireCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from './options-list';\n\nexport interface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {\n  __filterText?: string;\n  __dropdownWidth?: number;\n  __onOptionClick?: CancelableEventHandler<AutosuggestProps.Option>;\n  __disableShowAll?: boolean;\n  __hideEnteredTextOption?: boolean;\n  __onOpen?: CancelableEventHandler<null>;\n}\n\nconst isInteractive = (option?: AutosuggestItem) => {\n  return !!option && !option.disabled && option.type !== 'parent';\n};\n\nconst isHighlightable = (option?: AutosuggestItem) => {\n  return !!option && option.type !== 'parent';\n};\n\nconst useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\nconst useLoadMoreItems = (onLoadItems: AutosuggestProps['onLoadItems']) => {\n  const lastFilteringText = useRef<string | null>(null);\n  return useCallback(\n    (firstPage: boolean, samePage: boolean, filteringText?: string) => {\n      if (samePage || !firstPage || filteringText === undefined || lastFilteringText.current !== filteringText) {\n        if (filteringText !== undefined) {\n          lastFilteringText.current = filteringText;\n        }\n        if (lastFilteringText.current !== null && onLoadItems) {\n          fireNonCancelableEvent(onLoadItems, { filteringText: lastFilteringText.current, firstPage, samePage });\n        }\n      }\n    },\n    [onLoadItems]\n  );\n};\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<InputProps.Ref>) => {\n  const {\n    value,\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyUp,\n    onLoadItems,\n    options,\n    filteringType = 'auto',\n    statusType = 'finished',\n    placeholder,\n    name,\n    disabled,\n    disableBrowserAutocorrect = false,\n    autoFocus,\n    readOnly,\n    ariaLabel,\n    ariaRequired,\n    enteredTextLabel,\n    onKeyDown,\n    virtualScroll,\n    expandToViewport,\n    onSelect,\n    selectedAriaLabel,\n    renderHighlightedAriaLive,\n    __dropdownWidth,\n    __onOptionClick,\n    __disableShowAll,\n    __hideEnteredTextOption,\n    __onOpen,\n    __internalRootRef,\n    ...rest\n  } = props;\n  let { __filterText: filterText } = rest;\n  filterText = filterText === undefined ? value : filterText;\n\n  checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n  checkOptionValueField('Autosuggest', 'options', options);\n\n  const usingMouse = useRef(true);\n  const [showAll, setShowAll] = useState(false);\n  const [open, setOpen] = useState(false);\n  const autosuggestItems = useAutosuggestItems(options);\n  const filteredItems = useFilteredItems(\n    autosuggestItems,\n    value,\n    filterText,\n    filteringType,\n    showAll,\n    __hideEnteredTextOption\n  );\n  const openDropdown = () => !readOnly && setOpen(true);\n  const scrollToIndex = useRef<(index: number) => void>(null);\n  const { highlightedOption, highlightedIndex, moveHighlight, resetHighlight, setHighlightedIndex } =\n    useHighlightedOption(filteredItems);\n  const closeDropdown = () => {\n    setOpen(false);\n    resetHighlight();\n  };\n  const handleBlur: React.FocusEventHandler = event => {\n    if (event.currentTarget.contains(event.relatedTarget) || dropdownFooterRef.current?.contains(event.relatedTarget)) {\n      return;\n    }\n    closeDropdown();\n    fireNonCancelableEvent(onBlur);\n  };\n  const selectOption = (option: AutosuggestItem) => {\n    const value = option.value || '';\n    fireNonCancelableEvent(onChange, { value });\n    const selectedCancelled = fireCancelableEvent(__onOptionClick, option);\n    if (!selectedCancelled) {\n      closeDropdown();\n    } else {\n      resetHighlight();\n    }\n    fireNonCancelableEvent(onSelect, { value });\n  };\n  const selectHighlighted = () => {\n    if (highlightedOption) {\n      if (isInteractive(highlightedOption)) {\n        selectOption(highlightedOption);\n      }\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const fireLoadMore = useLoadMoreItems(onLoadItems);\n\n  const handleInputChange: InputProps['onChange'] = e => {\n    openDropdown();\n    setShowAll(false);\n    resetHighlight();\n    onChange && onChange(e);\n  };\n\n  const handleKeyDown = useKeyboardHandler(moveHighlight, openDropdown, selectHighlighted, usingMouse, open, onKeyDown);\n  const handleLoadMore = useCallback(() => {\n    options && options.length && statusType === 'pending' && fireLoadMore(false, false);\n  }, [fireLoadMore, options, statusType]);\n  const handleRecoveryClick = useCallback(() => {\n    fireLoadMore(false, true);\n    inputRef.current?.focus();\n  }, [fireLoadMore]);\n\n  const formFieldContext = useFormFieldContext(rest);\n  const baseProps = getBaseProps(rest);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dropdownFooterRef = useRef<HTMLDivElement>(null);\n  useForwardFocus(ref, inputRef);\n\n  const selfControlId = useUniqueId('input');\n  const controlId = formFieldContext.controlId ?? selfControlId;\n  const dropdownId = useUniqueId('dropdown');\n  const listId = useUniqueId('list');\n\n  // From an a11y point of view we only count the dropdown as 'expanded' if there are items that a user can dropdown into\n  const expanded = open && filteredItems.length > 1;\n  const highlightedOptionId = highlightedOption ? generateUniqueId() : undefined;\n  const nativeAttributes = {\n    name,\n    placeholder,\n    autoFocus,\n    onClick: openDropdown,\n    role: 'combobox',\n    'aria-autocomplete': 'list',\n    'aria-expanded': expanded,\n    'aria-controls': listId,\n    // 'aria-owns' needed for safari+vo to announce activedescendant content\n    'aria-owns': listId,\n    'aria-label': ariaLabel,\n    'aria-activedescendant': highlightedOptionId,\n  };\n\n  const handleInputFocus: InputProps['onFocus'] = e => {\n    !__disableShowAll && setShowAll(true);\n    const openPrevented = fireCancelableEvent(__onOpen, null);\n    if (!openPrevented) {\n      openDropdown();\n      fireLoadMore(true, false, '');\n    }\n    onFocus?.(e);\n  };\n\n  useEffect(() => {\n    scrollToIndex.current?.(highlightedIndex);\n  }, [highlightedIndex]);\n\n  const isEmpty = !value && !filteredItems.length;\n  const showRecoveryLink = open && statusType === 'error' && props.recoveryText;\n  const dropdownStatus = useDropdownStatus({ ...props, isEmpty, onRecoveryClick: handleRecoveryClick });\n\n  const handleMouseDown = (event: React.MouseEvent) => {\n    // prevent currently focused element from losing it\n    event.preventDefault();\n  };\n\n  return (\n    <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef} onBlur={handleBlur}>\n      <Dropdown\n        minWidth={__dropdownWidth}\n        stretchWidth={!__dropdownWidth}\n        trigger={\n          <InternalInput\n            type=\"search\"\n            value={value}\n            onChange={handleInputChange}\n            __onDelayedInput={event => fireLoadMore(true, false, event.detail.value)}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onKeyUp={onKeyUp}\n            disabled={disabled}\n            disableBrowserAutocorrect={disableBrowserAutocorrect}\n            readOnly={readOnly}\n            ariaRequired={ariaRequired}\n            ref={inputRef}\n            autoComplete={false}\n            __nativeAttributes={nativeAttributes}\n            {...formFieldContext}\n            controlId={controlId}\n          />\n        }\n        onMouseDown={handleMouseDown}\n        open={open}\n        dropdownId={dropdownId}\n        footer={\n          dropdownStatus.isSticky ? (\n            <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n              <DropdownFooter content={dropdownStatus.content} hasItems={filteredItems.length >= 1} />\n            </div>\n          ) : null\n        }\n        expandToViewport={expandToViewport}\n        hasContent={filteredItems.length >= 1 || dropdownStatus.content !== null}\n        trapFocus={!!showRecoveryLink}\n      >\n        {open && (\n          <AutosuggestOptionsList\n            options={filteredItems}\n            highlightedOption={highlightedOption}\n            selectOption={selectOption}\n            highlightedIndex={highlightedIndex}\n            setHighlightedIndex={setHighlightedIndex}\n            highlightedOptionId={highlightedOptionId}\n            highlightText={filterText}\n            listId={listId}\n            controlId={controlId}\n            enteredTextLabel={enteredTextLabel}\n            handleLoadMore={handleLoadMore}\n            hasDropdownStatus={dropdownStatus.content !== null}\n            virtualScroll={virtualScroll}\n            selectedAriaLabel={selectedAriaLabel}\n            renderHighlightedAriaLive={renderHighlightedAriaLive}\n            listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n            usingMouse={usingMouse}\n          />\n        )}\n      </Dropdown>\n    </div>\n  );\n});\n\nexport default InternalAutosuggest;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { Ref, useCallback, useRef, useState } from 'react';\n\nimport { useKeyboardHandler } from './controller';\nimport { useAutosuggestItems } from './options-controller';\nimport { AutosuggestItem, AutosuggestProps } from './interfaces';\n\nimport Dropdown from '../internal/components/dropdown';\nimport { useDropdownStatus } from '../internal/components/dropdown-status';\nimport DropdownFooter from '../internal/components/dropdown-footer';\n\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { getBaseProps } from '../internal/base-component';\nimport { generateUniqueId, useUniqueId } from '../internal/hooks/use-unique-id';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport InternalInput from '../input/internal';\nimport { InputProps } from '../input/interfaces';\nimport styles from './styles.css.js';\nimport { checkOptionValueField } from '../select/utils/check-option-value-field';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport AutosuggestOptionsList from './options-list';\n\nexport interface InternalAutosuggestProps extends AutosuggestProps, InternalBaseComponentProps {}\n\nconst isInteractive = (option?: AutosuggestItem) => {\n  return !!option && !option.disabled && option.type !== 'parent';\n};\n\nconst useLoadMoreItems = (onLoadItems: AutosuggestProps['onLoadItems']) => {\n  const lastFilteringText = useRef<string | null>(null);\n  return useCallback(\n    (firstPage: boolean, samePage: boolean, filteringText?: string) => {\n      if (samePage || !firstPage || filteringText === undefined || lastFilteringText.current !== filteringText) {\n        if (filteringText !== undefined) {\n          lastFilteringText.current = filteringText;\n        }\n        if (lastFilteringText.current !== null && onLoadItems) {\n          fireNonCancelableEvent(onLoadItems, { filteringText: lastFilteringText.current, firstPage, samePage });\n        }\n      }\n    },\n    [onLoadItems]\n  );\n};\n\nconst InternalAutosuggest = React.forwardRef((props: InternalAutosuggestProps, ref: Ref<InputProps.Ref>) => {\n  const {\n    value,\n    onChange,\n    onBlur,\n    onFocus,\n    onKeyUp,\n    onLoadItems,\n    options,\n    filteringType = 'auto',\n    statusType = 'finished',\n    placeholder,\n    name,\n    disabled,\n    disableBrowserAutocorrect = false,\n    autoFocus,\n    readOnly,\n    ariaLabel,\n    ariaRequired,\n    enteredTextLabel,\n    onKeyDown,\n    virtualScroll,\n    expandToViewport,\n    onSelect,\n    selectedAriaLabel,\n    renderHighlightedAriaLive,\n    __internalRootRef,\n    ...rest\n  } = props;\n\n  checkControlled('Autosuggest', 'value', value, 'onChange', onChange);\n  checkOptionValueField('Autosuggest', 'options', options);\n\n  const isKeyboard = useRef(false);\n  const [open, setOpen] = useState(false);\n  const {\n    items,\n    setShowAll,\n    highlightedOption,\n    highlightedIndex,\n    highlightedType,\n    moveHighlight,\n    resetHighlight,\n    setHighlightedIndex,\n  } = useAutosuggestItems({\n    options: options || [],\n    filterValue: value,\n    filterText: value,\n    filteringType,\n    isKeyboard,\n    hideEnteredTextLabel: false,\n  });\n  const openDropdown = () => !readOnly && setOpen(true);\n  const closeDropdown = () => {\n    setOpen(false);\n    resetHighlight();\n  };\n  const handleBlur: React.FocusEventHandler = event => {\n    if (event.currentTarget.contains(event.relatedTarget) || dropdownFooterRef.current?.contains(event.relatedTarget)) {\n      return;\n    }\n    closeDropdown();\n    fireNonCancelableEvent(onBlur);\n  };\n  const selectOption = (option: AutosuggestItem) => {\n    const value = option.value || '';\n    fireNonCancelableEvent(onChange, { value });\n    closeDropdown();\n    fireNonCancelableEvent(onSelect, { value });\n  };\n  const selectHighlighted = () => {\n    if (highlightedOption) {\n      if (isInteractive(highlightedOption)) {\n        selectOption(highlightedOption);\n      }\n    } else {\n      closeDropdown();\n    }\n  };\n\n  const fireLoadMore = useLoadMoreItems(onLoadItems);\n\n  const handleInputChange: InputProps['onChange'] = e => {\n    openDropdown();\n    setShowAll(false);\n    resetHighlight();\n    onChange && onChange(e);\n  };\n\n  const handleKeyDown = useKeyboardHandler(moveHighlight, openDropdown, selectHighlighted, isKeyboard, open, onKeyDown);\n  const handleLoadMore = useCallback(() => {\n    options && options.length && statusType === 'pending' && fireLoadMore(false, false);\n  }, [fireLoadMore, options, statusType]);\n  const handleRecoveryClick = useCallback(() => {\n    fireLoadMore(false, true);\n    inputRef.current?.focus();\n  }, [fireLoadMore]);\n\n  const formFieldContext = useFormFieldContext(rest);\n  const baseProps = getBaseProps(rest);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const dropdownFooterRef = useRef<HTMLDivElement>(null);\n  useForwardFocus(ref, inputRef);\n\n  const selfControlId = useUniqueId('input');\n  const controlId = formFieldContext.controlId ?? selfControlId;\n  const dropdownId = useUniqueId('dropdown');\n  const listId = useUniqueId('list');\n\n  // From an a11y point of view we only count the dropdown as 'expanded' if there are items that a user can dropdown into\n  const expanded = open && items.length > 1;\n  const highlightedOptionId = highlightedOption ? generateUniqueId() : undefined;\n  const nativeAttributes = {\n    name,\n    placeholder,\n    autoFocus,\n    onClick: openDropdown,\n    role: 'combobox',\n    'aria-autocomplete': 'list',\n    'aria-expanded': expanded,\n    'aria-controls': listId,\n    // 'aria-owns' needed for safari+vo to announce activedescendant content\n    'aria-owns': listId,\n    'aria-label': ariaLabel,\n    'aria-activedescendant': highlightedOptionId,\n  };\n\n  const handleInputFocus: InputProps['onFocus'] = e => {\n    setShowAll(true);\n    openDropdown();\n    fireLoadMore(true, false, '');\n    onFocus?.(e);\n  };\n\n  const isEmpty = !value && !items.length;\n  const showRecoveryLink = open && statusType === 'error' && props.recoveryText;\n  const dropdownStatus = useDropdownStatus({ ...props, isEmpty, onRecoveryClick: handleRecoveryClick });\n\n  const handleMouseDown = (event: React.MouseEvent) => {\n    // prevent currently focused element from losing it\n    event.preventDefault();\n  };\n\n  return (\n    <div {...baseProps} className={clsx(styles.root, baseProps.className)} ref={__internalRootRef} onBlur={handleBlur}>\n      <Dropdown\n        trigger={\n          <InternalInput\n            type=\"search\"\n            value={value}\n            onChange={handleInputChange}\n            __onDelayedInput={event => fireLoadMore(true, false, event.detail.value)}\n            onFocus={handleInputFocus}\n            onKeyDown={handleKeyDown}\n            onKeyUp={onKeyUp}\n            disabled={disabled}\n            disableBrowserAutocorrect={disableBrowserAutocorrect}\n            readOnly={readOnly}\n            ariaRequired={ariaRequired}\n            ref={inputRef}\n            autoComplete={false}\n            __nativeAttributes={nativeAttributes}\n            {...formFieldContext}\n            controlId={controlId}\n          />\n        }\n        onMouseDown={handleMouseDown}\n        open={open}\n        dropdownId={dropdownId}\n        footer={\n          dropdownStatus.isSticky ? (\n            <div ref={dropdownFooterRef} className={styles['dropdown-footer']}>\n              <DropdownFooter content={dropdownStatus.content} hasItems={items.length >= 1} />\n            </div>\n          ) : null\n        }\n        expandToViewport={expandToViewport}\n        hasContent={items.length >= 1 || dropdownStatus.content !== null}\n        trapFocus={!!showRecoveryLink}\n      >\n        {open && (\n          <AutosuggestOptionsList\n            options={items}\n            highlightedOption={highlightedOption}\n            selectOption={selectOption}\n            highlightedIndex={highlightedIndex}\n            setHighlightedIndex={setHighlightedIndex}\n            highlightedOptionId={highlightedOptionId}\n            highlightText={value}\n            listId={listId}\n            controlId={controlId}\n            enteredTextLabel={enteredTextLabel}\n            handleLoadMore={handleLoadMore}\n            hasDropdownStatus={dropdownStatus.content !== null}\n            virtualScroll={virtualScroll}\n            selectedAriaLabel={selectedAriaLabel}\n            renderHighlightedAriaLive={renderHighlightedAriaLive}\n            listBottom={!dropdownStatus.isSticky ? <DropdownFooter content={dropdownStatus.content} /> : null}\n            isKeyboard={isKeyboard}\n            highlightedType={highlightedType}\n          />\n        )}\n      </Dropdown>\n    </div>\n  );\n});\n\nexport default InternalAutosuggest;\n"]}