@cloudscape-design/components 3.0.0

package/internal/components/option/option-parts.js

@@ -0,0 +1,63 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import styles from './styles.css.js';
+import clsx from 'clsx';
+import React from 'react';
+import InternalIcon from '../../../icon/internal';
+import HighlightMatch from './highlight-match';
+export var Label = function (_a) {
+    var label = _a.label, prefix = _a.prefix, highlightText = _a.highlightText, triggerVariant = _a.triggerVariant;
+    return (React.createElement("span", { className: clsx(styles.label, triggerVariant && styles['trigger-variant']) },
+        prefix && (React.createElement("span", { className: clsx(styles['label-prefix'], triggerVariant && styles['trigger-variant']) },
+            prefix,
+            " ")),
+        React.createElement(HighlightMatch, { str: label, highlightText: highlightText })));
+};
+export var LabelTag = function (_a) {
+    var labelTag = _a.labelTag, highlightText = _a.highlightText, triggerVariant = _a.triggerVariant;
+    return labelTag ? (React.createElement("span", { className: clsx(styles['label-tag'], triggerVariant && styles['trigger-variant']) },
+        React.createElement(HighlightMatch, { str: labelTag, highlightText: highlightText }))) : null;
+};
+export var Description = function (_a) {
+    var description = _a.description, highlightText = _a.highlightText, triggerVariant = _a.triggerVariant;
+    return description ? (
+    // We do not reach AA compliance in Dark mode for highlighted state
+    // TODO: Remove aria-disabled={true} when we fix AWSUI-10333
+    React.createElement("div", { className: clsx(styles.description, triggerVariant && styles['trigger-variant']), "aria-disabled": true },
+        React.createElement(HighlightMatch, { str: description, highlightText: highlightText }))) : null;
+};
+export var Tags = function (_a) {
+    var tags = _a.tags, highlightText = _a.highlightText, triggerVariant = _a.triggerVariant;
+    return tags ? (React.createElement("div", { className: clsx(styles.tags) }, tags.map(function (tag, idx) { return (
+    // We do not reach AA compliance in Dark mode for highlighted state
+    // TODO: Remove aria-disabled={true} when we fix AWSUI-10333
+    React.createElement("span", { key: idx, className: clsx(styles.tag, triggerVariant && styles['trigger-variant']), "aria-disabled": true },
+        React.createElement(HighlightMatch, { str: tag, highlightText: highlightText }))); }))) : null;
+};
+export var FilteringTags = function (_a) {
+    var filteringTags = _a.filteringTags, highlightText = _a.highlightText, triggerVariant = _a.triggerVariant;
+    if (!highlightText || !filteringTags) {
+        return null;
+    }
+    var searchElement = highlightText.toLowerCase();
+    return (React.createElement("div", { className: clsx(styles.tags) }, filteringTags.map(function (filteringTag, key) {
+        var match = filteringTag.toLowerCase().indexOf(searchElement) !== -1;
+        if (match) {
+            return (
+            // We do not reach AA compliance in Dark mode for highlighted state
+            // TODO: Remove aria-disabled={true} when we fix AWSUI-10333
+            React.createElement("span", { className: clsx(styles.tag, triggerVariant && styles['trigger-variant']), key: key, "aria-disabled": true },
+                React.createElement(HighlightMatch, { str: filteringTag, highlightText: highlightText })));
+        }
+        return null;
+    })));
+};
+export var OptionIcon = function (props) {
+    if (!props.name && !props.url && !props.svg) {
+        return null;
+    }
+    return (React.createElement("span", { className: clsx(styles.icon, props.size === 'big' && [styles["icon-size-big"]]) },
+        React.createElement(InternalIcon, __assign({}, props))));
+};
+//# sourceMappingURL=option-parts.js.map

