@cloudscape-design/components 3.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/options-list/index.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 { useMergeRefs } from '../../hooks/use-merge-refs';\nimport React, { useEffect, useRef } from 'react';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport {\n  fireNonCancelableEvent,\n  NonCancelableEventHandler,\n  CancelableEventHandler,\n  BaseKeyDetail,\n  fireKeyboardEvent,\n  getBlurEventRelatedTarget,\n} from '../../events';\nimport { findUpUntil } from '../../utils/dom';\nimport styles from './styles.css.js';\n\nexport interface OptionsListProps extends BaseComponentProps {\n  open?: boolean;\n  /**\n   * Options list\n   */\n  children: React.ReactNode;\n  nativeAttributes?: Record<string, any>;\n  /**\n   * Called when more items need to be loaded.\n   */\n  onLoadMore?: NonCancelableEventHandler;\n  onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n  onBlur?: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n  onFocus?: NonCancelableEventHandler;\n  onMouseUp?: (itemIndex: number) => void;\n  onMouseMove?: (itemIndex: number) => void;\n  position?: React.CSSProperties['position'];\n  role?: 'listbox' | 'list' | 'menu';\n  ariaLabelledby?: string;\n  decreaseTopMargin?: boolean;\n}\n\nconst BOTTOM_TRIGGER_OFFSET = 80;\n\nconst getItemIndex = (containerRef: React.RefObject<HTMLElement>, event: React.MouseEvent) => {\n  const target = findUpUntil(\n    event.target as HTMLElement,\n    element => element === containerRef.current || !!element.dataset.mouseTarget\n  );\n  const mouseTarget = target?.dataset.mouseTarget;\n  return mouseTarget ? parseInt(mouseTarget) : -1;\n};\n\nconst OptionsList = (\n  {\n    open,\n    children,\n    nativeAttributes = {},\n    onKeyDown,\n    onBlur,\n    onFocus,\n    onLoadMore,\n    onMouseUp,\n    onMouseMove,\n    position = 'relative',\n    role = 'listbox',\n    decreaseTopMargin = false,\n    ariaLabelledby,\n    ...restProps\n  }: OptionsListProps,\n  ref: React.Ref<HTMLUListElement>\n) => {\n  const baseProps = getBaseProps(restProps);\n  const menuRef = useRef<HTMLUListElement>(null);\n\n  const handleScroll = () => {\n    const scrollContainer = menuRef?.current;\n    if (scrollContainer) {\n      const bottomEdgePosition = scrollContainer.scrollTop + scrollContainer.clientHeight;\n      const remainingScrollHeight = scrollContainer.scrollHeight - bottomEdgePosition;\n      if (remainingScrollHeight < BOTTOM_TRIGGER_OFFSET) {\n        fireNonCancelableEvent(onLoadMore);\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    handleScroll();\n  });\n\n  const className = clsx(styles['options-list'], {\n    [styles['decrease-top-margin']]: decreaseTopMargin,\n  });\n\n  const mergedRef = useMergeRefs(ref, menuRef);\n\n  return (\n    <ul\n      {...baseProps}\n      {...nativeAttributes}\n      className={className}\n      ref={mergedRef}\n      style={{ position }}\n      role={role}\n      onScroll={handleScroll}\n      onKeyDown={event => onKeyDown && fireKeyboardEvent(onKeyDown, event)}\n      onMouseMove={event => onMouseMove?.(getItemIndex(menuRef, event))}\n      onMouseUp={event => onMouseUp?.(getItemIndex(menuRef, event))}\n      onBlur={event => fireNonCancelableEvent(onBlur, { relatedTarget: getBlurEventRelatedTarget(event.nativeEvent) })}\n      onFocus={() => fireNonCancelableEvent(onFocus)}\n      tabIndex={-1}\n      aria-labelledby={ariaLabelledby}\n    >\n      {open && children}\n    </ul>\n  );\n};\n\nexport default React.forwardRef(OptionsList);\n"]}

package/internal/components/options-list/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "options-list": "awsui_options-list_19gcf_hlspk_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_hlspk_113"
+};
+  

package/internal/components/options-list/styles.scoped.css

