@amboss/design-system 3.7.4 → 3.7.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/README.md +3 -3
  2. package/build/cjs/components/Box/Box.d.ts +2 -1
  3. package/build/cjs/components/Box/Box.js +1 -1
  4. package/build/cjs/components/Button/Button.js +1 -1
  5. package/build/cjs/components/Card/CardHeader/CardHeader.js +1 -1
  6. package/build/cjs/components/Collapsible/Collapsible.js +1 -1
  7. package/build/cjs/components/Column/Columns.js +1 -1
  8. package/build/cjs/components/DataTable/DataTable.js +1 -1
  9. package/build/cjs/components/DataTable/index.js +1 -1
  10. package/build/cjs/components/DataTable/useDataTableSort.js +1 -1
  11. package/build/cjs/components/EntityList/styled-components.js +1 -1
  12. package/build/cjs/components/EntityTree/tree.js +1 -1
  13. package/build/cjs/components/EntityTree/treeListData.mock.d.ts +1 -0
  14. package/build/cjs/components/EntityTree/treeListData.mock.js +1 -1
  15. package/build/cjs/components/Form/Checkbox/Checkbox.js +1 -1
  16. package/build/cjs/components/Form/Combobox/OptionsList.js +1 -1
  17. package/build/cjs/components/Form/Combobox/StyledSelectComponents.js +1 -1
  18. package/build/cjs/components/Form/FormField/FormField.js +1 -1
  19. package/build/cjs/components/Form/FormField/useFormFieldMessageId.js +1 -1
  20. package/build/cjs/components/Form/Input/Input.js +1 -1
  21. package/build/cjs/components/Form/MaskedInput/MaskedInput.js +1 -1
  22. package/build/cjs/components/Form/PasswordInput/PasswordInput.js +1 -1
  23. package/build/cjs/components/Form/Radio/Radio.js +1 -1
  24. package/build/cjs/components/Form/Select/SelectWithCustomTrigger.d.ts +1 -2
  25. package/build/cjs/components/Form/Select/SelectWithCustomTrigger.js +1 -1
  26. package/build/cjs/components/Form/Select/index.js +1 -1
  27. package/build/cjs/components/Form/Textarea/Textarea.js +1 -1
  28. package/build/cjs/components/Form/Toggle/Toggle.js +1 -1
  29. package/build/cjs/components/Pagination/Pagination.js +1 -1
  30. package/build/cjs/components/Patterns/Modal/Modal.d.ts +2 -2
  31. package/build/cjs/components/Patterns/Modal/Modal.js +3 -3
  32. package/build/cjs/components/Portal/Portal.js +1 -1
  33. package/build/cjs/components/SegmentedProgressBar/SegmentedProgressBarUtil.js +1 -1
  34. package/build/cjs/components/Sheet/Sheet.js +1 -1
  35. package/build/cjs/components/Tag/Tag.js +1 -1
  36. package/build/cjs/components/Toast/ToastProvider.js +1 -1
  37. package/build/cjs/components/Tooltip/TooltipContent.js +1 -1
  38. package/build/cjs/components/Tooltip/utils.js +1 -1
  39. package/build/cjs/components/Typography/Header/Header.js +1 -1
  40. package/build/cjs/components/Typography/StyledText/StyledText.js +1 -1
  41. package/build/cjs/components/Typography/Text/Text.js +1 -1
  42. package/build/cjs/index.js +1 -1
  43. package/build/cjs/shared/mediaQueries.js +1 -1
  44. package/build/cjs/shared/useAutoPosition.js +1 -1
  45. package/build/cjs/shared/useScrollDetection.js +1 -1
  46. package/build/cjs/types/index.js +1 -1
  47. package/build/cjs/web-tokens/_colors.json +13 -13
  48. package/build/cjs/web-tokens/visualConfig.d.ts +5 -0
  49. package/build/cjs/web-tokens/visualConfig.js +1 -1
  50. package/build/esm/components/Box/Box.d.ts +2 -1
  51. package/build/esm/components/Box/Box.js +1 -1
  52. package/build/esm/components/Button/Button.js +1 -1
  53. package/build/esm/components/EntityTree/treeListData.mock.d.ts +1 -0
  54. package/build/esm/components/EntityTree/treeListData.mock.js +1 -1
  55. package/build/esm/components/Form/FormField/FormField.js +1 -1
  56. package/build/esm/components/Form/FormField/useFormFieldMessageId.js +1 -1
  57. package/build/esm/components/Form/Select/SelectWithCustomTrigger.d.ts +1 -2
  58. package/build/esm/components/Form/Select/SelectWithCustomTrigger.js +1 -1
  59. package/build/esm/components/Pagination/Pagination.js +1 -1
  60. package/build/esm/components/Patterns/Modal/Modal.d.ts +2 -2
  61. package/build/esm/components/Patterns/Modal/Modal.js +3 -3
  62. package/build/esm/components/Sheet/Sheet.js +1 -1
  63. package/build/esm/components/Tooltip/TooltipContent.js +1 -1
  64. package/build/esm/components/Typography/StyledText/StyledText.js +1 -1
  65. package/build/esm/shared/mediaQueries.js +1 -1
  66. package/build/esm/shared/useAutoPosition.js +1 -1
  67. package/build/esm/shared/useScrollDetection.js +1 -1
  68. package/build/esm/web-tokens/_colors.json +13 -13
  69. package/build/esm/web-tokens/visualConfig.d.ts +5 -0
  70. package/build/esm/web-tokens/visualConfig.js +1 -1
  71. package/build/scss/_theming.scss +9 -9
  72. package/package.json +14 -17
  73. package/build/cjs/components/EntityTree/hugeTreeData.js +0 -1
  74. package/build/esm/components/EntityTree/hugeTreeData.js +0 -1
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";import{FormErrorMessages}from"../FormErrorMessages/FormErrorMessages";import{FormLabelText}from"../FormLabelText/FormLabelText";import{ScreenReaderText}from"../../../shared/ScreenReaderText";let StyledFormField=styled("div",{target:"e8si15c0",label:"StyledFormField"})(({theme,disabled})=>({...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled,"& > *":{pointerEvents:"none"}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBoaWRlTGFiZWw/OiBib29sZWFuO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBGb3JtRmllbGRDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3RFbGVtZW50O1xufSAmIEZvcm1GaWVsZFByb3BzO1xuXG5jb25zdCBTdHlsZWRGb3JtRmllbGQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Rm9ybUZpZWxkUHJvcHM+PihcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZvcm1GaWVsZCh7XG4gIGxhYmVsID0gXCJcIixcbiAgbGFiZWxIaW50ID0gXCJcIixcbiAgaGludCA9IFwiXCIsXG4gIGVycm9yTWVzc2FnZXMgPSBbXSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgaGlkZUxhYmVsID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBtZXNzYWdlSWQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQgPSBcIkZvcm1GaWVsZFwiLFxufTogRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBVc2VkIHRvIGxpbmsgaGludCBhbmQgZXJyb3IgbWVzc2FnZXMgd2l0aCBmb3JtIGVsZW1lbnRcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICBsZXQgbGFiZWxDb250ZW50O1xuXG4gIGlmIChsYWJlbCkge1xuICAgIGxhYmVsQ29udGVudCA9IGhpZGVMYWJlbCA/IChcbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntsYWJlbH08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgKSA6IChcbiAgICAgIDxGb3JtTGFiZWxUZXh0IGxhYmVsSGludD17bGFiZWxIaW50fT57bGFiZWx9PC9Gb3JtTGFiZWxUZXh0PlxuICAgICk7XG4gIH1cblxuICBjb25zdCBtZXNzYWdlc0VsbSA9ICghIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggfHwgaGludCkgJiYgKFxuICAgIDxTdGFjayBzcGFjZT1cInh4c1wiIGlkPXttZXNzYWdlSWR9PlxuICAgICAgeyEhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgIDxGb3JtRXJyb3JNZXNzYWdlcyBtZXNzYWdlcz17dmFsaWRFcnJvck1lc3NhZ2VzfSAvPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIChcbiAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAge2hpbnR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT17aGlkZUxhYmVsID8gXCJ6ZXJvXCIgOiBcInhzXCJ9PlxuICAgICAgICAgICAge2xhYmVsQ29udGVudH1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7bWVzc2FnZXNFbG19XG4gICAgICA8L1N0YWNrPlxuICAgIDwvU3R5bGVkRm9ybUZpZWxkPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCd0IifQ== */");export function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,hideLabel=!1,children,messageId,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let labelContent;let validErrorMessages=errorMessages.filter(message=>message);label&&(labelContent=hideLabel?React.createElement(ScreenReaderText,null,label):React.createElement(FormLabelText,{labelHint:labelHint},label));let messagesElm=(!!validErrorMessages.length||hint)&&React.createElement(Stack,{space:"xxs",id:messageId},!!validErrorMessages.length&&React.createElement(FormErrorMessages,{messages:validErrorMessages}),hint&&React.createElement(Text,{size:"s",color:"tertiary"},hint));return React.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},React.createElement(Stack,{space:"xxs"},React.createElement("label",null,React.createElement(Stack,{space:hideLabel?"zero":"xs"},labelContent,children)),messagesElm))}
1
+ import React from"react";import styled from"@emotion/styled";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";import{FormErrorMessages}from"../FormErrorMessages/FormErrorMessages";import{FormLabelText}from"../FormLabelText/FormLabelText";import{ScreenReaderText}from"../../../shared/ScreenReaderText";let StyledFormField=styled("div",{target:"e8si15c0",label:"StyledFormField"})(({theme,disabled})=>({...disabled&&{cursor:"not-allowed",opacity:theme.variables.opacity.disabled,"& > *":{pointerEvents:"none"}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBoaWRlTGFiZWw/OiBib29sZWFuO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbWVzc2FnZUlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBGb3JtRmllbGRDb21wb25lbnRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVtdIHwgUmVhY3QuUmVhY3RFbGVtZW50O1xufSAmIEZvcm1GaWVsZFByb3BzO1xuXG5jb25zdCBTdHlsZWRGb3JtRmllbGQgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Rm9ybUZpZWxkUHJvcHM+PihcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgICBcIiYgPiAqXCI6IHtcbiAgICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEZvcm1GaWVsZCh7XG4gIGxhYmVsID0gXCJcIixcbiAgbGFiZWxIaW50ID0gXCJcIixcbiAgaGludCA9IFwiXCIsXG4gIGVycm9yTWVzc2FnZXMgPSBbXSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgaGlkZUxhYmVsID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBtZXNzYWdlSWQsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQgPSBcIkZvcm1GaWVsZFwiLFxufTogRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBVc2VkIHRvIGxpbmsgaGludCBhbmQgZXJyb3IgbWVzc2FnZXMgd2l0aCBmb3JtIGVsZW1lbnRcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICBsZXQgbGFiZWxDb250ZW50O1xuXG4gIGlmIChsYWJlbCkge1xuICAgIGxhYmVsQ29udGVudCA9IGhpZGVMYWJlbCA/IChcbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntsYWJlbH08L1NjcmVlblJlYWRlclRleHQ+XG4gICAgKSA6IChcbiAgICAgIDxGb3JtTGFiZWxUZXh0IGxhYmVsSGludD17bGFiZWxIaW50fT57bGFiZWx9PC9Gb3JtTGFiZWxUZXh0PlxuICAgICk7XG4gIH1cblxuICBjb25zdCBtZXNzYWdlc0VsbSA9ICghIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggfHwgaGludCkgJiYgKFxuICAgIDxTdGFjayBzcGFjZT1cInh4c1wiIGlkPXttZXNzYWdlSWR9PlxuICAgICAgeyEhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgIDxGb3JtRXJyb3JNZXNzYWdlcyBtZXNzYWdlcz17dmFsaWRFcnJvck1lc3NhZ2VzfSAvPlxuICAgICAgKX1cbiAgICAgIHtoaW50ICYmIChcbiAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAge2hpbnR9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgPC9TdGFjaz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT17aGlkZUxhYmVsID8gXCJ6ZXJvXCIgOiBcInhzXCJ9PlxuICAgICAgICAgICAge2xhYmVsQ29udGVudH1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7bWVzc2FnZXNFbG19XG4gICAgICA8L1N0YWNrPlxuICAgIDwvU3R5bGVkRm9ybUZpZWxkPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCd0IifQ== */");export function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,hideLabel=!1,children,messageId,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let labelContent,validErrorMessages=errorMessages.filter(message=>message);label&&(labelContent=hideLabel?React.createElement(ScreenReaderText,null,label):React.createElement(FormLabelText,{labelHint:labelHint},label));let messagesElm=(!!validErrorMessages.length||hint)&&React.createElement(Stack,{space:"xxs",id:messageId},!!validErrorMessages.length&&React.createElement(FormErrorMessages,{messages:validErrorMessages}),hint&&React.createElement(Text,{size:"s",color:"tertiary"},hint));return React.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},React.createElement(Stack,{space:"xxs"},React.createElement("label",null,React.createElement(Stack,{space:hideLabel?"zero":"xs"},labelContent,children)),messagesElm))}
@@ -1 +1 @@
1
- import{useId}from"react";import{appendId}from"../../../shared/appendId";export function useFormFieldMessageId({ariaDescribedBy,errorMessages=[],hint}){let id=useId(),validErrorMessages=errorMessages.filter(message=>message),ariaDescribedByProp={};return validErrorMessages.length||hint?ariaDescribedByProp={"aria-describedby":appendId(ariaDescribedBy,id)}:ariaDescribedBy&&(ariaDescribedByProp={"aria-describedby":ariaDescribedBy}),{id,ariaDescribedByProp}}
1
+ import{useId}from"react";import{appendId}from"../../../shared/appendId";export function useFormFieldMessageId({ariaDescribedBy,errorMessages=[],hint}){let id=useId(),ariaDescribedByProp={"aria-describedby":errorMessages.filter(message=>message).length||hint?appendId(ariaDescribedBy,id):ariaDescribedBy};return{id,ariaDescribedByProp}}
@@ -1,6 +1,6 @@
1
1
  import type { RefObject, ReactElement, ChangeEventHandler } from "react";
