@cloudscape-design/components-themeable 3.0.1 → 3.0.4

package/internal/template/internal/hooks/dom-context/index.d.ts

@@ -1,14 +0,0 @@
-import React, { ProviderProps } from 'react';
-export interface RootProviderProps<T> extends React.HTMLAttributes<HTMLDivElement>, ProviderProps<T> {
-}
-export interface IntermediateProviderProps {
-    parentElement: HTMLElement;
-    children?: React.ReactNode;
-}
-export interface DomContextDeclaration<T> {
-    context: React.Context<T>;
-    RootProvider: React.FC<RootProviderProps<T>>;
-    IntermediateProvider: React.FC<IntermediateProviderProps>;
-}
-export declare function createDomContext<T>(name: string, defaultValue: T): DomContextDeclaration<T>;
-//# sourceMappingURL=index.d.ts.map

package/internal/template/internal/hooks/dom-context/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/dom-context/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAiB,aAAa,EAAqC,MAAM,OAAO,CAAC;AAwB/F,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;CAAG;AAEvG,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,WAAW,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAAC,CAAC;CAC3D;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAiD3F"}

package/internal/template/internal/hooks/dom-context/index.js

@@ -1,70 +0,0 @@
-import { __assign, __rest } from "tslib";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React, { createContext, useLayoutEffect, useRef, useState } from 'react';
-function getContextFromElement(element, contextKey) {
-    return element[contextKey];
-}
-function setContextToElement(element, contextKey, contextValue) {
-    element[contextKey] = contextValue;
-    var event = document.createEvent('CustomEvent');
-    event.initCustomEvent(contextKey, false, false, null);
-    element.dispatchEvent(event);
-}
-function findupContext(contextKey, element) {
-    var currentElement = element;
-    while (currentElement) {
-        if (getContextFromElement(currentElement, contextKey) !== undefined) {
-            return currentElement;
-        }
-        currentElement = currentElement.parentElement;
-    }
-    return null;
-}
-export function createDomContext(name, defaultValue) {
-    var context = createContext(defaultValue);
-    var contextKey = "__awsui_context_".concat(name);
-    var ReactProvider = context.Provider;
-    function RootProvider(_a) {
-        var value = _a.value, rest = __rest(_a, ["value"]);
-        var ref = useRef(null);
-        useLayoutEffect(function () {
-            if (ref.current) {
-                setContextToElement(ref.current, contextKey, value);
-            }
-        }, [value]);
-        return (React.createElement(ReactProvider, { value: value },
-            React.createElement("div", __assign({ ref: ref }, rest))));
-    }
-    function IntermediateProvider(_a) {
-        var children = _a.children, parentElement = _a.parentElement;
-        var _b = useState(undefined), discoveredValue = _b[0], setDiscoveredValue = _b[1];
-        useLayoutEffect(function () {
-            var providerElement = findupContext(contextKey, parentElement);
-            if (!providerElement) {
-                setDiscoveredValue(null);
-            }
-            else {
-                setDiscoveredValue(getContextFromElement(providerElement, contextKey));
-                var changeListener_1 = function () {
-                    var newValue = getContextFromElement(providerElement, contextKey);
-                    setDiscoveredValue(newValue);
-                };
-                providerElement.addEventListener(contextKey, changeListener_1);
-                return function () { return providerElement.removeEventListener(contextKey, changeListener_1); };
-            }
-        }, [parentElement]);
-        // it is undefined at the first render
-        if (discoveredValue === undefined) {
-            return null;
-        }
-        // we looked for context value but found nothing, continue rendering children
-        if (discoveredValue === null) {
-            return React.createElement(React.Fragment, null, children);
-        }
-        // there is a context value, wrap into provider
-        return React.createElement(ReactProvider, { value: discoveredValue }, children);
-    }
-    return { context: context, RootProvider: RootProvider, IntermediateProvider: IntermediateProvider };
-}
-//# sourceMappingURL=index.js.map