@@ -0,0 +1,147 @@
+/*
+ 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
+*/
+.awsui_options-list_19gcf_hlspk_93:not(#\9) {
+  padding: 0;
+  margin: 0;
+  outline: none;
+  border: none;
+  /* 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);
+  white-space: inherit;
+  overflow-y: auto;
+  flex: 1 1 auto;
+  min-height: 0;
+  border-radius: 8px;
+  border-radius: var(--border-dropdown-radius-mi4tcw, 8px);
+}
+
+.awsui_decrease-top-margin_19gcf_hlspk_113:not(#\9) {
+  margin-top: -1px;
+}

package/internal/components/options-list/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "options-list": "awsui_options-list_19gcf_hlspk_93",
+  "decrease-top-margin": "awsui_decrease-top-margin_19gcf_hlspk_113"
+};
+  

package/internal/components/options-list/utils/test-indexes.d.ts

@@ -0,0 +1,12 @@
+interface ListItem {
+    type?: string;
+}
+interface TestIndexes {
+    throughIndex?: number;
+    groupIndex?: number;
+    inGroupIndex?: number;
+}
+export declare const getTestOptionIndexes: <T extends ListItem>(item: T) => TestIndexes | undefined;
+export declare const generateTestIndexes: <T extends ListItem>(filteredItems: readonly T[], getParentGroup: (item: T) => T | undefined) => void;
+export {};
+//# sourceMappingURL=test-indexes.d.ts.map

package/internal/components/options-list/utils/test-indexes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-indexes.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/test-indexes.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AACD,UAAU,WAAW;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAGD,eAAO,MAAM,oBAAoB,0DAA0D,CAAC;AAC5F,eAAO,MAAM,mBAAmB,uGA0B/B,CAAC"}

package/internal/components/options-list/utils/test-indexes.js

@@ -0,0 +1,30 @@
+var testIndexMap = new WeakMap();
+//retrieves the test indexes of the option for the findOption and findOptionInGroup test-utils
+export var getTestOptionIndexes = function (item) { return testIndexMap.get(item); };
+export var generateTestIndexes = function (filteredItems, getParentGroup) {
+    var throughIndex = 1;
+    var groupIndex = 0;
+    var inGroupIndex = 1;
+    var currentGroup = null;
+    filteredItems.forEach(function (item) {
+        if (!('type' in item)) {
+            testIndexMap.set(item, { throughIndex: throughIndex++ });
+        }
+        else if (item.type === 'child') {
+            var parentGroup = getParentGroup(item);
+            if (parentGroup && parentGroup !== currentGroup) {
+                currentGroup = parentGroup;
+                inGroupIndex = 1;
+                testIndexMap.set(item, {
+                    throughIndex: throughIndex++,
+                    groupIndex: ++groupIndex,
+                    inGroupIndex: inGroupIndex++
+                });
+            }
+            else {
+                testIndexMap.set(item, { throughIndex: throughIndex++, groupIndex: groupIndex, inGroupIndex: inGroupIndex++ });
+            }
+        }
+    });
+};
+//# sourceMappingURL=test-indexes.js.map

package/internal/components/options-list/utils/test-indexes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-indexes.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/test-indexes.ts"],"names":[],"mappings":"AAUA,IAAM,YAAY,GAAG,IAAI,OAAO,EAAyB,CAAC;AAC1D,8FAA8F;AAC9F,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAqB,IAAO,IAAK,OAAA,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAtB,CAAsB,CAAC;AAC5F,MAAM,CAAC,IAAM,mBAAmB,GAAG,UACjC,aAA+B,EAC/B,cAA0C;IAE1C,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,IAAI,YAAY,GAAG,CAAC,CAAC;IACrB,IAAI,YAAY,GAAa,IAAI,CAAC;IAClC,aAAa,CAAC,OAAO,CAAC,UAAA,IAAI;QACxB,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,EAAE;YACrB,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC;SAC1D;aAAM,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,EAAE;YAChC,IAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;YACzC,IAAI,WAAW,IAAI,WAAW,KAAK,YAAY,EAAE;gBAC/C,YAAY,GAAG,WAAW,CAAC;gBAC3B,YAAY,GAAG,CAAC,CAAC;gBACjB,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE;oBACrB,YAAY,EAAE,YAAY,EAAE;oBAC5B,UAAU,EAAE,EAAE,UAAU;oBACxB,YAAY,EAAE,YAAY,EAAE;iBAC7B,CAAC,CAAC;aACJ;iBAAM;gBACL,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,UAAU,YAAA,EAAE,YAAY,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC;aACpG;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\ninterface ListItem {\n  type?: string;\n}\ninterface TestIndexes {\n  throughIndex?: number;\n  groupIndex?: number;\n  inGroupIndex?: number;\n}\nconst testIndexMap = new WeakMap<ListItem, TestIndexes>();\n//retrieves the test indexes of the option for the findOption and findOptionInGroup test-utils\nexport const getTestOptionIndexes = <T extends ListItem>(item: T) => testIndexMap.get(item);\nexport const generateTestIndexes = <T extends ListItem>(\n  filteredItems: ReadonlyArray<T>,\n  getParentGroup: (item: T) => T | undefined\n) => {\n  let throughIndex = 1;\n  let groupIndex = 0;\n  let inGroupIndex = 1;\n  let currentGroup: T | null = null;\n  filteredItems.forEach(item => {\n    if (!('type' in item)) {\n      testIndexMap.set(item, { throughIndex: throughIndex++ });\n    } else if (item.type === 'child') {\n      const parentGroup = getParentGroup(item);\n      if (parentGroup && parentGroup !== currentGroup) {\n        currentGroup = parentGroup;\n        inGroupIndex = 1;\n        testIndexMap.set(item, {\n          throughIndex: throughIndex++,\n          groupIndex: ++groupIndex,\n          inGroupIndex: inGroupIndex++,\n        });\n      } else {\n        testIndexMap.set(item, { throughIndex: throughIndex++, groupIndex, inGroupIndex: inGroupIndex++ });\n      }\n    }\n  });\n};\n"]}

package/internal/components/options-list/utils/use-highlight-option.d.ts

@@ -0,0 +1,13 @@
+export declare function createHighlightedOptionHook<OptionType>({ isHighlightable, }: {
+    isHighlightable: (option: OptionType) => boolean;
+}): (options: ReadonlyArray<OptionType>) => {
+    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    highlightedIndex: number;
+    highlightedOption: OptionType | undefined;
+    moveHighlight: (direction: -1 | 1) => void;
+    resetHighlight: () => void;
+    goHome: () => void;
+    goEnd: () => void;
+    highlightOption: (option: OptionType) => void;
+};
+//# sourceMappingURL=use-highlight-option.d.ts.map

package/internal/components/options-list/utils/use-highlight-option.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlight-option.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAIA,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,EACtD,eAAe,GAChB,EAAE;IACD,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,OAAO,CAAC;CAClD,aAC+C,cAAc,UAAU,CAAC;;;;+BAgBnC,CAAC,CAAC,GAAG,CAAC;;;;8BAG7B,UAAU;EAkBxB"}

package/internal/components/options-list/utils/use-highlight-option.js

@@ -0,0 +1,36 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useState } from 'react';
+export function createHighlightedOptionHook(_a) {
+    var isHighlightable = _a.isHighlightable;
+    return function useHighlightedOption(options) {
+        var _a = useState(-1), highlightedIndex = _a[0], setHighlightedIndex = _a[1];
+        var highlightedOption = options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;
+        var moveHighlightFrom = function (direction, startIndex) {
+            if (startIndex === void 0) { startIndex = highlightedIndex; }
+            var newIndex = startIndex;
+            do {
+                newIndex += direction;
+            } while (options[newIndex] && !isHighlightable(options[newIndex]));
+            if (options[newIndex]) {
+                setHighlightedIndex(newIndex);
+            }
+        };
+        var moveHighlight = function (direction) { return moveHighlightFrom(direction); };
+        var highlightOption = useCallback(function (option) {
+            var index = options.indexOf(option);
+            setHighlightedIndex(index);
+        }, [options]);
+        return {
+            setHighlightedIndex: setHighlightedIndex,
+            highlightedIndex: highlightedIndex,
+            highlightedOption: highlightedOption,
+            moveHighlight: moveHighlight,
+            resetHighlight: function () { return setHighlightedIndex(-1); },
+            goHome: function () { return moveHighlightFrom(1, -1); },
+            goEnd: function () { return moveHighlightFrom(-1, options.length); },
+            highlightOption: highlightOption
+        };
+    };
+}
+//# sourceMappingURL=use-highlight-option.js.map

package/internal/components/options-list/utils/use-highlight-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlight-option.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-highlight-option.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,2BAA2B,CAAa,EAIvD;QAHC,eAAe,qBAAA;IAIf,OAAO,SAAS,oBAAoB,CAAC,OAAkC;QAC/D,IAAA,KAA0C,QAAQ,CAAC,CAAC,CAAC,CAAC,EAArD,gBAAgB,QAAA,EAAE,mBAAmB,QAAgB,CAAC;QAC7D,IAAM,iBAAiB,GACrB,OAAO,CAAC,gBAAgB,CAAC,IAAI,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAElH,IAAM,iBAAiB,GAAG,UAAC,SAAiB,EAAE,UAA6B;YAA7B,2BAAA,EAAA,6BAA6B;YACzE,IAAI,QAAQ,GAAG,UAAU,CAAC;YAC1B,GAAG;gBACD,QAAQ,IAAI,SAAS,CAAC;aACvB,QAAQ,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE;YAEnE,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACrB,mBAAmB,CAAC,QAAQ,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC;QAEF,IAAM,aAAa,GAAG,UAAC,SAAiB,IAAK,OAAA,iBAAiB,CAAC,SAAS,CAAC,EAA5B,CAA4B,CAAC;QAE1E,IAAM,eAAe,GAAG,WAAW,CACjC,UAAC,MAAkB;YACjB,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACtC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;QAEF,OAAO;YACL,mBAAmB,qBAAA;YACnB,gBAAgB,kBAAA;YAChB,iBAAiB,mBAAA;YACjB,aAAa,eAAA;YACb,cAAc,EAAE,cAAM,OAAA,mBAAmB,CAAC,CAAC,CAAC,CAAC,EAAvB,CAAuB;YAC7C,MAAM,EAAE,cAAM,OAAA,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAxB,CAAwB;YACtC,KAAK,EAAE,cAAM,OAAA,iBAAiB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAArC,CAAqC;YAClD,eAAe,iBAAA;SAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, useState } from 'react';\n\nexport function createHighlightedOptionHook<OptionType>({\n  isHighlightable,\n}: {\n  isHighlightable: (option: OptionType) => boolean;\n}) {\n  return function useHighlightedOption(options: ReadonlyArray<OptionType>) {\n    const [highlightedIndex, setHighlightedIndex] = useState(-1);\n    const highlightedOption =\n      options[highlightedIndex] && isHighlightable(options[highlightedIndex]) ? options[highlightedIndex] : undefined;\n\n    const moveHighlightFrom = (direction: -1 | 1, startIndex = highlightedIndex) => {\n      let newIndex = startIndex;\n      do {\n        newIndex += direction;\n      } while (options[newIndex] && !isHighlightable(options[newIndex]));\n\n      if (options[newIndex]) {\n        setHighlightedIndex(newIndex);\n      }\n    };\n\n    const moveHighlight = (direction: -1 | 1) => moveHighlightFrom(direction);\n\n    const highlightOption = useCallback(\n      (option: OptionType) => {\n        const index = options.indexOf(option);\n        setHighlightedIndex(index);\n      },\n      [options]\n    );\n\n    return {\n      setHighlightedIndex,\n      highlightedIndex,\n      highlightedOption,\n      moveHighlight,\n      resetHighlight: () => setHighlightedIndex(-1),\n      goHome: () => moveHighlightFrom(1, -1),\n      goEnd: () => moveHighlightFrom(-1, options.length),\n      highlightOption,\n    };\n  };\n}\n"]}

package/internal/components/options-list/utils/use-ids.d.ts

@@ -0,0 +1,13 @@
+interface UseIds {
+    (inputProps: {
+        hasSelectedOption: boolean;
+    }): {
+        highlightedOptionId?: string;
+        selectedOptionId?: string;
+        menuId: string;
+    };
+}
+export declare const useIds: UseIds;
+export declare const getOptionId: (menuId: string, index: number) => string | undefined;
+export {};
+//# sourceMappingURL=use-ids.d.ts.map

package/internal/components/options-list/utils/use-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ids.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-ids.ts"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACd,CAAC,UAAU,EAAE;QAAE,iBAAiB,EAAE,OAAO,CAAA;KAAE,GAAG;QAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,eAAO,MAAM,MAAM,EAAE,MAKpB,CAAC;AAEF,eAAO,MAAM,WAAW,WAAY,MAAM,SAAS,MAAM,uBAKxD,CAAC"}

package/internal/components/options-list/utils/use-ids.js

@@ -0,0 +1,18 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useMemo } from 'react';
+import { generateUniqueId, useUniqueId } from '../../../hooks/use-unique-id';
+export var useIds = function (_a) {
+    var hasSelectedOption = _a.hasSelectedOption;
+    return {
+        selectedOptionId: useMemo(function () { return (hasSelectedOption ? generateUniqueId() : undefined); }, [hasSelectedOption]),
+        menuId: useUniqueId('option-list')
+    };
+};
+export var getOptionId = function (menuId, index) {
+    if (index < 0) {
+        return undefined;
+    }
+    return "".concat(menuId, "-option-").concat(index);
+};
+//# sourceMappingURL=use-ids.js.map

package/internal/components/options-list/utils/use-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ids.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-ids.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAU7E,MAAM,CAAC,IAAM,MAAM,GAAW,UAAC,EAAqB;QAAnB,iBAAiB,uBAAA;IAChD,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,cAAM,OAAA,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,EAApD,CAAoD,EAAE,CAAC,iBAAiB,CAAC,CAAC;QAC1G,MAAM,EAAE,WAAW,CAAC,aAAa,CAAC;KACnC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,MAAc,EAAE,KAAa;IACvD,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,UAAG,MAAM,qBAAW,KAAK,CAAE,CAAC;AACrC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useMemo } from 'react';\nimport { generateUniqueId, useUniqueId } from '../../../hooks/use-unique-id';\n\ninterface UseIds {\n  (inputProps: { hasSelectedOption: boolean }): {\n    highlightedOptionId?: string;\n    selectedOptionId?: string;\n    menuId: string;\n  };\n}\n\nexport const useIds: UseIds = ({ hasSelectedOption }) => {\n  return {\n    selectedOptionId: useMemo(() => (hasSelectedOption ? generateUniqueId() : undefined), [hasSelectedOption]),\n    menuId: useUniqueId('option-list'),\n  };\n};\n\nexport const getOptionId = (menuId: string, index: number) => {\n  if (index < 0) {\n    return undefined;\n  }\n  return `${menuId}-option-${index}`;\n};\n"]}

package/internal/components/options-list/utils/use-keyboard.d.ts

@@ -0,0 +1,25 @@
+import { MutableRefObject } from 'react';
+import { BaseKeyDetail, CancelableEventHandler } from '../../../events';
+interface UseMenuKeyboard {
+    (inputProps: {
+        moveHighlight: (direction: -1 | 1, startIndex?: number) => void;
+        selectOption: () => void;
+        goHome: () => void;
+        goEnd: () => void;
+        closeDropdown: () => void;
+        isKeyboard: MutableRefObject<boolean>;
+        isSelectingUsingSpace: MutableRefObject<boolean>;
+        preventNativeSpace?: boolean;
+    }): CancelableEventHandler<BaseKeyDetail>;
+}
+export declare const useMenuKeyboard: UseMenuKeyboard;
+interface UseTriggerKeyboard {
+    (inputProps: {
+        openDropdown: () => void;
+        goHome: () => void;
+        isKeyboard: MutableRefObject<boolean>;
+    }): CancelableEventHandler<BaseKeyDetail>;
+}
+export declare const useTriggerKeyboard: UseTriggerKeyboard;
+export {};
+//# sourceMappingURL=use-keyboard.d.ts.map

package/internal/components/options-list/utils/use-keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAKxE,UAAU,eAAe;IACvB,CAAC,UAAU,EAAE;QACX,aAAa,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QAChE,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,KAAK,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACtC,qBAAqB,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;KAC9B,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,eAAe,EAAE,eA6C7B,CAAC;AAEF,UAAU,kBAAkB;IAC1B,CAAC,UAAU,EAAE;QACX,YAAY,EAAE,MAAM,IAAI,CAAC;QACzB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,UAAU,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;KACvC,GAAG,sBAAsB,CAAC,aAAa,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,kBAAkB,EAAE,kBAmBhC,CAAC"}

package/internal/components/options-list/utils/use-keyboard.js

@@ -0,0 +1,60 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback } from 'react';
+import { KeyCode } from '../../../keycode';
+var HOME = 36;
+var END = 35;
+export var useMenuKeyboard = function (_a) {
+    var moveHighlight = _a.moveHighlight, selectOption = _a.selectOption, goHome = _a.goHome, goEnd = _a.goEnd, closeDropdown = _a.closeDropdown, isKeyboard = _a.isKeyboard, isSelectingUsingSpace = _a.isSelectingUsingSpace, _b = _a.preventNativeSpace, preventNativeSpace = _b === void 0 ? false : _b;
+    return useCallback(function (e) {
+        isKeyboard.current = true;
+        switch (e.detail.keyCode) {
+            case KeyCode.up:
+                e.preventDefault();
+                moveHighlight(-1);
+                break;
+            case KeyCode.down:
+                e.preventDefault();
+                moveHighlight(1);
+                break;
+            case HOME:
+                goHome();
+                break;
+            case END:
+                goEnd();
+                break;
+            case KeyCode.escape:
+                closeDropdown();
+                break;
+            case KeyCode.enter:
+                e.preventDefault();
+                selectOption();
+                break;
+            case KeyCode.space:
+                if (preventNativeSpace) {
+                    e.preventDefault();
+                    selectOption();
+                    isSelectingUsingSpace.current = true;
+                }
+        }
+    }, [moveHighlight, selectOption, goHome, goEnd, closeDropdown, isKeyboard, isSelectingUsingSpace, preventNativeSpace]);
+};
+export var useTriggerKeyboard = function (_a) {
+    var openDropdown = _a.openDropdown, goHome = _a.goHome, isKeyboard = _a.isKeyboard;
+    return useCallback(function (e) {
+        isKeyboard.current = true;
+        switch (e.detail.keyCode) {
+            case KeyCode.up:
+            case KeyCode.down:
+                e.preventDefault();
+                goHome();
+                openDropdown();
+                break;
+            case KeyCode.space:
+                e.preventDefault();
+                openDropdown();
+                break;
+        }
+    }, [openDropdown, goHome, isKeyboard]);
+};
+//# sourceMappingURL=use-keyboard.js.map

package/internal/components/options-list/utils/use-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-keyboard.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,IAAM,IAAI,GAAG,EAAE,CAAC;AAChB,IAAM,GAAG,GAAG,EAAE,CAAC;AAef,MAAM,CAAC,IAAM,eAAe,GAAoB,UAAC,EAShD;QARC,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,qBAAqB,2BAAA,EACrB,0BAA0B,EAA1B,kBAAkB,mBAAG,KAAK,KAAA;IAE1B,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClB,MAAM;YACR,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,aAAa,CAAC,CAAC,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,IAAI;gBACP,MAAM,EAAE,CAAC;gBACT,MAAM;YACR,KAAK,GAAG;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM;YACR,KAAK,OAAO,CAAC,MAAM;gBACjB,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,IAAI,kBAAkB,EAAE;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,YAAY,EAAE,CAAC;oBACf,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;iBACtC;SACJ;IACH,CAAC,EACD,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,qBAAqB,EAAE,kBAAkB,CAAC,CACnH,CAAC;AACJ,CAAC,CAAC;AAUF,MAAM,CAAC,IAAM,kBAAkB,GAAuB,UAAC,EAAoC;QAAlC,YAAY,kBAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAA;IACvF,OAAO,WAAW,CAChB,UAAC,CAA6B;QAC5B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC1B,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,EAAE,CAAC;YAChB,KAAK,OAAO,CAAC,IAAI;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,CAAC;gBACf,MAAM;YACR,KAAK,OAAO,CAAC,KAAK;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,EAAE,CAAC;gBACf,MAAM;SACT;IACH,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,CAAC,CACnC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useCallback, MutableRefObject } from 'react';\nimport { KeyCode } from '../../../keycode';\nimport { BaseKeyDetail, CancelableEventHandler } from '../../../events';\n\nconst HOME = 36;\nconst END = 35;\n\ninterface UseMenuKeyboard {\n  (inputProps: {\n    moveHighlight: (direction: -1 | 1, startIndex?: number) => void;\n    selectOption: () => void;\n    goHome: () => void;\n    goEnd: () => void;\n    closeDropdown: () => void;\n    isKeyboard: MutableRefObject<boolean>;\n    isSelectingUsingSpace: MutableRefObject<boolean>;\n    preventNativeSpace?: boolean;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useMenuKeyboard: UseMenuKeyboard = ({\n  moveHighlight,\n  selectOption,\n  goHome,\n  goEnd,\n  closeDropdown,\n  isKeyboard,\n  isSelectingUsingSpace,\n  preventNativeSpace = false,\n}) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      isKeyboard.current = true;\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n          e.preventDefault();\n          moveHighlight(-1);\n          break;\n        case KeyCode.down:\n          e.preventDefault();\n          moveHighlight(1);\n          break;\n        case HOME:\n          goHome();\n          break;\n        case END:\n          goEnd();\n          break;\n        case KeyCode.escape:\n          closeDropdown();\n          break;\n        case KeyCode.enter:\n          e.preventDefault();\n          selectOption();\n          break;\n        case KeyCode.space:\n          if (preventNativeSpace) {\n            e.preventDefault();\n            selectOption();\n            isSelectingUsingSpace.current = true;\n          }\n      }\n    },\n    [moveHighlight, selectOption, goHome, goEnd, closeDropdown, isKeyboard, isSelectingUsingSpace, preventNativeSpace]\n  );\n};\n\ninterface UseTriggerKeyboard {\n  (inputProps: {\n    openDropdown: () => void;\n    goHome: () => void;\n    isKeyboard: MutableRefObject<boolean>;\n  }): CancelableEventHandler<BaseKeyDetail>;\n}\n\nexport const useTriggerKeyboard: UseTriggerKeyboard = ({ openDropdown, goHome, isKeyboard }) => {\n  return useCallback(\n    (e: CustomEvent<BaseKeyDetail>) => {\n      isKeyboard.current = true;\n      switch (e.detail.keyCode) {\n        case KeyCode.up:\n        case KeyCode.down:\n          e.preventDefault();\n          goHome();\n          openDropdown();\n          break;\n        case KeyCode.space:\n          e.preventDefault();\n          openDropdown();\n          break;\n      }\n    },\n    [openDropdown, goHome, isKeyboard]\n  );\n};\n"]}

package/internal/components/options-list/utils/use-open-state.d.ts

@@ -0,0 +1,12 @@
+interface OpenStateProps {
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare const useOpenState: ({ onOpen, onClose }: OpenStateProps) => {
+    isOpen: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    toggleDropdown: () => void;
+};
+export {};
+//# sourceMappingURL=use-open-state.d.ts.map

package/internal/components/options-list/utils/use-open-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-open-state.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-open-state.ts"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,wBAAyB,cAAc;;;;;CA0B/D,CAAC"}

package/internal/components/options-list/utils/use-open-state.js

@@ -0,0 +1,29 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useState } from 'react';
+export var useOpenState = function (_a) {
+    var onOpen = _a.onOpen, onClose = _a.onClose;
+    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
+    var openDropdown = function () {
+        if (!isOpen) {
+            setIsOpen(true);
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        }
+    };
+    var closeDropdown = function () {
+        if (isOpen) {
+            setIsOpen(false);
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        }
+    };
+    var toggleDropdown = function () {
+        if (isOpen) {
+            closeDropdown();
+        }
+        else {
+            openDropdown();
+        }
+    };
+    return { isOpen: isOpen, openDropdown: openDropdown, closeDropdown: closeDropdown, toggleDropdown: toggleDropdown };
+};
+//# sourceMappingURL=use-open-state.js.map

package/internal/components/options-list/utils/use-open-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-open-state.js","sourceRoot":"","sources":["../../../../../../src/internal/components/options-list/utils/use-open-state.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAOjC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAmC;QAAjC,MAAM,YAAA,EAAE,OAAO,aAAA;IACtC,IAAA,KAAsB,QAAQ,CAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAC;IAE5C,IAAM,YAAY,GAAG;QACnB,IAAI,CAAC,MAAM,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QACpB,IAAI,MAAM,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAC;SACb;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,IAAI,MAAM,EAAE;YACV,aAAa,EAAE,CAAC;SACjB;aAAM;YACL,YAAY,EAAE,CAAC;SAChB;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,aAAa,eAAA,EAAE,cAAc,gBAAA,EAAE,CAAC;AACjE,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useState } from 'react';\n\ninterface OpenStateProps {\n  onOpen?: () => void;\n  onClose?: () => void;\n}\n\nexport const useOpenState = ({ onOpen, onClose }: OpenStateProps) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const openDropdown = () => {\n    if (!isOpen) {\n      setIsOpen(true);\n      onOpen?.();\n    }\n  };\n\n  const closeDropdown = () => {\n    if (isOpen) {\n      setIsOpen(false);\n      onClose?.();\n    }\n  };\n\n  const toggleDropdown = () => {\n    if (isOpen) {\n      closeDropdown();\n    } else {\n      openDropdown();\n    }\n  };\n\n  return { isOpen, openDropdown, closeDropdown, toggleDropdown };\n};\n"]}

package/internal/components/portal/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface PortalProps {
+    container?: Element;
+    children: React.ReactNode;
+}
+/**
+ * A safe react portal component that renders to a provided node.
+ * If a node isn't provided, it creates one under document.body.
+ */
+export default function Portal({ container, children }: PortalProps): React.ReactPortal | null;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/portal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,WAAW,4BAkBlE"}

package/internal/components/portal/index.js

@@ -0,0 +1,27 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useLayoutEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+/**
+ * A safe react portal component that renders to a provided node.
+ * If a node isn't provided, it creates one under document.body.
+ */
+export default function Portal(_a) {
+    var container = _a.container, children = _a.children;
+    var _b = useState(container !== null && container !== void 0 ? container : null), activeContainer = _b[0], setActiveContainer = _b[1];
+    useLayoutEffect(function () {
+        if (container) {
+            setActiveContainer(container);
+            return;
+        }
+        var newContainer = document.createElement('div');
+        document.body.appendChild(newContainer);
+        setActiveContainer(newContainer);
+        return function () {
+            document.body.removeChild(newContainer);
+            setActiveContainer(null);
+        };
+    }, [container]);
+    return activeContainer && createPortal(children, activeContainer);
+}
+//# sourceMappingURL=index.js.map

package/internal/components/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/portal/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAOzC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAoC;QAAlC,SAAS,eAAA,EAAE,QAAQ,cAAA;IAC5C,IAAA,KAAwC,QAAQ,CAAiB,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,CAAC,EAAlF,eAAe,QAAA,EAAE,kBAAkB,QAA+C,CAAC;IAE1F,eAAe,CAAC;QACd,IAAI,SAAS,EAAE;YACb,kBAAkB,CAAC,SAAS,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,IAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACjC,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACxC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,eAAe,IAAI,YAAY,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;AACpE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface PortalProps {\n  container?: Element;\n  children: React.ReactNode;\n}\n\n/**\n * A safe react portal component that renders to a provided node.\n * If a node isn't provided, it creates one under document.body.\n */\nexport default function Portal({ container, children }: PortalProps) {\n  const [activeContainer, setActiveContainer] = useState<Element | null>(container ?? null);\n\n  useLayoutEffect(() => {\n    if (container) {\n      setActiveContainer(container);\n      return;\n    }\n    const newContainer = document.createElement('div');\n    document.body.appendChild(newContainer);\n    setActiveContainer(newContainer);\n    return () => {\n      document.body.removeChild(newContainer);\n      setActiveContainer(null);\n    };\n  }, [container]);\n\n  return activeContainer && createPortal(children, activeContainer);\n}\n"]}

package/internal/components/selectable-item/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseComponentProps } from '../../base-component';
+export interface SelectableItemProps extends BaseComponentProps {
+    children: React.ReactNode;
+    ariaSelected?: boolean;
+    ariaChecked?: boolean;
+    selected?: boolean;
+    highlighted?: boolean;
+    disabled?: boolean;
+    hasBackground?: boolean;
+    isParent?: boolean;
+    isChild?: boolean;
+    isKeyboard?: boolean;
+    virtualPosition?: number;
+    padBottom?: boolean;
+    isNextSelected?: boolean;
+    useInteractiveGroups?: boolean;
+    screenReaderContent?: string;
+    ariaPosinset?: number;
+    ariaSetsize?: number;
+}
+declare const _default: React.ForwardRefExoticComponent<SelectableItemProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/internal/components/selectable-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/selectable-item/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAExE,MAAM,WAAW,mBAAoB,SAAQ,kBAAkB;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;AAmGD,wBAAgD"}