package/internal/components/option/option-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-parts.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/option-parts.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 styles from './styles.css.js';\nimport clsx from 'clsx';\nimport React from 'react';\nimport { IconProps } from '../../../icon/interfaces';\nimport InternalIcon from '../../../icon/internal';\nimport HighlightMatch from './highlight-match';\n\ninterface LabelProps {\n  label?: string;\n  prefix?: string;\n  highlightText?: string;\n  triggerVariant: boolean;\n}\nexport const Label = ({ label, prefix, highlightText, triggerVariant }: LabelProps) => (\n  <span className={clsx(styles.label, triggerVariant && styles['trigger-variant'])}>\n    {prefix && (\n      <span className={clsx(styles['label-prefix'], triggerVariant && styles['trigger-variant'])}>{prefix} </span>\n    )}\n    <HighlightMatch str={label} highlightText={highlightText} />\n  </span>\n);\n\ninterface LabelTagProps {\n  labelTag?: string;\n  highlightText?: string;\n  triggerVariant: boolean;\n}\nexport const LabelTag = ({ labelTag, highlightText, triggerVariant }: LabelTagProps) =>\n  labelTag ? (\n    <span className={clsx(styles['label-tag'], triggerVariant && styles['trigger-variant'])}>\n      <HighlightMatch str={labelTag} highlightText={highlightText} />\n    </span>\n  ) : null;\n\ninterface DescriptionProps {\n  description?: string;\n  highlightText?: string;\n  triggerVariant: boolean;\n}\nexport const Description = ({ description, highlightText, triggerVariant }: DescriptionProps) =>\n  description ? (\n    // We do not reach AA compliance in Dark mode for highlighted state\n    // TODO: Remove aria-disabled={true} when we fix AWSUI-10333\n    <div className={clsx(styles.description, triggerVariant && styles['trigger-variant'])} aria-disabled={true}>\n      <HighlightMatch str={description} highlightText={highlightText} />\n    </div>\n  ) : null;\n\ninterface TagsProps {\n  tags?: ReadonlyArray<string>;\n  highlightText?: string;\n  triggerVariant: boolean;\n}\nexport const Tags = ({ tags, highlightText, triggerVariant }: TagsProps) =>\n  tags ? (\n    <div className={clsx(styles.tags)}>\n      {tags.map((tag, idx) => (\n        // We do not reach AA compliance in Dark mode for highlighted state\n        // TODO: Remove aria-disabled={true} when we fix AWSUI-10333\n        <span key={idx} className={clsx(styles.tag, triggerVariant && styles['trigger-variant'])} aria-disabled={true}>\n          <HighlightMatch str={tag} highlightText={highlightText} />\n        </span>\n      ))}\n    </div>\n  ) : null;\n\ninterface FilteringTagProps {\n  filteringTags?: ReadonlyArray<string>;\n  highlightText?: string;\n  triggerVariant: boolean;\n}\nexport const FilteringTags = ({ filteringTags, highlightText, triggerVariant }: FilteringTagProps) => {\n  if (!highlightText || !filteringTags) {\n    return null;\n  }\n\n  const searchElement = highlightText.toLowerCase();\n\n  return (\n    <div className={clsx(styles.tags)}>\n      {filteringTags.map((filteringTag, key) => {\n        const match = filteringTag.toLowerCase().indexOf(searchElement) !== -1;\n        if (match) {\n          return (\n            // We do not reach AA compliance in Dark mode for highlighted state\n            // TODO: Remove aria-disabled={true} when we fix AWSUI-10333\n            <span\n              className={clsx(styles.tag, triggerVariant && styles['trigger-variant'])}\n              key={key}\n              aria-disabled={true}\n            >\n              <HighlightMatch str={filteringTag} highlightText={highlightText} />\n            </span>\n          );\n        }\n        return null;\n      })}\n    </div>\n  );\n};\n\nexport const OptionIcon = (props: IconProps) => {\n  if (!props.name && !props.url && !props.svg) {\n    return null;\n  }\n\n  return (\n    <span className={clsx(styles.icon, props.size === 'big' && [styles[`icon-size-big`]])}>\n      <InternalIcon {...props} />\n    </span>\n  );\n};\n"]}

package/internal/components/option/styles.css.js

@@ -0,0 +1,20 @@
+
+    import './styles.scoped.css';
+    export default {
+  "option": "awsui_option_1p2cx_1tubf_97",
+  "disabled": "awsui_disabled_1p2cx_1tubf_113",
+  "parent": "awsui_parent_1p2cx_1tubf_116",
+  "content": "awsui_content_1p2cx_1tubf_123",
+  "label-content": "awsui_label-content_1p2cx_1tubf_130",
+  "label": "awsui_label_1p2cx_1tubf_130",
+  "tag": "awsui_tag_1p2cx_1tubf_137",
+  "label-tag": "awsui_label-tag_1p2cx_1tubf_138",
+  "label-prefix": "awsui_label-prefix_1p2cx_1tubf_149",
+  "tags": "awsui_tags_1p2cx_1tubf_162",
+  "description": "awsui_description_1p2cx_1tubf_163",
+  "icon": "awsui_icon_1p2cx_1tubf_180",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1tubf_187",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1tubf_191",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1tubf_206"
+};
+  

package/internal/components/option/styles.scoped.css

@@ -0,0 +1,253 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_option_1p2cx_1tubf_97:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+  min-width: 0;
+  box-sizing: border-box;
+  color: inherit;
+}
+.awsui_option_1p2cx_1tubf_97:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
+  cursor: inherit;
+}
+.awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9) {
+  font-weight: bold;
+}
+.awsui_option_1p2cx_1tubf_97.awsui_parent_1p2cx_1tubf_116:not(#\9):not(.awsui_disabled_1p2cx_1tubf_113) {
+  color: #414d5c;
+  color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
+}
+
+.awsui_content_1p2cx_1tubf_123:not(#\9) {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.awsui_label-content_1p2cx_1tubf_130:not(#\9) {
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+}
+
+.awsui_label_1p2cx_1tubf_130:not(#\9),
+.awsui_tag_1p2cx_1tubf_137:not(#\9),
+.awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
+  min-width: 0;
+  -ms-word-break: break-all;
+  word-break: break-word;
+}
+
+.awsui_label_1p2cx_1tubf_130:not(#\9),
+.awsui_tag_1p2cx_1tubf_137:not(#\9) {
+  flex-wrap: wrap;
+}
+
+.awsui_label-prefix_1p2cx_1tubf_149:not(#\9) {
+  font-weight: 700;
+}
+
+.awsui_label-tag_1p2cx_1tubf_138:not(#\9) {
+  padding-left: 12px;
+  padding-left: var(--space-s-hv8c1d, 12px);
+  flex: auto;
+  text-align: right;
+}
+.awsui_label-tag_1p2cx_1tubf_138:not(#\9):empty {
+  display: none;
+}
+
+.awsui_tags_1p2cx_1tubf_162:not(#\9),
+.awsui_description_1p2cx_1tubf_163:not(#\9) {
+  font-size: 12px;
+  font-size: var(--font-body-s-size-ukw2p9, 12px);
+  line-height: 16px;
+  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
+  letter-spacing: 0.005em;
+  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
+  color: #5f6b7a;
+  color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
+  flex-wrap: wrap;
+}
+
+.awsui_tags_1p2cx_1tubf_162:not(#\9) {
+  display: flex;
+  align-items: stretch;
+}
+
+.awsui_tag_1p2cx_1tubf_137:not(#\9):not(:last-child) {
+  padding-right: 16px;
+  padding-right: var(--space-m-17eucw, 16px);
+}
+
+.awsui_icon_1p2cx_1tubf_180:not(#\9) {
+  padding-right: 8px;
+  padding-right: var(--space-xs-rsr2qu, 8px);
+  align-content: center;
+  display: flex;
+  flex-shrink: 0;
+}
+
+.awsui_icon-size-big_1p2cx_1tubf_187:not(#\9) {
+  padding-top: 2px;
+  padding-top: var(--space-xxxs-k2w98v, 2px);
+}
+
+.awsui_filtering-match-highlight_1p2cx_1tubf_191:not(#\9) {
+  background-color: #f2f8fd;
+  background-color: var(--color-background-dropdown-item-filter-match-6ac2mw, #f2f8fd);
+  color: #0972d3;
+  color: var(--color-text-dropdown-item-filter-match-x302if, #0972d3);
+  font-weight: bold;
+}
+
+.awsui_disabled_1p2cx_1tubf_113:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
+  pointer-events: none;
+}
+.awsui_disabled_1p2cx_1tubf_113 > .awsui_content_1p2cx_1tubf_123 > .awsui_tags_1p2cx_1tubf_162:not(#\9),
+.awsui_disabled_1p2cx_1tubf_113 > .awsui_content_1p2cx_1tubf_123 > .awsui_description_1p2cx_1tubf_163:not(#\9) {
+  color: currentColor;
+}
+
+.awsui_trigger-variant_1p2cx_1tubf_206:not(#\9) {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/internal/components/option/styles.selectors.js

@@ -0,0 +1,21 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "option": "awsui_option_1p2cx_1tubf_97",
+  "disabled": "awsui_disabled_1p2cx_1tubf_113",
+  "parent": "awsui_parent_1p2cx_1tubf_116",
+  "content": "awsui_content_1p2cx_1tubf_123",
+  "label-content": "awsui_label-content_1p2cx_1tubf_130",
+  "label": "awsui_label_1p2cx_1tubf_130",
+  "tag": "awsui_tag_1p2cx_1tubf_137",
+  "label-tag": "awsui_label-tag_1p2cx_1tubf_138",
+  "label-prefix": "awsui_label-prefix_1p2cx_1tubf_149",
+  "tags": "awsui_tags_1p2cx_1tubf_162",
+  "description": "awsui_description_1p2cx_1tubf_163",
+  "icon": "awsui_icon_1p2cx_1tubf_180",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1tubf_187",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1tubf_191",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1tubf_206"
+};
+  

package/internal/components/option/utils/filter-options.d.ts

@@ -0,0 +1,7 @@
+import { DropdownOption, OptionDefinition, OptionGroup } from '../interfaces';
+export declare const matchesString: (value: string | undefined, searchText: string, strictMatching: boolean) => boolean;
+export declare const filterOptions: (options: ReadonlyArray<DropdownOption>, searchText: string, strictMatching?: boolean) => ReadonlyArray<DropdownOption>;
+export declare const isInteractive: (option?: DropdownOption | undefined) => boolean;
+export declare const isGroupInteractive: (option?: DropdownOption | undefined) => boolean;
+export declare const isGroup: (option?: OptionDefinition | OptionGroup | undefined) => option is OptionGroup;
+//# sourceMappingURL=filter-options.d.ts.map

package/internal/components/option/utils/filter-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-options.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/filter-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO9E,eAAO,MAAM,aAAa,UAAW,MAAM,GAAG,SAAS,cAAc,MAAM,kBAAkB,OAAO,KAAG,OAMtG,CAAC;AAkBF,eAAO,MAAM,aAAa,YACf,cAAc,cAAc,CAAC,cAC1B,MAAM,+BAEjB,cAAc,cAAc,CAgC9B,CAAC;AAEF,eAAO,MAAM,aAAa,kDAAwF,CAAC;AAEnH,eAAO,MAAM,kBAAkB,kDAA4D,CAAC;AAE5F,eAAO,MAAM,OAAO,gFACa,CAAC"}

package/internal/components/option/utils/filter-options.js

@@ -0,0 +1,59 @@
+var searchableFields = ['value', 'label', 'description', 'labelTag'];
+export var matchesString = function (value, searchText, strictMatching) {
+    if (!value) {
+        return false;
+    }
+    var index = value.toLowerCase().indexOf(searchText);
+    return strictMatching ? index === 0 : index > -1;
+};
+var matchesSingleOption = function (dropdownOption, text, strictMatching) {
+    var searchText = text.toLowerCase();
+    var option = dropdownOption.option;
+    var searchStrFields = function (attr) { return matchesString(option[attr], searchText, strictMatching); };
+    var searchTagsFields = function (attr) { var _a; return (_a = option[attr]) === null || _a === void 0 ? void 0 : _a.some(function (value) { return matchesString(value, searchText, strictMatching); }); };
+    var searchableTagFields = ['tags'];
+    if (!strictMatching) {
+        searchableTagFields.push('filteringTags');
+    }
+    return searchableFields.some(searchStrFields) || searchableTagFields.some(searchTagsFields);
+};
+export var filterOptions = function (options, searchText, strictMatching) {
+    if (strictMatching === void 0) { strictMatching = false; }
+    if (searchText === '') {
+        return options;
+    }
+    var currentGroup = null;
+    var parentMatched = false;
+    return options.reduce(function (acc, option) {
+        if (option.type === 'parent') {
+            parentMatched = false;
+            currentGroup = option;
+            if (matchesSingleOption(option, searchText, strictMatching)) {
+                parentMatched = true;
+                acc.push(currentGroup);
+            }
+            return acc;
+        }
+        if (option.type !== 'child') {
+            currentGroup = null;
+            parentMatched = false;
+        }
+        if (parentMatched) {
+            acc.push(option);
+        }
+        else if (matchesSingleOption(option, searchText, strictMatching)) {
+            if (currentGroup) {
+                acc.push(currentGroup);
+                currentGroup = null;
+            }
+            acc.push(option);
+        }
+        return acc;
+    }, []);
+};
+export var isInteractive = function (option) { return !!option && !option.disabled && option.type !== 'parent'; };
+export var isGroupInteractive = function (option) { return !!option && !option.disabled; };
+export var isGroup = function (option) {
+    return !!option && 'options' in option;
+};
+//# sourceMappingURL=filter-options.js.map

package/internal/components/option/utils/filter-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-options.js","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/filter-options.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 { DropdownOption, OptionDefinition, OptionGroup } from '../interfaces';\n\ntype SearchableField = 'value' | 'label' | 'description' | 'labelTag';\ntype SearchableTagField = 'tags' | 'filteringTags';\n\nconst searchableFields: SearchableField[] = ['value', 'label', 'description', 'labelTag'];\n\nexport const matchesString = (value: string | undefined, searchText: string, strictMatching: boolean): boolean => {\n  if (!value) {\n    return false;\n  }\n  const index = value.toLowerCase().indexOf(searchText);\n  return strictMatching ? index === 0 : index > -1;\n};\n\nconst matchesSingleOption = (dropdownOption: DropdownOption, text: string, strictMatching: boolean): boolean => {\n  const searchText = text.toLowerCase();\n\n  const option: OptionDefinition = dropdownOption.option;\n  const searchStrFields = (attr: SearchableField) => matchesString(option[attr], searchText, strictMatching);\n  const searchTagsFields = (attr: SearchableTagField) =>\n    option[attr]?.some(value => matchesString(value, searchText, strictMatching));\n\n  const searchableTagFields: SearchableTagField[] = ['tags'];\n  if (!strictMatching) {\n    searchableTagFields.push('filteringTags');\n  }\n\n  return searchableFields.some(searchStrFields) || searchableTagFields.some(searchTagsFields);\n};\n\nexport const filterOptions = (\n  options: ReadonlyArray<DropdownOption>,\n  searchText: string,\n  strictMatching = false\n): ReadonlyArray<DropdownOption> => {\n  if (searchText === '') {\n    return options;\n  }\n\n  let currentGroup: DropdownOption | null = null;\n  let parentMatched = false;\n  return options.reduce<DropdownOption[]>((acc, option) => {\n    if (option.type === 'parent') {\n      parentMatched = false;\n      currentGroup = option;\n      if (matchesSingleOption(option, searchText, strictMatching)) {\n        parentMatched = true;\n        acc.push(currentGroup);\n      }\n      return acc;\n    }\n    if (option.type !== 'child') {\n      currentGroup = null;\n      parentMatched = false;\n    }\n    if (parentMatched) {\n      acc.push(option);\n    } else if (matchesSingleOption(option, searchText, strictMatching)) {\n      if (currentGroup) {\n        acc.push(currentGroup);\n        currentGroup = null;\n      }\n      acc.push(option);\n    }\n    return acc;\n  }, []);\n};\n\nexport const isInteractive = (option?: DropdownOption) => !!option && !option.disabled && option.type !== 'parent';\n\nexport const isGroupInteractive = (option?: DropdownOption) => !!option && !option.disabled;\n\nexport const isGroup = (option?: OptionDefinition | OptionGroup): option is OptionGroup =>\n  !!option && 'options' in option;\n"]}

package/internal/components/option/utils/flatten-options.d.ts

@@ -0,0 +1,6 @@
+import { OptionGroup, OptionDefinition, DropdownOption } from '../interfaces';
+export declare const flattenOptions: (options: ReadonlyArray<OptionDefinition | OptionGroup>) => {
+    flatOptions: DropdownOption[];
+    parentMap: Map<DropdownOption, DropdownOption>;
+};
+//# sourceMappingURL=flatten-options.d.ts.map

package/internal/components/option/utils/flatten-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-options.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/flatten-options.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9E,eAAO,MAAM,cAAc,YAAa,cAAc,gBAAgB,GAAG,WAAW,CAAC;;;CAmCpF,CAAC"}

package/internal/components/option/utils/flatten-options.js

@@ -0,0 +1,36 @@
+import { __rest } from "tslib";
+export var flattenOptions = function (options) {
+    var parentMap = new Map();
+    var flatOptions = options.reduce(function (acc, option) {
+        if ('options' in option) {
+            var options_1 = option.options, rest_1 = __rest(option, ["options"]);
+            var parentDropdownOption_1 = { type: 'parent', option: option };
+            var allOptionsDisabled = options_1.every(function (option) { return option.disabled; });
+            if (option.disabled || allOptionsDisabled) {
+                parentDropdownOption_1.disabled = true;
+            }
+            acc.push(parentDropdownOption_1);
+            options_1.forEach(function (child) {
+                var childDropdownOption = { type: 'child', option: child };
+                if (rest_1.disabled || child.disabled) {
+                    childDropdownOption.disabled = true;
+                }
+                acc.push(childDropdownOption);
+                parentMap.set(childDropdownOption, parentDropdownOption_1);
+            });
+        }
+        else {
+            var dropdownOption = { option: option };
+            if (option.disabled) {
+                dropdownOption.disabled = true;
+            }
+            acc.push(dropdownOption);
+        }
+        return acc;
+    }, []);
+    return {
+        flatOptions: flatOptions,
+        parentMap: parentMap
+    };
+};
+//# sourceMappingURL=flatten-options.js.map

package/internal/components/option/utils/flatten-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-options.js","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/flatten-options.ts"],"names":[],"mappings":";AAIA,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAsD;IACnF,IAAM,SAAS,GAAG,IAAI,GAAG,EAAkC,CAAC;IAE5D,IAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAmB,UAAC,GAAG,EAAE,MAAM;QAC/D,IAAI,SAAS,IAAI,MAAM,EAAE;YACf,IAAA,SAAO,GAAc,MAAM,QAApB,EAAK,MAAI,UAAK,MAAM,EAA7B,WAAoB,CAAF,CAAY;YACpC,IAAM,sBAAoB,GAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAA,EAAE,CAAC;YACxE,IAAM,kBAAkB,GAAG,SAAO,CAAC,KAAK,CAAC,UAAA,MAAM,IAAI,OAAA,MAAM,CAAC,QAAQ,EAAf,CAAe,CAAC,CAAC;YACpE,IAAI,MAAM,CAAC,QAAQ,IAAI,kBAAkB,EAAE;gBACzC,sBAAoB,CAAC,QAAQ,GAAG,IAAI,CAAC;aACtC;YACD,GAAG,CAAC,IAAI,CAAC,sBAAoB,CAAC,CAAC;YAC/B,SAAO,CAAC,OAAO,CAAC,UAAA,KAAK;gBACnB,IAAM,mBAAmB,GAAmB,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC7E,IAAI,MAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAAE;oBACnC,mBAAmB,CAAC,QAAQ,GAAG,IAAI,CAAC;iBACrC;gBACD,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;gBAC9B,SAAS,CAAC,GAAG,CAAC,mBAAmB,EAAE,sBAAoB,CAAC,CAAC;YAC3D,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,IAAM,cAAc,GAAmB,EAAE,MAAM,QAAA,EAAE,CAAC;YAClD,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,cAAc,CAAC,QAAQ,GAAG,IAAI,CAAC;aAChC;YACD,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAC1B;QAED,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,WAAW,aAAA;QACX,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { OptionGroup, OptionDefinition, DropdownOption } from '../interfaces';\n\nexport const flattenOptions = (options: ReadonlyArray<OptionDefinition | OptionGroup>) => {\n  const parentMap = new Map<DropdownOption, DropdownOption>();\n\n  const flatOptions = options.reduce<DropdownOption[]>((acc, option) => {\n    if ('options' in option) {\n      const { options, ...rest } = option;\n      const parentDropdownOption: DropdownOption = { type: 'parent', option };\n      const allOptionsDisabled = options.every(option => option.disabled);\n      if (option.disabled || allOptionsDisabled) {\n        parentDropdownOption.disabled = true;\n      }\n      acc.push(parentDropdownOption);\n      options.forEach(child => {\n        const childDropdownOption: DropdownOption = { type: 'child', option: child };\n        if (rest.disabled || child.disabled) {\n          childDropdownOption.disabled = true;\n        }\n        acc.push(childDropdownOption);\n        parentMap.set(childDropdownOption, parentDropdownOption);\n      });\n    } else {\n      const dropdownOption: DropdownOption = { option };\n      if (option.disabled) {\n        dropdownOption.disabled = true;\n      }\n      acc.push(dropdownOption);\n    }\n\n    return acc;\n  }, []);\n\n  return {\n    flatOptions,\n    parentMap,\n  };\n};\n"]}

package/internal/components/option/utils/prepare-options.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from '../../../../select/interfaces';
+export declare function prepareOptions(options: SelectProps.Options, filteringType: SelectProps.FilteringType, filteringText: string): {
+    filteredOptions: readonly import("../interfaces").DropdownOption[];
+    parentMap: Map<import("../interfaces").DropdownOption, import("../interfaces").DropdownOption>;
+};
+//# sourceMappingURL=prepare-options.d.ts.map

package/internal/components/option/utils/prepare-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-options.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/prepare-options.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,wBAAgB,cAAc,CAC5B,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,aAAa,EAAE,WAAW,CAAC,aAAa,EACxC,aAAa,EAAE,MAAM;;;EAMtB"}

package/internal/components/option/utils/prepare-options.js

@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { flattenOptions } from './flatten-options';
+import { filterOptions } from './filter-options';
+import { generateTestIndexes } from '../../options-list/utils/test-indexes';
+export function prepareOptions(options, filteringType, filteringText) {
+    var _a = flattenOptions(options), flatOptions = _a.flatOptions, parentMap = _a.parentMap;
+    var filteredOptions = filteringType !== 'auto' ? flatOptions : filterOptions(flatOptions, filteringText);
+    generateTestIndexes(filteredOptions, parentMap.get.bind(parentMap));
+    return { filteredOptions: filteredOptions, parentMap: parentMap };
+}
+//# sourceMappingURL=prepare-options.js.map

package/internal/components/option/utils/prepare-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-options.js","sourceRoot":"","sources":["../../../../../../src/internal/components/option/utils/prepare-options.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAG5E,MAAM,UAAU,cAAc,CAC5B,OAA4B,EAC5B,aAAwC,EACxC,aAAqB;IAEf,IAAA,KAA6B,cAAc,CAAC,OAAO,CAAC,EAAlD,WAAW,iBAAA,EAAE,SAAS,eAA4B,CAAC;IAC3D,IAAM,eAAe,GAAG,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAC3G,mBAAmB,CAAC,eAAe,EAAE,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IACpE,OAAO,EAAE,eAAe,iBAAA,EAAE,SAAS,WAAA,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { flattenOptions } from './flatten-options';\nimport { filterOptions } from './filter-options';\nimport { generateTestIndexes } from '../../options-list/utils/test-indexes';\nimport { SelectProps } from '../../../../select/interfaces';\n\nexport function prepareOptions(\n  options: SelectProps.Options,\n  filteringType: SelectProps.FilteringType,\n  filteringText: string\n) {\n  const { flatOptions, parentMap } = flattenOptions(options);\n  const filteredOptions = filteringType !== 'auto' ? flatOptions : filterOptions(flatOptions, filteringText);\n  generateTestIndexes(filteredOptions, parentMap.get.bind(parentMap));\n  return { filteredOptions, parentMap };\n}\n"]}

package/internal/components/options-list/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { BaseComponentProps } from '../../base-component';
+import { NonCancelableEventHandler, CancelableEventHandler, BaseKeyDetail } from '../../events';
+export interface OptionsListProps extends BaseComponentProps {
+    open?: boolean;
+    /**
+     * Options list
+     */
+    children: React.ReactNode;
+    nativeAttributes?: Record<string, any>;
+    /**
+     * Called when more items need to be loaded.
+     */
+    onLoadMore?: NonCancelableEventHandler;
+    onKeyDown?: CancelableEventHandler<BaseKeyDetail>;
+    onBlur?: NonCancelableEventHandler<{
+        relatedTarget: Node | null;
+    }>;
+    onFocus?: NonCancelableEventHandler;
+    onMouseUp?: (itemIndex: number) => void;
+    onMouseMove?: (itemIndex: number) => void;
+    position?: React.CSSProperties['position'];
+    role?: 'listbox' | 'list' | 'menu';
+    ariaLabelledby?: string;
+    decreaseTopMargin?: boolean;
+}
+declare const _default: React.ForwardRefExoticComponent<OptionsListProps & React.RefAttributes<HTMLUListElement>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/options-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAEL,yBAAyB,EACzB,sBAAsB,EACtB,aAAa,EAGd,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACvC;;OAEG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,SAAS,CAAC,EAAE,sBAAsB,CAAC,aAAa,CAAC,CAAC;IAClD,MAAM,CAAC,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;;AAiFD,wBAA6C"}

package/internal/components/options-list/index.js

@@ -0,0 +1,45 @@
+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 { useMergeRefs } from '../../hooks/use-merge-refs';
+import React, { useEffect, useRef } from 'react';
+import { getBaseProps } from '../../base-component';
+import { fireNonCancelableEvent, fireKeyboardEvent, getBlurEventRelatedTarget, } from '../../events';
+import { findUpUntil } from '../../utils/dom';
+import styles from './styles.css.js';
+var BOTTOM_TRIGGER_OFFSET = 80;
+var getItemIndex = function (containerRef, event) {
+    var target = findUpUntil(event.target, function (element) { return element === containerRef.current || !!element.dataset.mouseTarget; });
+    var mouseTarget = target === null || target === void 0 ? void 0 : target.dataset.mouseTarget;
+    return mouseTarget ? parseInt(mouseTarget) : -1;
+};
+var OptionsList = function (_a, ref) {
+    var _b;
+    var open = _a.open, children = _a.children, _c = _a.nativeAttributes, nativeAttributes = _c === void 0 ? {} : _c, onKeyDown = _a.onKeyDown, onBlur = _a.onBlur, onFocus = _a.onFocus, onLoadMore = _a.onLoadMore, onMouseUp = _a.onMouseUp, onMouseMove = _a.onMouseMove, _d = _a.position, position = _d === void 0 ? 'relative' : _d, _e = _a.role, role = _e === void 0 ? 'listbox' : _e, _f = _a.decreaseTopMargin, decreaseTopMargin = _f === void 0 ? false : _f, ariaLabelledby = _a.ariaLabelledby, restProps = __rest(_a, ["open", "children", "nativeAttributes", "onKeyDown", "onBlur", "onFocus", "onLoadMore", "onMouseUp", "onMouseMove", "position", "role", "decreaseTopMargin", "ariaLabelledby"]);
+    var baseProps = getBaseProps(restProps);
+    var menuRef = useRef(null);
+    var handleScroll = function () {
+        var scrollContainer = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+        if (scrollContainer) {
+            var bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;
+            var remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;
+            if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {
+                fireNonCancelableEvent(onLoadMore);
+            }
+        }
+    };
+    useEffect(function () {
+        if (!open) {
+            return;
+        }
+        handleScroll();
+    });
+    var className = clsx(styles['options-list'], (_b = {},
+        _b[styles['decrease-top-margin']] = decreaseTopMargin,
+        _b));
+    var mergedRef = useMergeRefs(ref, menuRef);
+    return (React.createElement("ul", __assign({}, baseProps, nativeAttributes, { className: className, ref: mergedRef, style: { position: position }, role: role, onScroll: handleScroll, onKeyDown: function (event) { return onKeyDown && fireKeyboardEvent(onKeyDown, event); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getItemIndex(menuRef, event)); }, onMouseUp: function (event) { return onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(getItemIndex(menuRef, event)); }, onBlur: function (event) { return fireNonCancelableEvent(onBlur, { relatedTarget: getBlurEventRelatedTarget(event.nativeEvent) }); }, onFocus: function () { return fireNonCancelableEvent(onFocus); }, tabIndex: -1, "aria-labelledby": ariaLabelledby }), open && children));
+};
+export default React.forwardRef(OptionsList);
+//# sourceMappingURL=index.js.map