2
2
  import type { CommonSelectProps } from "../Combobox/Combobox";
3
- type TriggerProps = {
3
+ export type TriggerProps = {
4
4
  triggerRef: RefObject<HTMLButtonElement>;
5
5
  isOpen: boolean;
6
6
  disabled: boolean;
@@ -15,4 +15,3 @@ export type SelectWithCustomTriggerProps = {
15
15
  onChange: ChangeEventHandler<HTMLSelectElement>;
16
16
  } & Pick<CommonSelectProps, "optionsListWidth" | "options" | "maxHeight" | "disabled" | "name" | "portalContainer" | "autoComplete" | "readOnly">;
17
17
  export declare function SelectWithCustomTrigger({ renderTrigger, optionsListWidth, options, name, value, portalContainer, disabled, maxHeight, autoComplete, readOnly, onChange, }: SelectWithCustomTriggerProps): ReactElement;
18
- export {};
@@ -1 +1 @@
1
- import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{getOptionId,getOptionsListId,OptionsList}from"../Combobox/OptionsList";import{useKeyboard}from"../../../shared/useKeyboard";import{useTypeAheadSearch}from"./useTypeAheadSearch";let HiddenSelectInput=styled("select",{target:"e1ezcw310",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyB1c2VUeXBlQWhlYWRTZWFyY2ggfSBmcm9tIFwiLi91c2VUeXBlQWhlYWRTZWFyY2hcIjtcblxudHlwZSBUcmlnZ2VyUHJvcHMgPSB7XG4gIHRyaWdnZXJSZWY6IFJlZk9iamVjdDxIVE1MQnV0dG9uRWxlbWVudD47XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIHJvbGU6IHN0cmluZztcbiAgXCJhcmlhLWV4cGFuZGVkXCI/OiBib29sZWFuO1xuICBcImFyaWEtY29udHJvbHNcIj86IHN0cmluZztcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgPSB7XG4gIHJlbmRlclRyaWdnZXI6IChwcm9wczogVHJpZ2dlclByb3BzKSA9PiBSZWFjdEVsZW1lbnQ7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFNlbGVjdEVsZW1lbnQ+O1xufSAmIFBpY2s8XG4gIENvbW1vblNlbGVjdFByb3BzLFxuICB8IFwib3B0aW9uc0xpc3RXaWR0aFwiXG4gIHwgXCJvcHRpb25zXCJcbiAgfCBcIm1heEhlaWdodFwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJuYW1lXCJcbiAgfCBcInBvcnRhbENvbnRhaW5lclwiXG4gIHwgXCJhdXRvQ29tcGxldGVcIlxuICB8IFwicmVhZE9ubHlcIlxuPjtcblxuY29uc3QgSGlkZGVuU2VsZWN0SW5wdXQgPSBzdHlsZWQuc2VsZWN0KCgpID0+ICh7XG4gIGRpc3BsYXk6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIoe1xuICByZW5kZXJUcmlnZ2VyLFxuICBvcHRpb25zTGlzdFdpZHRoLFxuICBvcHRpb25zLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgcG9ydGFsQ29udGFpbmVyLFxuICBkaXNhYmxlZCxcbiAgbWF4SGVpZ2h0ID0gMjMwLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHJlYWRPbmx5ID0gZmFsc2UsXG4gIG9uQ2hhbmdlLFxufTogU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IFtzZWxlY3RlZEluZGV4LCBzZXRTZWxlY3RlZEluZGV4XSA9IHVzZVN0YXRlKC0xKTtcbiAgY29uc3QgdHJpZ2dlclJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgaGlkZGVuU2VsZWN0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBjdXJyZW50T3B0aW9uSW5kZXggPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZEluZGV4KChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLFxuICAgIFtvcHRpb25zLCB2YWx1ZV1cbiAgKTtcblxuICBjb25zdCBjbG9zZU9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmICghaXNPcGVuKSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4oZmFsc2UpO1xuICAgIHNldFNlbGVjdGVkSW5kZXgoLTEpO1xuICB9LCBbaXNPcGVuXSk7XG5cbiAgY29uc3Qgb3Blbk9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc09wZW4gfHwgcmVhZE9ubHkpIHJldHVybjtcblxuICAgIHNldElzT3Blbih0cnVlKTtcbiAgICAvLyBGb3IgU2FmYXJpIGJlY2F1c2UgY2xpY2sgb24gYSBidXR0b24gZG9lc24ndCBnaXZlIGl0IGZvY3VzXG4gICAgdHJpZ2dlclJlZi5jdXJyZW50Py5mb2N1cygpO1xuICB9LCBbaXNPcGVuLCByZWFkT25seV0pO1xuXG4gIGNvbnN0IHRvZ2dsZU9wdGlvbnNMaXN0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIGlmIChpc09wZW4pIHtcbiAgICAgIGNsb3NlT3B0aW9uc0xpc3QoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgb3Blbk9wdGlvbnNMaXN0KCk7XG4gICAgfVxuICB9LCBbaXNPcGVuLCBvcGVuT3B0aW9uc0xpc3QsIGNsb3NlT3B0aW9uc0xpc3RdKTtcblxuICBjb25zdCBoYW5kbGVTZWxlY3RlZEluZGV4Q2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGluZGV4OiBudW1iZXIpID0+IHNldFNlbGVjdGVkSW5kZXgoaW5kZXgpLFxuICAgIFtdXG4gICk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKG9wdGlvbjogU2VsZWN0T3B0aW9uKSA9PiB7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC52YWx1ZSA9IG9wdGlvbi52YWx1ZTtcbiAgICAgIGhpZGRlblNlbGVjdFJlZi5jdXJyZW50LmRpc3BhdGNoRXZlbnQoXG4gICAgICAgIG5ldyBFdmVudChcImNoYW5nZVwiLCB7IGJ1YmJsZXM6IHRydWUgfSlcbiAgICAgICk7XG4gICAgfSxcbiAgICBbaGlkZGVuU2VsZWN0UmVmXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZVNlYXJjaE1hdGNoID0gdXNlQ2FsbGJhY2soXG4gICAgKG1hdGNoZWRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICBpZiAobWF0Y2hlZEluZGV4ID09PSAtMSkgcmV0dXJuO1xuXG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHNldFNlbGVjdGVkSW5kZXgobWF0Y2hlZEluZGV4KTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGhhbmRsZUNoYW5nZShvcHRpb25zW21hdGNoZWRJbmRleF0pO1xuICAgICAgfVxuICAgIH0sXG4gICAgW2lzT3Blbiwgb3B0aW9ucywgc2V0U2VsZWN0ZWRJbmRleCwgaGFuZGxlQ2hhbmdlXVxuICApO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIEVudGVyOiAoZXZ0OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfSxcbiAgICAgIFwiQXJyb3dVcCBBcnJvd0Rvd25cIjogKCkgPT4ge1xuICAgICAgICBvcGVuT3B0aW9uc0xpc3QoKTtcbiAgICAgIH0sXG4gICAgfSxcbiAgICB0cmlnZ2VyUmVmLFxuICAgICFpc09wZW4gJiYgIWRpc2FibGVkXG4gICk7XG5cbiAgdXNlVHlwZUFoZWFkU2VhcmNoKHtcbiAgICBvcHRpb25zLFxuICAgIHRyaWdnZXJSZWYsXG4gICAgaXNBY3RpdmU6ICFkaXNhYmxlZCxcbiAgICBmcm9tSW5kZXg6IHNlbGVjdGVkSW5kZXggIT09IC0xID8gc2VsZWN0ZWRJbmRleCA6IGN1cnJlbnRPcHRpb25JbmRleCxcbiAgICBvbk1hdGNoOiBoYW5kbGVTZWFyY2hNYXRjaCxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCB0cmlnZ2VyRWxtID0gdHJpZ2dlclJlZi5jdXJyZW50O1xuICAgIC8vIHByZXZlbnQgZm9jdXMgb24gY2xpY2sgdG8gcHJldmVudCB0b2dnbGUgb3BlbiBzdGF0ZSBvbiBjbGljayBmb2xsb3dlZCBieSBmb2N1c1xuICAgIGNvbnN0IGhhbmRsZVBvaW50ZXJEb3duOiBQb2ludGVyRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50PiA9IChldnQpID0+IHtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH07XG5cbiAgICBpZiAodHJpZ2dlckVsbSAmJiAhZGlzYWJsZWQpIHtcbiAgICAgIHRyaWdnZXJFbG0uc2V0QXR0cmlidXRlKFwidGFiSW5kZXhcIiwgXCIwXCIpOyAvLyBGb3IgU2FmYXJpLCBiZWNhdXNlcyBidXR0b25zIGFyZSBub3QgZm9jdXNhYmxlIGJ5IGRlZmF1bHRcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcImZvY3VzXCIsIG9wZW5PcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJibHVyXCIsIGNsb3NlT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwicG9pbnRlcmRvd25cIiwgaGFuZGxlUG9pbnRlckRvd24pO1xuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwiY2xpY2tcIiwgdG9nZ2xlT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImZvY3VzXCIsIG9wZW5PcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJwb2ludGVyZG93blwiLCBoYW5kbGVQb2ludGVyRG93bik7XG4gICAgfTtcbiAgfSwgW1xuICAgIHRyaWdnZXJSZWYsXG4gICAgZGlzYWJsZWQsXG4gICAgb3Blbk9wdGlvbnNMaXN0LFxuICAgIGNsb3NlT3B0aW9uc0xpc3QsXG4gICAgdG9nZ2xlT3B0aW9uc0xpc3QsXG4gIF0pO1xuXG4gIGNvbnN0IG9wdGlvbnNMaXN0SWQgPSBnZXRPcHRpb25zTGlzdElkKG5hbWUpO1xuICBjb25zdCBhcmlhQWN0aXZlRGVzY2VuZGFudCA9XG4gICAgc2VsZWN0ZWRJbmRleCAhPT0gLTEgPyBnZXRPcHRpb25JZChuYW1lLCBvcHRpb25zW3NlbGVjdGVkSW5kZXhdLnZhbHVlKSA6IFwiXCI7XG4gIGNvbnN0IHRyaWdnZXJFbG0gPSByZW5kZXJUcmlnZ2VyKHtcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGlzT3BlbixcbiAgICBkaXNhYmxlZCxcbiAgICByb2xlOiBcImNvbWJvYm94XCIsXG4gICAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIjogaXNPcGVuID8gYXJpYUFjdGl2ZURlc2NlbmRhbnQgOiBcIlwiLFxuICAgIFwiYXJpYS1jb250cm9sc1wiOiBpc09wZW4gPyBvcHRpb25zTGlzdElkIDogXCJcIixcbiAgICBcImFyaWEtZXhwYW5kZWRcIjogaXNPcGVuLFxuICB9KTtcblxuICBjb25zdCBvcHRpb25zTGlzdEVsbSA9IChcbiAgICA8T3B0aW9uc0xpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBpc09wZW49e2lzT3Blbn1cbiAgICAgIGlzVmlydHVhbGl6ZWQ9e2ZhbHNlfVxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHRyaWdnZXJSZWY9e3RyaWdnZXJSZWZ9XG4gICAgICBvbkNsb3NlRHJvcGRvd249e2Nsb3NlT3B0aW9uc0xpc3R9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIHNlbGVjdGVkSW5kZXg9e3NlbGVjdGVkSW5kZXh9XG4gICAgICBvblNlbGVjdGVkSW5kZXhDaGFuZ2U9e2hhbmRsZVNlbGVjdGVkSW5kZXhDaGFuZ2V9XG4gICAgICBmb3JjZUNoYW5nZUZha2VTZWxlY3Q9e2hhbmRsZUNoYW5nZX1cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgb3B0aW9uc0xpc3RXaWR0aD17b3B0aW9uc0xpc3RXaWR0aH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHt0cmlnZ2VyRWxtfVxuICAgICAge29wdGlvbnNMaXN0RWxtfVxuICAgICAgPEhpZGRlblNlbGVjdElucHV0XG4gICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICByZWY9e2hpZGRlblNlbGVjdFJlZn1cbiAgICAgICAgYXV0b0NvbXBsZXRlPXthdXRvQ29tcGxldGV9XG4gICAgICA+XG4gICAgICAgIDxvcHRpb24gdmFsdWU9XCJcIiBhcmlhLWxhYmVsPVwiRW1wdHkgb3B0aW9uXCIgLz5cbiAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24pID0+IChcbiAgICAgICAgICA8b3B0aW9uIHZhbHVlPXtvcHRpb24udmFsdWV9IGtleT17b3B0aW9uLnZhbHVlfT5cbiAgICAgICAgICAgIHtvcHRpb24ubGFiZWx9XG4gICAgICAgICAgPC9vcHRpb24+XG4gICAgICAgICkpfVxuICAgICAgPC9IaWRkZW5TZWxlY3RJbnB1dD5cbiAgICA8Lz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRDBCIn0= */");export function SelectWithCustomTrigger({renderTrigger,optionsListWidth,options,name,value,portalContainer,disabled,maxHeight=230,autoComplete="on",readOnly=!1,onChange}){let[isOpen,setIsOpen]=useState(!1),[selectedIndex,setSelectedIndex]=useState(-1),triggerRef=useRef(null),hiddenSelectRef=useRef(null),currentOptionIndex=useMemo(()=>options.findIndex(option=>option.value===value),[options,value]),closeOptionsList=useCallback(()=>{isOpen&&(setIsOpen(!1),setSelectedIndex(-1))},[isOpen]),openOptionsList=useCallback(()=>{isOpen||readOnly||(setIsOpen(!0),triggerRef.current?.focus())},[isOpen,readOnly]),toggleOptionsList=useCallback(()=>{isOpen?closeOptionsList():openOptionsList()},[isOpen,openOptionsList,closeOptionsList]),handleSelectedIndexChange=useCallback(index=>setSelectedIndex(index),[]),handleChange=useCallback(option=>{hiddenSelectRef.current.value=option.value,hiddenSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[hiddenSelectRef]),handleSearchMatch=useCallback(matchedIndex=>{-1!==matchedIndex&&(isOpen?setSelectedIndex(matchedIndex):handleChange(options[matchedIndex]))},[isOpen,options,setSelectedIndex,handleChange]);useKeyboard({Enter:evt=>{evt.preventDefault()},"ArrowUp ArrowDown":()=>{openOptionsList()}},triggerRef,!isOpen&&!disabled),useTypeAheadSearch({options,triggerRef,isActive:!disabled,fromIndex:-1!==selectedIndex?selectedIndex:currentOptionIndex,onMatch:handleSearchMatch}),useEffect(()=>{let triggerElm=triggerRef.current,handlePointerDown=evt=>{evt.preventDefault()};return triggerElm&&!disabled&&(triggerElm.setAttribute("tabIndex","0"),triggerElm.addEventListener("click",toggleOptionsList),triggerElm.addEventListener("focus",openOptionsList),triggerElm.addEventListener("blur",closeOptionsList),triggerElm.addEventListener("pointerdown",handlePointerDown)),()=>{triggerElm?.removeEventListener("click",toggleOptionsList),triggerElm?.removeEventListener("focus",openOptionsList),triggerElm?.removeEventListener("blur",closeOptionsList),triggerElm?.removeEventListener("pointerdown",handlePointerDown)}},[triggerRef,disabled,openOptionsList,closeOptionsList,toggleOptionsList]);let optionsListId=getOptionsListId(name),ariaActiveDescendant=-1!==selectedIndex?getOptionId(name,options[selectedIndex].value):"",triggerElm=renderTrigger({triggerRef,isOpen,disabled,role:"combobox","aria-activedescendant":isOpen?ariaActiveDescendant:"","aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen}),optionsListElm=React.createElement(OptionsList,{name:name,isOpen:isOpen,isVirtualized:!1,options:options,triggerRef:triggerRef,onCloseDropdown:closeOptionsList,portalContainer:portalContainer,selectedIndex:selectedIndex,onSelectedIndexChange:handleSelectedIndexChange,forceChangeFakeSelect:handleChange,value:value,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth});return React.createElement(React.Fragment,null,triggerElm,optionsListElm,React.createElement(HiddenSelectInput,{name:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},React.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>React.createElement("option",{value:option.value,key:option.value},option.label))))}
1
+ import React,{useState,useRef,useEffect,useCallback,useMemo}from"react";import styled from"@emotion/styled";import{getOptionId,getOptionsListId,OptionsList}from"../Combobox/OptionsList";import{useKeyboard}from"../../../shared/useKeyboard";import{useTypeAheadSearch}from"./useTypeAheadSearch";let HiddenSelectInput=styled("select",{target:"e58t0660",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyB1c2VUeXBlQWhlYWRTZWFyY2ggfSBmcm9tIFwiLi91c2VUeXBlQWhlYWRTZWFyY2hcIjtcblxuZXhwb3J0IHR5cGUgVHJpZ2dlclByb3BzID0ge1xuICB0cmlnZ2VyUmVmOiBSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBpc09wZW46IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByb2xlOiBzdHJpbmc7XG4gIFwiYXJpYS1leHBhbmRlZFwiPzogYm9vbGVhbjtcbiAgXCJhcmlhLWNvbnRyb2xzXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzID0ge1xuICByZW5kZXJUcmlnZ2VyOiAocHJvcHM6IFRyaWdnZXJQcm9wcykgPT4gUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxTZWxlY3RFbGVtZW50Pjtcbn0gJiBQaWNrPFxuICBDb21tb25TZWxlY3RQcm9wcyxcbiAgfCBcIm9wdGlvbnNMaXN0V2lkdGhcIlxuICB8IFwib3B0aW9uc1wiXG4gIHwgXCJtYXhIZWlnaHRcIlxuICB8IFwiZGlzYWJsZWRcIlxuICB8IFwibmFtZVwiXG4gIHwgXCJwb3J0YWxDb250YWluZXJcIlxuICB8IFwiYXV0b0NvbXBsZXRlXCJcbiAgfCBcInJlYWRPbmx5XCJcbj47XG5cbmNvbnN0IEhpZGRlblNlbGVjdElucHV0ID0gc3R5bGVkLnNlbGVjdCgoKSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyKHtcbiAgcmVuZGVyVHJpZ2dlcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgZGlzYWJsZWQsXG4gIG1heEhlaWdodCA9IDIzMCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbn06IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGhpZGRlblNlbGVjdFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgY3VycmVudE9wdGlvbkluZGV4ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmRJbmRleCgob3B0aW9uKSA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKSxcbiAgICBbb3B0aW9ucywgdmFsdWVdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3BlbikgcmV0dXJuO1xuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBzZXRTZWxlY3RlZEluZGV4KC0xKTtcbiAgfSwgW2lzT3Blbl0pO1xuXG4gIGNvbnN0IG9wZW5PcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuIHx8IHJlYWRPbmx5KSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgLy8gRm9yIFNhZmFyaSBiZWNhdXNlIGNsaWNrIG9uIGEgYnV0dG9uIGRvZXNuJ3QgZ2l2ZSBpdCBmb2N1c1xuICAgIHRyaWdnZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW2lzT3BlbiwgcmVhZE9ubHldKTtcblxuICBjb25zdCB0b2dnbGVPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjbG9zZU9wdGlvbnNMaXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG9wZW5PcHRpb25zTGlzdCgpO1xuICAgIH1cbiAgfSwgW2lzT3Blbiwgb3Blbk9wdGlvbnNMaXN0LCBjbG9zZU9wdGlvbnNMaXN0XSk7XG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ZWRJbmRleENoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChpbmRleDogbnVtYmVyKSA9PiBzZXRTZWxlY3RlZEluZGV4KGluZGV4KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgaGlkZGVuU2VsZWN0UmVmLmN1cnJlbnQudmFsdWUgPSBvcHRpb24udmFsdWU7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgRXZlbnQoXCJjaGFuZ2VcIiwgeyBidWJibGVzOiB0cnVlIH0pXG4gICAgICApO1xuICAgIH0sXG4gICAgW2hpZGRlblNlbGVjdFJlZl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZWFyY2hNYXRjaCA9IHVzZUNhbGxiYWNrKFxuICAgIChtYXRjaGVkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKG1hdGNoZWRJbmRleCA9PT0gLTEpIHJldHVybjtcblxuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KG1hdGNoZWRJbmRleCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDaGFuZ2Uob3B0aW9uc1ttYXRjaGVkSW5kZXhdKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wdGlvbnMsIHNldFNlbGVjdGVkSW5kZXgsIGhhbmRsZUNoYW5nZV1cbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBFbnRlcjogKGV2dDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH0sXG4gICAgICBcIkFycm93VXAgQXJyb3dEb3duXCI6ICgpID0+IHtcbiAgICAgICAgb3Blbk9wdGlvbnNMaXN0KCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgdHJpZ2dlclJlZixcbiAgICAhaXNPcGVuICYmICFkaXNhYmxlZFxuICApO1xuXG4gIHVzZVR5cGVBaGVhZFNlYXJjaCh7XG4gICAgb3B0aW9ucyxcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGlzQWN0aXZlOiAhZGlzYWJsZWQsXG4gICAgZnJvbUluZGV4OiBzZWxlY3RlZEluZGV4ICE9PSAtMSA/IHNlbGVjdGVkSW5kZXggOiBjdXJyZW50T3B0aW9uSW5kZXgsXG4gICAgb25NYXRjaDogaGFuZGxlU2VhcmNoTWF0Y2gsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlckVsbSA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAvLyBwcmV2ZW50IGZvY3VzIG9uIGNsaWNrIHRvIHByZXZlbnQgdG9nZ2xlIG9wZW4gc3RhdGUgb24gY2xpY2sgZm9sbG93ZWQgYnkgZm9jdXNcbiAgICBjb25zdCBoYW5kbGVQb2ludGVyRG93bjogUG9pbnRlckV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZXZ0KSA9PiB7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9O1xuXG4gICAgaWYgKHRyaWdnZXJFbG0gJiYgIWRpc2FibGVkKSB7XG4gICAgICB0cmlnZ2VyRWxtLnNldEF0dHJpYnV0ZShcInRhYkluZGV4XCIsIFwiMFwiKTsgLy8gRm9yIFNhZmFyaSwgYmVjYXVzZXMgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0b2dnbGVPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcInBvaW50ZXJkb3duXCIsIGhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImJsdXJcIiwgY2xvc2VPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwicG9pbnRlcmRvd25cIiwgaGFuZGxlUG9pbnRlckRvd24pO1xuICAgIH07XG4gIH0sIFtcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW5PcHRpb25zTGlzdCxcbiAgICBjbG9zZU9wdGlvbnNMaXN0LFxuICAgIHRvZ2dsZU9wdGlvbnNMaXN0LFxuICBdKTtcblxuICBjb25zdCBvcHRpb25zTGlzdElkID0gZ2V0T3B0aW9uc0xpc3RJZChuYW1lKTtcbiAgY29uc3QgYXJpYUFjdGl2ZURlc2NlbmRhbnQgPVxuICAgIHNlbGVjdGVkSW5kZXggIT09IC0xID8gZ2V0T3B0aW9uSWQobmFtZSwgb3B0aW9uc1tzZWxlY3RlZEluZGV4XS52YWx1ZSkgOiBcIlwiO1xuICBjb25zdCB0cmlnZ2VyRWxtID0gcmVuZGVyVHJpZ2dlcih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBpc09wZW4sXG4gICAgZGlzYWJsZWQsXG4gICAgcm9sZTogXCJjb21ib2JveFwiLFxuICAgIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGlzT3BlbiA/IGFyaWFBY3RpdmVEZXNjZW5kYW50IDogXCJcIixcbiAgICBcImFyaWEtY29udHJvbHNcIjogaXNPcGVuID8gb3B0aW9uc0xpc3RJZCA6IFwiXCIsXG4gICAgXCJhcmlhLWV4cGFuZGVkXCI6IGlzT3BlbixcbiAgfSk7XG5cbiAgY29uc3Qgb3B0aW9uc0xpc3RFbG0gPSAoXG4gICAgPE9wdGlvbnNMaXN0XG4gICAgICBuYW1lPXtuYW1lfVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBpc1ZpcnR1YWxpemVkPXtmYWxzZX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB0cmlnZ2VyUmVmPXt0cmlnZ2VyUmVmfVxuICAgICAgb25DbG9zZURyb3Bkb3duPXtjbG9zZU9wdGlvbnNMaXN0fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBzZWxlY3RlZEluZGV4PXtzZWxlY3RlZEluZGV4fVxuICAgICAgb25TZWxlY3RlZEluZGV4Q2hhbmdlPXtoYW5kbGVTZWxlY3RlZEluZGV4Q2hhbmdlfVxuICAgICAgZm9yY2VDaGFuZ2VGYWtlU2VsZWN0PXtoYW5kbGVDaGFuZ2V9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHtvcHRpb25zTGlzdEVsbX1cbiAgICAgIDxIaWRkZW5TZWxlY3RJbnB1dFxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgcmVmPXtoaWRkZW5TZWxlY3RSZWZ9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgPlxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwiXCIgYXJpYS1sYWJlbD1cIkVtcHR5IG9wdGlvblwiIC8+XG4gICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uKSA9PiAoXG4gICAgICAgICAgPG9wdGlvbiB2YWx1ZT17b3B0aW9uLnZhbHVlfSBrZXk9e29wdGlvbi52YWx1ZX0+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICApKX1cbiAgICAgIDwvSGlkZGVuU2VsZWN0SW5wdXQ+XG4gICAgPC8+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQwQiJ9 */");export function SelectWithCustomTrigger({renderTrigger,optionsListWidth,options,name,value,portalContainer,disabled,maxHeight=230,autoComplete="on",readOnly=!1,onChange}){let[isOpen,setIsOpen]=useState(!1),[selectedIndex,setSelectedIndex]=useState(-1),triggerRef=useRef(null),hiddenSelectRef=useRef(null),currentOptionIndex=useMemo(()=>options.findIndex(option=>option.value===value),[options,value]),closeOptionsList=useCallback(()=>{isOpen&&(setIsOpen(!1),setSelectedIndex(-1))},[isOpen]),openOptionsList=useCallback(()=>{isOpen||readOnly||(setIsOpen(!0),triggerRef.current?.focus())},[isOpen,readOnly]),toggleOptionsList=useCallback(()=>{isOpen?closeOptionsList():openOptionsList()},[isOpen,openOptionsList,closeOptionsList]),handleSelectedIndexChange=useCallback(index=>setSelectedIndex(index),[]),handleChange=useCallback(option=>{hiddenSelectRef.current.value=option.value,hiddenSelectRef.current.dispatchEvent(new Event("change",{bubbles:!0}))},[hiddenSelectRef]),handleSearchMatch=useCallback(matchedIndex=>{-1!==matchedIndex&&(isOpen?setSelectedIndex(matchedIndex):handleChange(options[matchedIndex]))},[isOpen,options,setSelectedIndex,handleChange]);useKeyboard({Enter:evt=>{evt.preventDefault()},"ArrowUp ArrowDown":()=>{openOptionsList()}},triggerRef,!isOpen&&!disabled),useTypeAheadSearch({options,triggerRef,isActive:!disabled,fromIndex:-1!==selectedIndex?selectedIndex:currentOptionIndex,onMatch:handleSearchMatch}),useEffect(()=>{let triggerElm=triggerRef.current,handlePointerDown=evt=>{evt.preventDefault()};return triggerElm&&!disabled&&(triggerElm.setAttribute("tabIndex","0"),triggerElm.addEventListener("click",toggleOptionsList),triggerElm.addEventListener("focus",openOptionsList),triggerElm.addEventListener("blur",closeOptionsList),triggerElm.addEventListener("pointerdown",handlePointerDown)),()=>{triggerElm?.removeEventListener("click",toggleOptionsList),triggerElm?.removeEventListener("focus",openOptionsList),triggerElm?.removeEventListener("blur",closeOptionsList),triggerElm?.removeEventListener("pointerdown",handlePointerDown)}},[triggerRef,disabled,openOptionsList,closeOptionsList,toggleOptionsList]);let optionsListId=getOptionsListId(name),ariaActiveDescendant=-1!==selectedIndex?getOptionId(name,options[selectedIndex].value):"",triggerElm=renderTrigger({triggerRef,isOpen,disabled,role:"combobox","aria-activedescendant":isOpen?ariaActiveDescendant:"","aria-controls":isOpen?optionsListId:"","aria-expanded":isOpen}),optionsListElm=React.createElement(OptionsList,{name:name,isOpen:isOpen,isVirtualized:!1,options:options,triggerRef:triggerRef,onCloseDropdown:closeOptionsList,portalContainer:portalContainer,selectedIndex:selectedIndex,onSelectedIndexChange:handleSelectedIndexChange,forceChangeFakeSelect:handleChange,value:value,disabled:disabled,maxHeight:maxHeight,optionsListWidth:optionsListWidth});return React.createElement(React.Fragment,null,triggerElm,optionsListElm,React.createElement(HiddenSelectInput,{name:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},React.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>React.createElement("option",{value:option.value,key:option.value},option.label))))}
@@ -1 +1 @@
1
- import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";function getItemIndices(page,numOfItemsPerPage,numOfItems){let lastItemIndex=page*numOfItemsPerPage,itemsPerPage=numOfItemsPerPage;return lastItemIndex>numOfItems&&(itemsPerPage-=lastItemIndex-numOfItems,lastItemIndex=numOfItems),[lastItemIndex-itemsPerPage+1,lastItemIndex]}export function Pagination({numOfItems,numOfItemsPerPage=1,currentPage,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick}){let label;let itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel():`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)}}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)}}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
1
+ import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";function getItemIndices(page,numOfItemsPerPage,numOfItems){let lastItemIndex=page*numOfItemsPerPage,itemsPerPage=numOfItemsPerPage;return lastItemIndex>numOfItems&&(itemsPerPage-=lastItemIndex-numOfItems,lastItemIndex=numOfItems),[lastItemIndex-itemsPerPage+1,lastItemIndex]}export function Pagination({numOfItems,numOfItemsPerPage=1,currentPage,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel():`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)}}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)}}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
@@ -28,6 +28,7 @@ type BaseProps = {
28
28
  isFullScreen?: boolean;
29
29
  isMaxWidthLimit?: boolean;
30
30
  size?: "m" | "l";
31
+ "aria-describedby"?: string;
31
32
  };
32
33
  type ConditionalProps = {
33
34
  /** Aspect ratio 16:9 */
@@ -43,9 +44,8 @@ export declare const StyledBackdrop: import("@emotion/styled").StyledComponent<{
43
44
  theme?: Theme;
44
45
  as?: React.ElementType;
45
46
  } & Partial<BaseProps>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
46
- export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal }, portalContainer, "data-e2e-test-id": dataE2eTestId, }: ModalProps): React.ReactElement;
47
+ export declare function Modal({ header, subHeader, labelHeader, children, imageUrl, ImageComponent, secondaryButton, cancelButtonLabel, isDismissible, isFullScreen, isMaxWidthLimit, actionButton, role, onAction, size, privateProps: { skipPortal }, portalContainer, "aria-describedby": ariaDescribedBy, "data-e2e-test-id": dataE2eTestId, }: ModalProps): React.ReactElement;
47
48
  export declare namespace Modal {
48
- var defaultProps: Partial<ModalProps>;
49
49
  var Stack: ({ children, ...rest }: Omit<StackProps, "space">) => React.JSX.Element;
50
50
  var Text: ({ children, ...rest }: Omit<TextProps, "size" | "variant">) => React.JSX.Element;
51
51
  }