@amboss/design-system 2.4.4 → 3.0.0

package/build/esm/components/Form/Select/OptionsList.d.ts

@@ -1,16 +0,0 @@
-import type { RefObject } from "react";
-import React from "react";
-import type { CommonSelectProps, SelectOption } from "./Select";
-type OptionsListProps = {
-    isOpen: boolean;
-    isMultiSelect?: boolean;
-    filteredOptions: CommonSelectProps["options"];
-    innerInputRef: RefObject<HTMLInputElement>;
-    inputWrapperRef?: RefObject<HTMLDivElement>;
-    onCloseDropdown: (noSelect?: boolean) => void;
-    selectedIndex: number;
-    onSelectedIndexChange: (index: number) => void;
-    forceChangeFakeSelect: (selectedOption: SelectOption) => void;
-} & Partial<CommonSelectProps>;
-export declare function OptionsList({ isOpen, isMultiSelect, value, disabled, filteredOptions, portalContainer, innerInputRef, inputWrapperRef, maxHeight, emptyStateMessage, selectedIndex, optionsListWidth, onCloseDropdown, onSelectedIndexChange, forceChangeFakeSelect, }: OptionsListProps): React.ReactElement;
-export {};

package/build/esm/components/Form/Select/OptionsList.js

@@ -1 +0,0 @@
-import React,{useRef}from"react";import styled from"@emotion/styled";import{useKeyboard}from"../../../shared/useKeyboard";import{usePopupMenu}from"../../../shared/popupMenu/usePopupMenu";import{VirtualScrollList}from"../../VirtualScrollList/VirtualScrollList";import{Text}from"../../Typography/Text/Text";import{Box}from"../../Box/Box";import{Inline}from"../../Inline/Inline";import{Icon}from"../../Icon/Icon";import{StyledDropdown,StyledOption}from"./StyledSelectComponents";import{dropdownContainerStyle}from"./constants";import{Stack}from"../../Stack/Stack";import{CheckboxRaw}from"../Checkbox/Checkbox";import{Portal}from"../../Portal/Portal";let CustomOption=styled(StyledOption,{target:"e1mw9e8e0",label:"CustomOption"})(({theme})=>({paddingTop:0,paddingBottom:0,"& > div":{paddingTop:theme.variables.size.spacing.xs,paddingBottom:theme.variables.size.spacing.xs},"& > div *":{marginTop:0}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvT3B0aW9uc0xpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9PcHRpb25zTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgdHlwZSB7IENvbW1vblNlbGVjdFByb3BzLCBTZWxlY3RPcHRpb24gfSBmcm9tIFwiLi9TZWxlY3RcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHsgVmlydHVhbFNjcm9sbExpc3QgfSBmcm9tIFwiLi4vLi4vVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3RcIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB7IEJveCB9IGZyb20gXCIuLi8uLi9Cb3gvQm94XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duLCBTdHlsZWRPcHRpb24gfSBmcm9tIFwiLi9TdHlsZWRTZWxlY3RDb21wb25lbnRzXCI7XG5pbXBvcnQgeyBkcm9wZG93bkNvbnRhaW5lclN0eWxlIH0gZnJvbSBcIi4vY29uc3RhbnRzXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ2hlY2tib3hSYXcgfSBmcm9tIFwiLi4vQ2hlY2tib3gvQ2hlY2tib3hcIjtcbmltcG9ydCB7IFBvcnRhbCB9IGZyb20gXCIuLi8uLi9Qb3J0YWwvUG9ydGFsXCI7XG5cbnR5cGUgT3B0aW9uc0xpc3RQcm9wcyA9IHtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBpc011bHRpU2VsZWN0PzogYm9vbGVhbjtcbiAgZmlsdGVyZWRPcHRpb25zOiBDb21tb25TZWxlY3RQcm9wc1tcIm9wdGlvbnNcIl07XG4gIGlubmVySW5wdXRSZWY6IFJlZk9iamVjdDxIVE1MSW5wdXRFbGVtZW50PjtcbiAgaW5wdXRXcmFwcGVyUmVmPzogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgb25DbG9zZURyb3Bkb3duOiAobm9TZWxlY3Q/OiBib29sZWFuKSA9PiB2b2lkO1xuICBzZWxlY3RlZEluZGV4OiBudW1iZXI7XG4gIG9uU2VsZWN0ZWRJbmRleENoYW5nZTogKGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG4gIGZvcmNlQ2hhbmdlRmFrZVNlbGVjdDogKHNlbGVjdGVkT3B0aW9uOiBTZWxlY3RPcHRpb24pID0+IHZvaWQ7XG59ICYgUGFydGlhbDxDb21tb25TZWxlY3RQcm9wcz47XG5cbmNvbnN0IEN1c3RvbU9wdGlvbiA9IHN0eWxlZChTdHlsZWRPcHRpb24pKCh7IHRoZW1lIH0pID0+ICh7XG4gIC8vIHRoaXMgaXMgbmVlZGVkIGZvciB1c2luZyBwYWRkaW5nIG9mIGNoZWNrYm94ZXMgaW4gb3JkZXIgdG8gdXNlIGl0cyBob3ZlciBzdGF0ZVxuICBwYWRkaW5nVG9wOiAwLFxuICBwYWRkaW5nQm90dG9tOiAwLFxuICBcIiYgPiBkaXZcIjoge1xuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54cyxcbiAgfSxcbiAgXCImID4gZGl2ICpcIjoge1xuICAgIG1hcmdpblRvcDogMCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE9wdGlvbnNMaXN0KHtcbiAgaXNPcGVuLFxuICBpc011bHRpU2VsZWN0ID0gZmFsc2UsXG4gIHZhbHVlLFxuICBkaXNhYmxlZCxcbiAgZmlsdGVyZWRPcHRpb25zLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGlubmVySW5wdXRSZWYsXG4gIGlucHV0V3JhcHBlclJlZixcbiAgbWF4SGVpZ2h0LFxuICBlbXB0eVN0YXRlTWVzc2FnZSxcbiAgc2VsZWN0ZWRJbmRleCxcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgb25DbG9zZURyb3Bkb3duLFxuICBvblNlbGVjdGVkSW5kZXhDaGFuZ2UsXG4gIGZvcmNlQ2hhbmdlRmFrZVNlbGVjdCxcbn06IE9wdGlvbnNMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBvcHRpb25zTGlzdFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgcmVmRm9yUG9zaXRpb25pbmcgPSBpbnB1dFdyYXBwZXJSZWYgfHwgaW5uZXJJbnB1dFJlZjtcblxuICBjb25zdCB7IG1lbnVTdHlsZTogb3B0aW9uc0xpc3RTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZjogcmVmRm9yUG9zaXRpb25pbmcsXG4gICAgbWVudVJlZjogb3B0aW9uc0xpc3RSZWYsXG4gICAgaXNPcGVuLFxuICB9KTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBFc2NhcGU6ICgpID0+IG9uQ2xvc2VEcm9wZG93bih0cnVlKSxcbiAgICAgIEVudGVyOiAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHByZXNlbGVjdGVkT3B0aW9uID0gZmlsdGVyZWRPcHRpb25zW3NlbGVjdGVkSW5kZXhdO1xuXG4gICAgICAgIGlmICghcHJlc2VsZWN0ZWRPcHRpb24/LmRpc2FibGVkKSB7XG4gICAgICAgICAgaWYgKHByZXNlbGVjdGVkT3B0aW9uKSB7XG4gICAgICAgICAgICBmb3JjZUNoYW5nZUZha2VTZWxlY3QocHJlc2VsZWN0ZWRPcHRpb24pO1xuICAgICAgICAgICAgaWYgKCFpc011bHRpU2VsZWN0KSB7XG4gICAgICAgICAgICAgIG9uQ2xvc2VEcm9wZG93bih0cnVlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICB9XG4gICAgICAgICAgaWYgKCFpc011bHRpU2VsZWN0KSB7XG4gICAgICAgICAgICBvbkNsb3NlRHJvcGRvd24oKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBBcnJvd1VwOiAoKSA9PiB7XG4gICAgICAgIGxldCBuZXdJbmRleCA9IHNlbGVjdGVkSW5kZXg7XG4gICAgICAgIHdoaWxlIChuZXdJbmRleCA+IDApIHtcbiAgICAgICAgICBuZXdJbmRleCAtPSAxO1xuICAgICAgICAgIGlmICghZmlsdGVyZWRPcHRpb25zW25ld0luZGV4XT8uZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBPbmx5IHVwZGF0ZSB0aGUgc2VsZWN0aW9uIGlmIHRoZSBuZXcgaXRlbSBpcyBub3QgZGlzYWJsZWRcbiAgICAgICAgaWYgKCFmaWx0ZXJlZE9wdGlvbnNbbmV3SW5kZXhdPy5kaXNhYmxlZCkge1xuICAgICAgICAgIG9uU2VsZWN0ZWRJbmRleENoYW5nZShuZXdJbmRleCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgbGV0IG5ld0luZGV4ID0gc2VsZWN0ZWRJbmRleDtcbiAgICAgICAgd2hpbGUgKG5ld0luZGV4IDwgZmlsdGVyZWRPcHRpb25zLmxlbmd0aCAtIDEpIHtcbiAgICAgICAgICBuZXdJbmRleCArPSAxO1xuICAgICAgICAgIGlmICghZmlsdGVyZWRPcHRpb25zW25ld0luZGV4XT8uZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICAvLyBPbmx5IHVwZGF0ZSB0aGUgc2VsZWN0aW9uIGlmIHRoZSBuZXcgaXRlbSBpcyBub3QgZGlzYWJsZWRcbiAgICAgICAgaWYgKCFmaWx0ZXJlZE9wdGlvbnNbbmV3SW5kZXhdPy5kaXNhYmxlZCkge1xuICAgICAgICAgIG9uU2VsZWN0ZWRJbmRleENoYW5nZShuZXdJbmRleCk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgfSxcbiAgICBpbm5lcklucHV0UmVmLFxuICAgIGlzT3BlbiAmJiAhZGlzYWJsZWRcbiAgKTtcblxuICBjb25zdCByZW5kZXJJdGVtID0gKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBvcHRpb246IFNlbGVjdE9wdGlvbiA9IGZpbHRlcmVkT3B0aW9uc1tpbmRleF07XG5cbiAgICBpZiAoaXNNdWx0aVNlbGVjdCkge1xuICAgICAgY29uc3QgaXNBY3RpdmUgPSB2YWx1ZS5pbmNsdWRlcyhvcHRpb24udmFsdWUpO1xuXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8Q3VzdG9tT3B0aW9uXG4gICAgICAgICAga2V5PXtvcHRpb24udmFsdWV9XG4gICAgICAgICAgYWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICAgIHByZVNlbGVjdGVkPXtzZWxlY3RlZEluZGV4ID09PSBpbmRleH1cbiAgICAgICAgICBvbk1vdXNlRG93bj17KCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFvcHRpb24uZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgZm9yY2VDaGFuZ2VGYWtlU2VsZWN0KG9wdGlvbik7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfX1cbiAgICAgICAgICAvLyBzdG9wIGV2ZW50IHByb3BhZ2F0aW9uIHRvIG5vdCBjbG9zZSBtb2RhbCBvbiBzZWxlY3Rpb24gaWYgc2VsZWN0IGlzIHdpdGhpbiBhIE1vZGFsXG4gICAgICAgICAgb25DbGljaz17KGV2dCkgPT4gZXZ0LnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgICA+XG4gICAgICAgICAgPENoZWNrYm94UmF3XG4gICAgICAgICAgICBuYW1lPVwiXCJcbiAgICAgICAgICAgIGRpc2FibGVkPXtvcHRpb24uZGlzYWJsZWR9XG4gICAgICAgICAgICBjaGVja2VkPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGxhYmVsPXtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4gbnVsbH1cbiAgICAgICAgICAgIGxhYmVsSGludD17b3B0aW9uPy5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0N1c3RvbU9wdGlvbj5cbiAgICAgICk7XG4gICAgfVxuXG4gICAgLy8gZWxzZSByZW5kZXIgc2luZ2xlIHNlbGVjdCBpdGVtXG4gICAgY29uc3QgaXNBY3RpdmUgPSB2YWx1ZSA9PT0gb3B0aW9uLnZhbHVlO1xuICAgIGNvbnN0IG9wdGlvblRleHQgPSAoXG4gICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgIDxUZXh0IGNvbG9yPVwicHJpbWFyeVwiIHNpemU9XCJtXCI+XG4gICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7b3B0aW9uLmRlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICA8VGV4dCBjb2xvcj1cInRlcnRpYXJ5XCIgc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHtvcHRpb24uZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRPcHRpb25cbiAgICAgICAgcm9sZT1cImJ1dHRvblwiXG4gICAgICAgIGtleT17b3B0aW9uLnZhbHVlfVxuICAgICAgICBhY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICBkaXNhYmxlZD17b3B0aW9uLmRpc2FibGVkfVxuICAgICAgICBwcmVTZWxlY3RlZD17c2VsZWN0ZWRJbmRleCA9PT0gaW5kZXh9XG4gICAgICAgIG9uTW91c2VEb3duPXsoKSA9PiB7XG4gICAgICAgICAgaWYgKCFvcHRpb24uZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGZvcmNlQ2hhbmdlRmFrZVNlbGVjdChvcHRpb24pO1xuICAgICAgICAgICAgb25DbG9zZURyb3Bkb3duKHRydWUpO1xuICAgICAgICAgIH1cbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAge2lzQWN0aXZlID8gKFxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIj5cbiAgICAgICAgICAgIHtvcHRpb25UZXh0fVxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInplcm9cIiB0U3BhY2U9XCJ4eHhzXCI+XG4gICAgICAgICAgICAgIDxJY29uIG5hbWU9XCJjaGVja1wiIHNpemU9XCJzXCIgY29sb3I9XCJhY2NlbnRcIiAvPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9JbmxpbmU+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgb3B0aW9uVGV4dFxuICAgICAgICApfVxuICAgICAgPC9TdHlsZWRPcHRpb24+XG4gICAgKTtcbiAgfTtcblxuICBjb25zdCBsaXN0U3R5bGUgPSB7XG4gICAgLi4ub3B0aW9uc0xpc3RTdHlsZSxcbiAgICB3aWR0aDpcbiAgICAgIG9wdGlvbnNMaXN0V2lkdGggfHxcbiAgICAgIHJlZkZvclBvc2l0aW9uaW5nLmN1cnJlbnQ/LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoLFxuICB9O1xuXG4gIGNvbnN0IGxpc3RFbG0gPSAoXG4gICAgPFN0eWxlZERyb3Bkb3duXG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgcmVmPXtvcHRpb25zTGlzdFJlZn1cbiAgICAgIC8vIHRoaXMgaXMgdG8gcHJldmVudCBrbm93biBidWcgb2YgQ2hyb21lIHdoZW4gZWxlbWVudFxuICAgICAgLy8gbG9zZXMgZm9jdXMgb24gY2xpY2sgb24gdGhlIHNjcm9sbGJhclxuICAgICAgb25Nb3VzZURvd249eyhlKSA9PiBlLnByZXZlbnREZWZhdWx0KCl9XG4gICAgPlxuICAgICAgPFZpcnR1YWxTY3JvbGxMaXN0XG4gICAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgICBpdGVtSGVpZ2h0PXszNn1cbiAgICAgICAgaXRlbUFtb3VudD17ZmlsdGVyZWRPcHRpb25zLmxlbmd0aH1cbiAgICAgICAgZW1wdHlTdGF0ZT17KCkgPT4gKFxuICAgICAgICAgIDxCb3ggc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPFRleHQ+e2VtcHR5U3RhdGVNZXNzYWdlIHx8IFwi8J+kt/Cfj7vigI3imYDvuI9cIn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICAgIGNvbnRhaW5lclN0eWxlPXtkcm9wZG93bkNvbnRhaW5lclN0eWxlfVxuICAgICAgICBpdGVtSW5WaWV3PXtzZWxlY3RlZEluZGV4fVxuICAgICAgICBpdGVtVGVtcGxhdGU9e3JlbmRlckl0ZW19XG4gICAgICAgIG9uQ29udGVudEhlaWdodENoYW5nZT17Y2FsY3VsYXRlU3R5bGV9XG4gICAgICAvPlxuICAgIDwvU3R5bGVkRHJvcGRvd24+XG4gICk7XG5cbiAgaWYgKCFpc09wZW4pIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiA8UG9ydGFsIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfT57bGlzdEVsbX08L1BvcnRhbD47XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJxQiJ9 */");export function OptionsList({isOpen,isMultiSelect=!1,value,disabled,filteredOptions,portalContainer,innerInputRef,inputWrapperRef,maxHeight,emptyStateMessage,selectedIndex,optionsListWidth,onCloseDropdown,onSelectedIndexChange,forceChangeFakeSelect}){let optionsListRef=useRef(null),refForPositioning=inputWrapperRef||innerInputRef,{menuStyle:optionsListStyle,calculateStyle}=usePopupMenu({triggerRef:refForPositioning,menuRef:optionsListRef,isOpen});useKeyboard({Escape:()=>onCloseDropdown(!0),Enter:()=>{let preselectedOption=filteredOptions[selectedIndex];if(!preselectedOption?.disabled){if(preselectedOption){forceChangeFakeSelect(preselectedOption),isMultiSelect||onCloseDropdown(!0);return}isMultiSelect||onCloseDropdown()}},ArrowUp:()=>{let newIndex=selectedIndex;for(;newIndex>0&&(newIndex-=1,filteredOptions[newIndex]?.disabled););filteredOptions[newIndex]?.disabled||onSelectedIndexChange(newIndex)},ArrowDown:()=>{let newIndex=selectedIndex;for(;newIndex<filteredOptions.length-1&&(newIndex+=1,filteredOptions[newIndex]?.disabled););filteredOptions[newIndex]?.disabled||onSelectedIndexChange(newIndex)}},innerInputRef,isOpen&&!disabled);let listStyle={...optionsListStyle,width:optionsListWidth||refForPositioning.current?.getBoundingClientRect().width},listElm=React.createElement(StyledDropdown,{style:listStyle,ref:optionsListRef,onMouseDown:e=>e.preventDefault()},React.createElement(VirtualScrollList,{maxHeight:maxHeight,itemHeight:36,itemAmount:filteredOptions.length,emptyState:()=>React.createElement(Box,{space:"xs"},React.createElement(Text,null,emptyStateMessage||"\uD83E\uDD37\uD83C\uDFFB‍♀️")),containerStyle:dropdownContainerStyle,itemInView:selectedIndex,itemTemplate:index=>{let option=filteredOptions[index];if(isMultiSelect){let isActive=value.includes(option.value);return React.createElement(CustomOption,{key:option.value,active:isActive,disabled:option.disabled,preSelected:selectedIndex===index,onMouseDown:()=>{option.disabled||forceChangeFakeSelect(option)},onClick:evt=>evt.stopPropagation()},React.createElement(CheckboxRaw,{name:"",disabled:option.disabled,checked:isActive,size:"s",label:option.label,onChange:()=>null,labelHint:option?.description}))}let isActive=value===option.value,optionText=React.createElement(Stack,{space:"zero"},React.createElement(Text,{color:"primary",size:"m"},option.label),option.description&&React.createElement(Text,{color:"tertiary",size:"s"},option.description));return React.createElement(StyledOption,{role:"button",key:option.value,active:isActive,disabled:option.disabled,preSelected:selectedIndex===index,onMouseDown:()=>{option.disabled||(forceChangeFakeSelect(option),onCloseDropdown(!0))}},isActive?React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween"},optionText,React.createElement(Box,{space:"zero",tSpace:"xxxs"},React.createElement(Icon,{name:"check",size:"s",color:"accent"}))):optionText)},onContentHeightChange:calculateStyle}));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}