package/internal/template/internal/hooks/dom-context/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/dom-context/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 React, { createContext, ProviderProps, useLayoutEffect, useRef, useState } from 'react';\n\nfunction getContextFromElement(element: HTMLElement, contextKey: string) {\n  return (element as any)[contextKey];\n}\n\nfunction setContextToElement(element: HTMLElement, contextKey: string, contextValue: any) {\n  (element as any)[contextKey] = contextValue;\n  const event = document.createEvent('CustomEvent');\n  event.initCustomEvent(contextKey, false, false, null);\n  element.dispatchEvent(event);\n}\n\nfunction findupContext(contextKey: string, element: HTMLElement) {\n  let currentElement: HTMLElement | null = element;\n  while (currentElement) {\n    if (getContextFromElement(currentElement, contextKey) !== undefined) {\n      return currentElement;\n    }\n    currentElement = currentElement.parentElement;\n  }\n  return null;\n}\n\nexport interface RootProviderProps<T> extends React.HTMLAttributes<HTMLDivElement>, ProviderProps<T> {}\n\nexport interface IntermediateProviderProps {\n  parentElement: HTMLElement;\n  children?: React.ReactNode;\n}\n\nexport interface DomContextDeclaration<T> {\n  context: React.Context<T>;\n  RootProvider: React.FC<RootProviderProps<T>>;\n  IntermediateProvider: React.FC<IntermediateProviderProps>;\n}\n\nexport function createDomContext<T>(name: string, defaultValue: T): DomContextDeclaration<T> {\n  const context = createContext<T>(defaultValue);\n  const contextKey = `__awsui_context_${name}`;\n  const ReactProvider = context.Provider;\n\n  function RootProvider({ value, ...rest }: RootProviderProps<T>) {\n    const ref = useRef<HTMLDivElement>(null);\n\n    useLayoutEffect(() => {\n      if (ref.current) {\n        setContextToElement(ref.current, contextKey, value);\n      }\n    }, [value]);\n    return (\n      <ReactProvider value={value}>\n        <div ref={ref} {...rest} />\n      </ReactProvider>\n    );\n  }\n\n  function IntermediateProvider({ children, parentElement }: IntermediateProviderProps) {\n    const [discoveredValue, setDiscoveredValue] = useState<T | null | undefined>(undefined);\n    useLayoutEffect(() => {\n      const providerElement = findupContext(contextKey, parentElement);\n      if (!providerElement) {\n        setDiscoveredValue(null);\n      } else {\n        setDiscoveredValue(getContextFromElement(providerElement, contextKey));\n        const changeListener = () => {\n          const newValue = getContextFromElement(providerElement, contextKey);\n          setDiscoveredValue(newValue);\n        };\n        providerElement.addEventListener(contextKey, changeListener);\n        return () => providerElement.removeEventListener(contextKey, changeListener);\n      }\n    }, [parentElement]);\n    // it is undefined at the first render\n    if (discoveredValue === undefined) {\n      return null;\n    }\n    // we looked for context value but found nothing, continue rendering children\n    if (discoveredValue === null) {\n      return <>{children}</>;\n    }\n    // there is a context value, wrap into provider\n    return <ReactProvider value={discoveredValue}>{children}</ReactProvider>;\n  }\n\n  return { context, RootProvider, IntermediateProvider };\n}\n"]}

package/internal/template/internal/utils/scrollable-containers.js

@@ -1,81 +0,0 @@
-export var getOverflowParents = function (element) {
-    var parents = [];
-    var node = element;
-    while ((node = node.parentElement) && node !== document.body) {
-        getComputedStyle(node).overflow !== 'visible' && parents.push(node);
-    }
-    return parents;
-};
-export var getOverflowParentDimensions = function (element, excludeClosestParent, expandToViewport, canExpandOutsideViewport) {
-    if (excludeClosestParent === void 0) { excludeClosestParent = false; }
-    if (expandToViewport === void 0) { expandToViewport = false; }
-    if (canExpandOutsideViewport === void 0) { canExpandOutsideViewport = false; }
-    var parents = expandToViewport
-        ? []
-        : getOverflowParents(element).map(function (el) {
-            var _a = el.getBoundingClientRect(), height = _a.height, width = _a.width, top = _a.top, left = _a.left;
-            return {
-                // Treat the whole scrollable area as the available height
-                // if we're allowed to expand past the viewport.
-                height: canExpandOutsideViewport ? el.scrollHeight : height,
-                width: width,
-                top: top,
-                left: left
-            };
-        });
-    if (canExpandOutsideViewport) {
-        var documentDimensions = document.documentElement.getBoundingClientRect();
-        parents.push({
-            width: Math.max(documentDimensions.width, document.documentElement.clientWidth),
-            height: Math.max(documentDimensions.height, document.documentElement.clientHeight),
-            top: documentDimensions.top,
-            left: documentDimensions.left
-        });
-    }
-    else {
-        parents.push({
-            height: window.innerHeight,
-            width: window.innerWidth,
-            top: 0,
-            left: 0
-        });
-    }
-    if (excludeClosestParent && !expandToViewport) {
-        parents.shift();
-    }
-    return parents;
-};
-/**
- * If the element is out of view, scrolls the scroll parent until
- * the element is visible.
- *
- * Basically an IE11/Safari polyfill for `elem.scrollIntoView({ block: 'nearest' })`
- */
-export function scrollUntilVisible(element) {
-    var _a;
-    var parent = (_a = element.offsetParent) !== null && _a !== void 0 ? _a : document.documentElement;
-    // Anchor to top of scroll parent.
-    if (element.offsetTop < parent.scrollTop) {
-        parent.scrollTop = element.offsetTop;
-    }
-    // Anchor to bottom of scroll parent.
-    if (element.offsetTop + element.clientHeight > parent.scrollTop + parent.clientHeight) {
-        parent.scrollTop = element.offsetTop + element.clientHeight - parent.clientHeight;
-    }
-}
-/**
- * Calls `scrollIntoView` on the provided element with sensible defaults. If
- * the element does not existed or does not support the `scrollIntoView`
- * method, it will do nothing. This wrapper is created to support environments
- * where the native function is not available like JSDom (feature request:
- * https://github.com/jsdom/jsdom/issues/1422).
- *
- * @param element to be scrolled into view
- * @param options native options for `scrollIntoView`
- */
-export function scrollElementIntoView(element, options) {
-    var _a;
-    if (options === void 0) { options = { block: 'nearest', inline: 'nearest' }; }
-    (_a = element === null || element === void 0 ? void 0 : element.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(element, options);
-}
-//# sourceMappingURL=scrollable-containers.js.map

package/internal/template/internal/utils/scrollable-containers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scrollable-containers.js","sourceRoot":"","sources":["../../../../src/internal/utils/scrollable-containers.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\nexport interface Dimensions {\n  height: number;\n  width: number;\n  top: number;\n  left: number;\n}\n\nexport const getOverflowParents = (element: HTMLElement): HTMLElement[] => {\n  const parents = [];\n  let node: HTMLElement | null = element;\n\n  while ((node = node.parentElement) && node !== document.body) {\n    getComputedStyle(node).overflow !== 'visible' && parents.push(node);\n  }\n  return parents;\n};\n\nexport const getOverflowParentDimensions = (\n  element: HTMLElement,\n  excludeClosestParent = false,\n  expandToViewport = false,\n  canExpandOutsideViewport = false\n): Dimensions[] => {\n  const parents = expandToViewport\n    ? []\n    : getOverflowParents(element).map(el => {\n        const { height, width, top, left } = el.getBoundingClientRect();\n        return {\n          // Treat the whole scrollable area as the available height\n          // if we're allowed to expand past the viewport.\n          height: canExpandOutsideViewport ? el.scrollHeight : height,\n          width,\n          top,\n          left,\n        };\n      });\n\n  if (canExpandOutsideViewport) {\n    const documentDimensions = document.documentElement.getBoundingClientRect();\n    parents.push({\n      width: Math.max(documentDimensions.width, document.documentElement.clientWidth),\n      height: Math.max(documentDimensions.height, document.documentElement.clientHeight),\n      top: documentDimensions.top,\n      left: documentDimensions.left,\n    });\n  } else {\n    parents.push({\n      height: window.innerHeight,\n      width: window.innerWidth,\n      top: 0,\n      left: 0,\n    });\n  }\n\n  if (excludeClosestParent && !expandToViewport) {\n    parents.shift();\n  }\n\n  return parents;\n};\n\n/**\n * If the element is out of view, scrolls the scroll parent until\n * the element is visible.\n *\n * Basically an IE11/Safari polyfill for `elem.scrollIntoView({ block: 'nearest' })`\n */\nexport function scrollUntilVisible(element: HTMLElement): void {\n  const parent = element.offsetParent ?? document.documentElement;\n  // Anchor to top of scroll parent.\n  if (element.offsetTop < parent.scrollTop) {\n    parent.scrollTop = element.offsetTop;\n  }\n  // Anchor to bottom of scroll parent.\n  if (element.offsetTop + element.clientHeight > parent.scrollTop + parent.clientHeight) {\n    parent.scrollTop = element.offsetTop + element.clientHeight - parent.clientHeight;\n  }\n}\n\ntype ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];\n\n/**\n * Calls `scrollIntoView` on the provided element with sensible defaults. If\n * the element does not existed or does not support the `scrollIntoView`\n * method, it will do nothing. This wrapper is created to support environments\n * where the native function is not available like JSDom (feature request:\n * https://github.com/jsdom/jsdom/issues/1422).\n *\n * @param element to be scrolled into view\n * @param options native options for `scrollIntoView`\n */\nexport function scrollElementIntoView(\n  element: HTMLElement | undefined,\n  options: ScrollIntoViewOptions = { block: 'nearest', inline: 'nearest' }\n) {\n  element?.scrollIntoView?.(options);\n}\n"]}

package/internal/template/select/utils/use-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../../../src/select/utils/use-select.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAe,MAAM,6CAA6C,CAAC;AAS5G,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAuB,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGrH,oBAAY,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;IAAE,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AACxG,oBAAY,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;AAElF,UAAU,cAAc;IACtB,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,oBAAoB,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5B,aAAa,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,iBAAiB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,yBAAyB,CAAC;IACnC,MAAM,EAAE,yBAAyB,CAAC;QAAE,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED,wBAAgB,SAAS,CAAC,EACxB,eAAe,EACf,oBAAoB,EACpB,OAAO,EACP,aAAa,EACb,MAAM,EACN,OAAO,EACP,WAAW,EACX,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,oBAA4B,GAC7B,EAAE,cAAc;;;;;;0BAuHY,QAAQ,WAAW,CAAC;6BAgEf,cAAc,SAAS,MAAM;;;;;EA4D9D"}

package/internal/template/select/utils/use-select.js

@@ -1,236 +0,0 @@
-import { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';
-import { useEffect, useRef } from 'react';
-import { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';
-import { useOpenState } from '../../internal/components/options-list/utils/use-open-state';
-import { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';
-import { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';
-import { connectOptionsByValue } from './connect-options';
-import useForwardFocus from '../../internal/hooks/forward-focus';
-import { usePrevious } from '../../internal/hooks/use-previous';
-import { fireCancelableEvent } from '../../internal/events/index';
-import { containsOrEqual } from '../../internal/utils/dom';
-export function useSelect(_a) {
-    var selectedOptions = _a.selectedOptions, updateSelectedOption = _a.updateSelectedOption, options = _a.options, filteringType = _a.filteringType, onBlur = _a.onBlur, onFocus = _a.onFocus, externalRef = _a.externalRef, keepOpen = _a.keepOpen, fireLoadItems = _a.fireLoadItems, setFilteringValue = _a.setFilteringValue, _b = _a.useInteractiveGroups, useInteractiveGroups = _b === void 0 ? false : _b;
-    var interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;
-    var isHighlightable = function (option) { return !!option && (useInteractiveGroups || option.type !== 'parent'); };
-    var useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });
-    var filterRef = useRef(null);
-    var triggerRef = useRef(null);
-    var menuRef = useRef(null);
-    var hasFilter = filteringType !== 'none';
-    var activeRef = hasFilter ? filterRef : menuRef;
-    var isKeyboard = useRef(false);
-    var isSelectingUsingSpace = useRef(false);
-    var __selectedOptions = connectOptionsByValue(options, selectedOptions);
-    var __selectedValuesSet = selectedOptions.reduce(function (selectedValuesSet, item) {
-        if (item.value) {
-            selectedValuesSet.add(item.value);
-        }
-        return selectedValuesSet;
-    }, new Set());
-    var _c = useHighlightedOption(options), highlightedOption = _c.highlightedOption, highlightedIndex = _c.highlightedIndex, moveHighlight = _c.moveHighlight, resetHighlight = _c.resetHighlight, setHighlightedIndex = _c.setHighlightedIndex, highlightOption = _c.highlightOption, goHome = _c.goHome, goEnd = _c.goEnd;
-    var _d = useOpenState({
-        onOpen: function () { return fireLoadItems(''); },
-        onClose: function () {
-            resetHighlight();
-            setFilteringValue('');
-        }
-    }), isOpen = _d.isOpen, openDropdown = _d.openDropdown, closeDropdown = _d.closeDropdown, toggleDropdown = _d.toggleDropdown;
-    var focused = useRef(false);
-    var handleFocus = function () {
-        if (!focused.current) {
-            fireCancelableEvent(onFocus, {});
-            focused.current = true;
-        }
-    };
-    var handleBlur = function (_a) {
-        var detail = _a.detail;
-        var relatedTarget = detail.relatedTarget;
-        var nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;
-        var nextFocusedInsideDropdown = relatedTarget
-            ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)
-            : false;
-        var nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;
-        var focusingOut = focused.current && !nextFocusedInsideComponent;
-        if (nextFocusedIsTrigger || focusingOut) {
-            closeDropdown();
-        }
-        if (focusingOut) {
-            fireCancelableEvent(onBlur, {});
-            focused.current = false;
-        }
-    };
-    var hasSelectedOption = __selectedOptions.length > 0;
-    var _e = useIds({ hasSelectedOption: hasSelectedOption }), selectedOptionId = _e.selectedOptionId, menuId = _e.menuId;
-    var highlightedOptionId = getOptionId(menuId, highlightedIndex);
-    var selectOption = function (option) {
-        var _a;
-        isSelectingUsingSpace.current = false;
-        var optionToSelect = option || highlightedOption;
-        if (!optionToSelect || !interactivityCheck(optionToSelect)) {
-            return;
-        }
-        updateSelectedOption(optionToSelect.option);
-        if (!keepOpen) {
-            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            closeDropdown();
-        }
-    };
-    var activeKeyDownHandler = useMenuKeyboard({
-        moveHighlight: moveHighlight,
-        selectOption: selectOption,
-        goHome: goHome,
-        goEnd: goEnd,
-        closeDropdown: function () {
-            var _a;
-            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-            closeDropdown();
-        },
-        isKeyboard: isKeyboard,
-        isSelectingUsingSpace: isSelectingUsingSpace,
-        preventNativeSpace: !hasFilter
-    });
-    var triggerKeyDownHandler = useTriggerKeyboard({ openDropdown: openDropdown, goHome: goHome, isKeyboard: isKeyboard });
-    var getTriggerProps = function (disabled) {
-        if (disabled === void 0) { disabled = false; }
-        var triggerProps = {
-            ref: triggerRef,
-            onFocus: handleFocus,
-            onBlur: handleBlur
-        };
-        if (!disabled) {
-            triggerProps.onMouseDown = function (event) {
-                var _a;
-                event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown
-                if (isOpen) {
-                    (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                }
-                toggleDropdown();
-            };
-            triggerProps.onKeyDown = triggerKeyDownHandler;
-        }
-        if (hasSelectedOption) {
-            triggerProps.ariaLabelledby = selectedOptionId;
-        }
-        return triggerProps;
-    };
-    var getFilterProps = function () {
-        var _a;
-        if (!hasFilter) {
-            return {};
-        }
-        return {
-            ref: filterRef,
-            onKeyDown: activeKeyDownHandler,
-            __onBlurWithDetail: handleBlur,
-            onFocus: handleFocus,
-            onChange: function (event) {
-                setFilteringValue(event.detail.value);
-                resetHighlight();
-            },
-            __onDelayedInput: function (event) {
-                fireLoadItems(event.detail.value);
-            },
-            __nativeAttributes: (_a = {
-                    'aria-activedescendant': highlightedOptionId
-                },
-                _a['aria-owns'] = menuId,
-                _a)
-        };
-    };
-    var getMenuProps = function () {
-        var menuProps = {
-            id: menuId,
-            ref: menuRef,
-            open: isOpen,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            onMouseUp: function (itemIndex) {
-                isKeyboard.current = false;
-                if (itemIndex > -1) {
-                    selectOption(options[itemIndex]);
-                }
-            },
-            onMouseMove: function (itemIndex) {
-                isKeyboard.current = false;
-                if (itemIndex > -1) {
-                    setHighlightedIndex(itemIndex);
-                }
-            }
-        };
-        if (!hasFilter) {
-            menuProps.onKeyDown = activeKeyDownHandler;
-            menuProps.onBlur = handleBlur;
-            menuProps.onFocus = handleFocus;
-            menuProps.nativeAttributes = {
-                'aria-activedescendant': highlightedOptionId
-            };
-        }
-        return menuProps;
-    };
-    var getGroupState = function (option) {
-        var totalSelected = option.options.filter(function (item) { return !!item.value && __selectedValuesSet.has(item.value); }).length;
-        var hasSelected = totalSelected > 0;
-        var allSelected = totalSelected === option.options.length;
-        return {
-            selected: hasSelected && allSelected,
-            indeterminate: hasSelected && !allSelected
-        };
-    };
-    var getOptionProps = function (option, index) {
-        var _a;
-        var _b;
-        var highlighted = option === highlightedOption;
-        var groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;
-        var selected = __selectedOptions.indexOf(option) > -1 || !!(groupState === null || groupState === void 0 ? void 0 : groupState.selected);
-        var nextOption = (_b = options[index + 1]) === null || _b === void 0 ? void 0 : _b.option;
-        var isNextSelected = !!nextOption && isGroup(nextOption)
-            ? getGroupState(nextOption).selected
-            : __selectedOptions.indexOf(options[index + 1]) > -1;
-        var optionProps = (_a = {
-                key: index,
-                option: option,
-                highlighted: highlighted,
-                selected: selected,
-                isNextSelected: isNextSelected,
-                indeterminate: !!(groupState === null || groupState === void 0 ? void 0 : groupState.indeterminate)
-            },
-            _a['data-mouse-target'] = isHighlightable(option) ? index : -1,
-            _a.id = getOptionId(menuId, index),
-            _a);
-        return optionProps;
-    };
-    var prevOpen = usePrevious(isOpen);
-    useEffect(function () {
-        // highlight the first selected option, when opening the Select component
-        if (isOpen && !prevOpen && hasSelectedOption) {
-            setHighlightedIndex(options.indexOf(__selectedOptions[0]));
-        }
-    }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);
-    useEffect(function () {
-        var _a;
-        if (isOpen) {
-            // dropdown-fit calculations ensure that the dropdown will fit inside the current
-            // viewport, so prevent the browser from trying to scroll it into view (e.g. if
-            // scroll-padding-top is set on a parent)
-            (_a = activeRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
-        }
-    }, [isOpen, activeRef]);
-    useForwardFocus(externalRef, triggerRef);
-    var highlightedGroupSelected = !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;
-    var announceSelected = !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);
-    return {
-        isOpen: isOpen,
-        highlightedOption: highlightedOption,
-        highlightedIndex: highlightedIndex,
-        getTriggerProps: getTriggerProps,
-        getMenuProps: getMenuProps,
-        getFilterProps: getFilterProps,
-        getOptionProps: getOptionProps,
-        isKeyboard: isKeyboard,
-        highlightOption: highlightOption,
-        selectOption: selectOption,
-        announceSelected: announceSelected
-    };
-}
-//# sourceMappingURL=use-select.js.map

package/internal/template/select/utils/use-select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../src/select/utils/use-select.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 React, { RefObject } from 'react';\nimport { DropdownOption, OptionDefinition, OptionGroup } from '../../internal/components/option/interfaces';\nimport { isInteractive, isGroupInteractive, isGroup } from '../../internal/components/option/utils/filter-options';\nimport { useEffect, useRef, MutableRefObject } from 'react';\nimport { createHighlightedOptionHook } from '../../internal/components/options-list/utils/use-highlight-option';\nimport { useOpenState } from '../../internal/components/options-list/utils/use-open-state';\nimport { useMenuKeyboard, useTriggerKeyboard } from '../../internal/components/options-list/utils/use-keyboard';\nimport { useIds, getOptionId } from '../../internal/components/options-list/utils/use-ids';\nimport { connectOptionsByValue } from './connect-options';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\nimport { OptionsListProps } from '../../internal/components/options-list';\nimport { FilterProps } from '../parts/filter';\nimport { ItemProps } from '../parts/item';\nimport { usePrevious } from '../../internal/hooks/use-previous';\nimport { BaseKeyDetail } from '../../internal/events';\nimport { CancelableEventHandler, fireCancelableEvent, NonCancelableEventHandler } from '../../internal/events/index';\nimport { containsOrEqual } from '../../internal/utils/dom';\n\nexport type MenuProps = Omit<OptionsListProps, 'children'> & { ref: React.RefObject<HTMLUListElement> };\nexport type GetOptionProps = (option: DropdownOption, index: number) => ItemProps;\n\ninterface UseSelectProps {\n  selectedOptions: ReadonlyArray<OptionDefinition>;\n  updateSelectedOption: (option: OptionDefinition) => void;\n  options: ReadonlyArray<DropdownOption>;\n  filteringType: string;\n  keepOpen?: boolean;\n  onBlur?: CancelableEventHandler;\n  onFocus?: CancelableEventHandler;\n  externalRef: React.Ref<any>;\n  fireLoadItems: (filteringText: string) => void;\n  setFilteringValue: (filteringText: string) => void;\n  useInteractiveGroups?: boolean;\n}\n\nexport interface SelectTriggerProps {\n  ref: RefObject<HTMLButtonElement>;\n  onMouseDown?: (event: CustomEvent) => void;\n  onKeyDown?: (event: CustomEvent<BaseKeyDetail>) => void;\n  ariaLabelledby?: string;\n  onFocus: NonCancelableEventHandler;\n  onBlur: NonCancelableEventHandler<{ relatedTarget: Node | null }>;\n}\n\nexport function useSelect({\n  selectedOptions,\n  updateSelectedOption,\n  options,\n  filteringType,\n  onBlur,\n  onFocus,\n  externalRef,\n  keepOpen,\n  fireLoadItems,\n  setFilteringValue,\n  useInteractiveGroups = false,\n}: UseSelectProps) {\n  const interactivityCheck = useInteractiveGroups ? isGroupInteractive : isInteractive;\n\n  const isHighlightable = (option?: DropdownOption) => !!option && (useInteractiveGroups || option.type !== 'parent');\n  const useHighlightedOption = createHighlightedOptionHook({ isHighlightable: isHighlightable });\n\n  const filterRef = useRef<HTMLInputElement>(null);\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const menuRef = useRef<HTMLUListElement>(null);\n  const hasFilter = filteringType !== 'none';\n  const activeRef = hasFilter ? filterRef : menuRef;\n  const isKeyboard = useRef<boolean>(false);\n  const isSelectingUsingSpace = useRef<boolean>(false);\n  const __selectedOptions = connectOptionsByValue(options, selectedOptions);\n  const __selectedValuesSet = selectedOptions.reduce((selectedValuesSet: Set<string>, item: OptionDefinition) => {\n    if (item.value) {\n      selectedValuesSet.add(item.value);\n    }\n    return selectedValuesSet;\n  }, new Set<string>());\n  const {\n    highlightedOption,\n    highlightedIndex,\n    moveHighlight,\n    resetHighlight,\n    setHighlightedIndex,\n    highlightOption,\n    goHome,\n    goEnd,\n  } = useHighlightedOption(options);\n\n  const { isOpen, openDropdown, closeDropdown, toggleDropdown } = useOpenState({\n    onOpen: () => fireLoadItems(''),\n    onClose: () => {\n      resetHighlight();\n      setFilteringValue('');\n    },\n  });\n\n  const focused: MutableRefObject<boolean> = useRef<boolean>(false);\n  const handleFocus = () => {\n    if (!focused.current) {\n      fireCancelableEvent(onFocus, {});\n      focused.current = true;\n    }\n  };\n  const handleBlur = ({ detail }: { detail: { relatedTarget: Node | null } }) => {\n    const { relatedTarget } = detail;\n    const nextFocusedIsTrigger = relatedTarget ? containsOrEqual(triggerRef.current, relatedTarget) : false;\n    const nextFocusedInsideDropdown = relatedTarget\n      ? containsOrEqual(menuRef.current, relatedTarget) || containsOrEqual(filterRef.current, relatedTarget)\n      : false;\n    const nextFocusedInsideComponent = nextFocusedIsTrigger || nextFocusedInsideDropdown;\n    const focusingOut = focused.current && !nextFocusedInsideComponent;\n\n    if (nextFocusedIsTrigger || focusingOut) {\n      closeDropdown();\n    }\n    if (focusingOut) {\n      fireCancelableEvent(onBlur, {});\n      focused.current = false;\n    }\n  };\n\n  const hasSelectedOption = __selectedOptions.length > 0;\n  const { selectedOptionId, menuId } = useIds({ hasSelectedOption });\n  const highlightedOptionId = getOptionId(menuId, highlightedIndex);\n\n  const selectOption = (option?: DropdownOption) => {\n    isSelectingUsingSpace.current = false;\n    const optionToSelect = option || highlightedOption;\n    if (!optionToSelect || !interactivityCheck(optionToSelect)) {\n      return;\n    }\n    updateSelectedOption(optionToSelect.option);\n    if (!keepOpen) {\n      triggerRef.current?.focus();\n      closeDropdown();\n    }\n  };\n\n  const activeKeyDownHandler = useMenuKeyboard({\n    moveHighlight,\n    selectOption,\n    goHome,\n    goEnd,\n    closeDropdown: () => {\n      triggerRef.current?.focus();\n      closeDropdown();\n    },\n    isKeyboard,\n    isSelectingUsingSpace,\n    preventNativeSpace: !hasFilter,\n  });\n\n  const triggerKeyDownHandler = useTriggerKeyboard({ openDropdown, goHome, isKeyboard });\n\n  const getTriggerProps = (disabled = false) => {\n    const triggerProps: SelectTriggerProps = {\n      ref: triggerRef,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    };\n    if (!disabled) {\n      triggerProps.onMouseDown = (event: CustomEvent) => {\n        event.preventDefault(); // prevent current focus from blurring as it immediately closes the dropdown\n        if (isOpen) {\n          triggerRef.current?.focus();\n        }\n        toggleDropdown();\n      };\n      triggerProps.onKeyDown = triggerKeyDownHandler;\n    }\n    if (hasSelectedOption) {\n      triggerProps.ariaLabelledby = selectedOptionId;\n    }\n    return triggerProps;\n  };\n\n  const getFilterProps = (): Partial<FilterProps> => {\n    if (!hasFilter) {\n      return {};\n    }\n\n    return {\n      ref: filterRef,\n      onKeyDown: activeKeyDownHandler,\n      __onBlurWithDetail: handleBlur,\n      onFocus: handleFocus,\n      onChange: event => {\n        setFilteringValue(event.detail.value);\n        resetHighlight();\n      },\n      __onDelayedInput: event => {\n        fireLoadItems(event.detail.value);\n      },\n      __nativeAttributes: {\n        'aria-activedescendant': highlightedOptionId,\n        ['aria-owns']: menuId,\n      },\n    };\n  };\n\n  const getMenuProps = () => {\n    const menuProps: MenuProps = {\n      id: menuId,\n      ref: menuRef,\n      open: isOpen,\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n      onMouseUp: itemIndex => {\n        isKeyboard.current = false;\n        if (itemIndex > -1) {\n          selectOption(options[itemIndex]);\n        }\n      },\n      onMouseMove: itemIndex => {\n        isKeyboard.current = false;\n        if (itemIndex > -1) {\n          setHighlightedIndex(itemIndex);\n        }\n      },\n    };\n    if (!hasFilter) {\n      menuProps.onKeyDown = activeKeyDownHandler;\n      menuProps.onBlur = handleBlur;\n      menuProps.onFocus = handleFocus;\n      menuProps.nativeAttributes = {\n        'aria-activedescendant': highlightedOptionId,\n      };\n    }\n    return menuProps;\n  };\n  const getGroupState = (option: OptionGroup) => {\n    const totalSelected = option.options.filter(item => !!item.value && __selectedValuesSet.has(item.value)).length;\n    const hasSelected = totalSelected > 0;\n    const allSelected = totalSelected === option.options.length;\n    return {\n      selected: hasSelected && allSelected,\n      indeterminate: hasSelected && !allSelected,\n    };\n  };\n\n  const getOptionProps = (option: DropdownOption, index: number) => {\n    const highlighted = option === highlightedOption;\n    const groupState = isGroup(option.option) ? getGroupState(option.option) : undefined;\n    const selected = __selectedOptions.indexOf(option) > -1 || !!groupState?.selected;\n    const nextOption = options[index + 1]?.option;\n    const isNextSelected =\n      !!nextOption && isGroup(nextOption)\n        ? getGroupState(nextOption).selected\n        : __selectedOptions.indexOf(options[index + 1]) > -1;\n\n    const optionProps: any = {\n      key: index,\n      option,\n      highlighted,\n      selected,\n      isNextSelected,\n      indeterminate: !!groupState?.indeterminate,\n      ['data-mouse-target']: isHighlightable(option) ? index : -1,\n      id: getOptionId(menuId, index),\n    };\n\n    return optionProps;\n  };\n\n  const prevOpen = usePrevious<boolean>(isOpen);\n  useEffect(() => {\n    // highlight the first selected option, when opening the Select component\n    if (isOpen && !prevOpen && hasSelectedOption) {\n      setHighlightedIndex(options.indexOf(__selectedOptions[0]));\n    }\n  }, [isOpen, __selectedOptions, hasSelectedOption, setHighlightedIndex, options, prevOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      // dropdown-fit calculations ensure that the dropdown will fit inside the current\n      // viewport, so prevent the browser from trying to scroll it into view (e.g. if\n      // scroll-padding-top is set on a parent)\n      activeRef.current?.focus({ preventScroll: true });\n    }\n  }, [isOpen, activeRef]);\n\n  useForwardFocus(externalRef, triggerRef as React.RefObject<HTMLElement>);\n  const highlightedGroupSelected =\n    !!highlightedOption && isGroup(highlightedOption.option) && getGroupState(highlightedOption.option).selected;\n  const announceSelected =\n    !!highlightedOption && (__selectedOptions.indexOf(highlightedOption) > -1 || highlightedGroupSelected);\n\n  return {\n    isOpen,\n    highlightedOption,\n    highlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getFilterProps,\n    getOptionProps,\n    isKeyboard,\n    highlightOption,\n    selectOption,\n    announceSelected,\n  };\n}\n"]}