package/build/esm/components/Form/Select/StyledSelectComponents.js

@@ -1 +0,0 @@
-import styled from"@emotion/styled";export const StyledContainer=styled("div",{target:"e18oathd0",label:"StyledContainer"})(()=>({position:"relative"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU3R5bGVkU2VsZWN0Q29tcG9uZW50cy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VsZWN0L1N0eWxlZFNlbGVjdENvbXBvbmVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3B0aW9uID0gc3R5bGVkLmRpdjx7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgcHJlU2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufT4oKHsgdGhlbWUsIGFjdGl2ZSwgcHJlU2VsZWN0ZWQsIGRpc2FibGVkIH0pID0+IHtcbiAgY29uc3QgaG92ZXJTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIC4uLihhY3RpdmUgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIH0pLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0pLFxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IGhvdmVyU3R5bGVzLFxuICAgIH0pLFxuICAgIC4uLihwcmVTZWxlY3RlZCAmJiBob3ZlclN0eWxlcyksXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZha2VJbnB1dFdyYXAgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHpJbmRleDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB6SW5kZXg6IDIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUrQiJ9 */");export const StyledOption=styled("div",{target:"e18oathd1",label:"StyledOption"})(({theme,active,preSelected,disabled})=>{let hoverStyles={backgroundColor:theme.values.color.background.secondary.hover,borderRadius:0};return{padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,cursor:"pointer",borderRadius:theme.variables.size.borderRadius.xs,...active&&{backgroundColor:theme.values.color.background.secondary.active,borderRadius:0},...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled},...!disabled&&{"&:hover":hoverStyles},...preSelected&&hoverStyles}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU3R5bGVkU2VsZWN0Q29tcG9uZW50cy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VsZWN0L1N0eWxlZFNlbGVjdENvbXBvbmVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3B0aW9uID0gc3R5bGVkLmRpdjx7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgcHJlU2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufT4oKHsgdGhlbWUsIGFjdGl2ZSwgcHJlU2VsZWN0ZWQsIGRpc2FibGVkIH0pID0+IHtcbiAgY29uc3QgaG92ZXJTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIC4uLihhY3RpdmUgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIH0pLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0pLFxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IGhvdmVyU3R5bGVzLFxuICAgIH0pLFxuICAgIC4uLihwcmVTZWxlY3RlZCAmJiBob3ZlclN0eWxlcyksXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZha2VJbnB1dFdyYXAgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHpJbmRleDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB6SW5kZXg6IDIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiJ9 */");export const StyledFakeInputWrap=styled("div",{target:"e18oathd2",label:"StyledFakeInputWrap"})(()=>({zIndex:0,position:"absolute",pointerEvents:"none",width:"100%",bottom:0,left:0}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU3R5bGVkU2VsZWN0Q29tcG9uZW50cy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VsZWN0L1N0eWxlZFNlbGVjdENvbXBvbmVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3B0aW9uID0gc3R5bGVkLmRpdjx7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgcHJlU2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufT4oKHsgdGhlbWUsIGFjdGl2ZSwgcHJlU2VsZWN0ZWQsIGRpc2FibGVkIH0pID0+IHtcbiAgY29uc3QgaG92ZXJTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIC4uLihhY3RpdmUgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIH0pLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0pLFxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IGhvdmVyU3R5bGVzLFxuICAgIH0pLFxuICAgIC4uLihwcmVTZWxlY3RlZCAmJiBob3ZlclN0eWxlcyksXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZha2VJbnB1dFdyYXAgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHpJbmRleDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB6SW5kZXg6IDIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DbUMifQ== */");export const StyledDropdown=styled("div",{target:"e18oathd3",label:"StyledDropdown"})(({theme})=>({backgroundColor:theme.values.color.background.primary.default,position:"absolute",zIndex:2,borderRadius:theme.variables.size.borderRadius.xs,overflow:"hidden",boxShadow:theme.values.elevation[2],boxSizing:"border-box"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU3R5bGVkU2VsZWN0Q29tcG9uZW50cy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VsZWN0L1N0eWxlZFNlbGVjdENvbXBvbmVudHMudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3B0aW9uID0gc3R5bGVkLmRpdjx7XG4gIGFjdGl2ZTogYm9vbGVhbjtcbiAgcHJlU2VsZWN0ZWQ6IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xufT4oKHsgdGhlbWUsIGFjdGl2ZSwgcHJlU2VsZWN0ZWQsIGRpc2FibGVkIH0pID0+IHtcbiAgY29uc3QgaG92ZXJTdHlsZXMgPSB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuaG92ZXIsXG4gICAgYm9yZGVyUmFkaXVzOiAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIC4uLihhY3RpdmUgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgIH0pLFxuICAgIC4uLihkaXNhYmxlZCAmJiB7XG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0pLFxuICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IGhvdmVyU3R5bGVzLFxuICAgIH0pLFxuICAgIC4uLihwcmVTZWxlY3RlZCAmJiBob3ZlclN0eWxlcyksXG4gIH07XG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZha2VJbnB1dFdyYXAgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIHpJbmRleDogMCxcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRHJvcGRvd24gPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB6SW5kZXg6IDIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgYm94U2hhZG93OiB0aGVtZS52YWx1ZXMuZWxldmF0aW9uWzJdLFxuICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDOEIifQ== */");