@amboss/design-system 3.0.1 → 3.0.2
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.
- package/build/cjs/components/Card/Card.d.ts +2 -1
- package/build/cjs/components/Card/Card.js +1 -1
- package/build/cjs/components/Container/Container.d.ts +2 -1
- package/build/cjs/components/Container/Container.js +1 -1
- package/build/cjs/components/Form/Checkbox/Checkbox.js +1 -1
- package/build/cjs/components/Form/Combobox/Combobox.js +1 -1
- package/build/cjs/components/Form/Combobox/OptionsList.d.ts +3 -3
- package/build/cjs/components/Form/Combobox/OptionsList.js +1 -1
- package/build/cjs/components/Form/Combobox/StyledSelectComponents.d.ts +2 -1
- package/build/cjs/components/Form/Combobox/StyledSelectComponents.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControl.js +1 -1
- package/build/cjs/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/cjs/components/Form/Select/Select.d.ts +1 -1
- package/build/cjs/components/Form/Select/Select.js +1 -1
- package/build/cjs/components/Form/Select/SelectWithCustomTrigger.d.ts +3 -2
- package/build/cjs/components/Form/Select/SelectWithCustomTrigger.js +1 -1
- package/build/cjs/components/Sheet/Sheet.js +1 -1
- package/build/cjs/components/Tabs/Tabs.d.ts +7 -1
- package/build/cjs/components/Tabs/Tabs.js +1 -1
- package/build/cjs/components/Toggletip/BasePopover.js +1 -1
- package/build/cjs/components/Tooltip/utils.js +1 -1
- package/build/cjs/components/Typography/Text/Text.js +1 -1
- package/build/cjs/shared/FocusTrapWrapper.d.ts +3 -2
- package/build/cjs/shared/FocusTrapWrapper.js +1 -1
- package/build/esm/components/Card/Card.d.ts +2 -1
- package/build/esm/components/Card/Card.js +1 -1
- package/build/esm/components/Container/Container.d.ts +2 -1
- package/build/esm/components/Container/Container.js +1 -1
- package/build/esm/components/Form/Checkbox/Checkbox.js +1 -1
- package/build/esm/components/Form/Combobox/Combobox.js +1 -1
- package/build/esm/components/Form/Combobox/OptionsList.d.ts +3 -3
- package/build/esm/components/Form/Combobox/OptionsList.js +1 -1
- package/build/esm/components/Form/Combobox/StyledSelectComponents.d.ts +2 -1
- package/build/esm/components/Form/Combobox/StyledSelectComponents.js +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControl.js +1 -1
- package/build/esm/components/Form/SegmentedControl/SegmentedControlOption.js +1 -1
- package/build/esm/components/Form/Select/Select.d.ts +1 -1
- package/build/esm/components/Form/Select/Select.js +1 -1
- package/build/esm/components/Form/Select/SelectWithCustomTrigger.d.ts +3 -2
- package/build/esm/components/Form/Select/SelectWithCustomTrigger.js +1 -1
- package/build/esm/components/Sheet/Sheet.js +1 -1
- package/build/esm/components/Tabs/Tabs.d.ts +7 -1
- package/build/esm/components/Tabs/Tabs.js +1 -1
- package/build/esm/components/Toggletip/BasePopover.js +1 -1
- package/build/esm/components/Tooltip/utils.js +1 -1
- package/build/esm/components/Typography/Text/Text.js +1 -1
- package/build/esm/shared/FocusTrapWrapper.d.ts +3 -2
- package/build/esm/shared/FocusTrapWrapper.js +1 -1
- package/package.json +1 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{FormField}from"../FormField/FormField";import{SelectWithCustomTrigger}from"./SelectWithCustomTrigger";import{Icon}from"../../Icon/Icon";import{Inline}from"../../Inline/Inline";import{TextClamped}from"../../Typography/TextClamped/TextClamped";let StyledButton=/*#__PURE__*/styled("button",{target:"ekirqdw0",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIEZvY3VzRXZlbnRIYW5kbGVyLCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgdHlwZSB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbnR5cGUgU3R5bGVkQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBUcmlnZ2VyQnV0dG9uUHJvcHMsXG4gIFwiaGFzRXJyb3JcIiB8IFwiaXNQbGFjZWhvbGRlclZpc2libGVcIiB8IFwicmVhZE9ubHlcIlxuPjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgaXNQbGFjZWhvbGRlclZpc2libGUsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgW2AmW3R5cGU9XCJidXR0b25cIl1gXToge1xuICAgICAgLy8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgbWFyZ2luOiAwLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuXG4gICAgLi4uKHJlYWRPbmx5ICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQsXG4gICAgfSksXG5cbiAgICAuLi4oaXNQbGFjZWhvbGRlclZpc2libGUgJiYge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgIH0pLFxuXG4gICAgLi4uKGhhc0Vycm9yICYmIHtcbiAgICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFRyaWdnZXJJY29uID0gc3R5bGVkKEljb24pKFxuICAoKSA9PlxuICAgICh7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cbnR5cGUgVHJpZ2dlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpc1BsYWNlaG9sZGVyVmlzaWJsZTogYm9vbGVhbjtcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8U2VsZWN0UHJvcHMsIFwiaGFzRXJyb3JcIiB8IFwib25Gb2N1c1wiIHwgXCJvbkJsdXJcIiB8IFwicmVhZE9ubHlcIj47XG5cbmZ1bmN0aW9uIFRyaWdnZXJCdXR0b24oe1xuICB0cmlnZ2VyUmVmLFxuICBkaXNhYmxlZCxcbiAgaXNPcGVuLFxuICBoYXNFcnJvcixcbiAgaXNQbGFjZWhvbGRlclZpc2libGUsXG4gIHJvbGUsXG4gIFwiYXJpYS1leHBhbmRlZFwiOiBhcmlhRXhwYW5kZWQsXG4gIFwiYXJpYS1jb250cm9sc1wiOiBhcmlhQ29udHJvbHMsXG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGFyaWFBY3RpdmVEZXNjZW5kYW50LFxuICByZWFkT25seSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBjaGlsZHJlbixcbn06IFRyaWdnZXJCdXR0b25Qcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgcmVmPXt0cmlnZ2VyUmVmfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgPFRleHRDbGFtcGVkIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifT5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICBuYW1lPXtpc09wZW4gPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgY29sb3I9e3JlYWRPbmx5ID8gXCJxdWF0ZXJuYXJ5XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgIC8+XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IHR5cGUgU2VsZWN0UHJvcHMgPSB7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIEZvcm1GaWVsZFByb3BzO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VsZWN0KHtcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBkaXNhYmxlZCxcbiAgcG9ydGFsQ29udGFpbmVyLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBsYWJlbCxcbiAgbGFiZWxIaW50LFxuICBoaWRlTGFiZWwsXG4gIGhpbnQsXG4gIGVycm9yTWVzc2FnZXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgcmVuZGVyVHJpZ2dlcj17KHtcbiAgICAgICAgdHJpZ2dlclJlZixcbiAgICAgICAgaXNPcGVuLFxuICAgICAgICByb2xlLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICAgICAgICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICAgICAgICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgICAgIH0pID0+IChcbiAgICAgICAgPEZvcm1GaWVsZFxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgbGFiZWxIaW50PXtsYWJlbEhpbnR9XG4gICAgICAgICAgaGludD17aGludH1cbiAgICAgICAgICBlcnJvck1lc3NhZ2VzPXtlcnJvck1lc3NhZ2VzfVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgZGF0YS1kcy1pZD1cIlNlbGVjdFwiXG4gICAgICAgID5cbiAgICAgICAgICA8VHJpZ2dlckJ1dHRvblxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3NlbGVjdGVkT3B0aW9uID8gc2VsZWN0ZWRPcHRpb24ubGFiZWwgOiBwbGFjZWhvbGRlcn1cbiAgICAgICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgICAgIDwvRm9ybUZpZWxkPlxuICAgICAgKX1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUIifQ== */"),StyledTriggerIcon=/*#__PURE__*/styled(Icon,{target:"ekirqdw1",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIEZvY3VzRXZlbnRIYW5kbGVyLCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgdHlwZSB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbnR5cGUgU3R5bGVkQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBUcmlnZ2VyQnV0dG9uUHJvcHMsXG4gIFwiaGFzRXJyb3JcIiB8IFwiaXNQbGFjZWhvbGRlclZpc2libGVcIiB8IFwicmVhZE9ubHlcIlxuPjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxTdHlsZWRCdXR0b25Qcm9wcz4oXG4gICh7IHRoZW1lLCBoYXNFcnJvciwgaXNQbGFjZWhvbGRlclZpc2libGUsIHJlYWRPbmx5IH0pID0+ICh7XG4gICAgW2AmW3R5cGU9XCJidXR0b25cIl1gXToge1xuICAgICAgLy8gaW5jcmVhc2Ugc3BlY2lmaWNpdHlcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgbWFyZ2luOiAwLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucHJpbWFyeS5kZWZhdWx0LFxuICAgIGJvcmRlcldpZHRoOiBcIjFweFwiLFxuICAgIGJvcmRlclN0eWxlOiBcInNvbGlkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0LFxuXG4gICAgLi4uKHJlYWRPbmx5ICYmIHtcbiAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnByaW1hcnkuZGlzYWJsZWQsXG4gICAgfSksXG5cbiAgICAuLi4oaXNQbGFjZWhvbGRlclZpc2libGUgJiYge1xuICAgICAgZm9udFN0eWxlOiBcIml0YWxpY1wiLFxuICAgIH0pLFxuXG4gICAgLi4uKGhhc0Vycm9yICYmIHtcbiAgICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCBpbnNldCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdH1gLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuZXJyb3IuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmNvbnN0IFN0eWxlZFRyaWdnZXJJY29uID0gc3R5bGVkKEljb24pKFxuICAoKSA9PlxuICAgICh7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcIm5vbmVcIixcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cbnR5cGUgVHJpZ2dlckJ1dHRvblByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBpc1BsYWNlaG9sZGVyVmlzaWJsZTogYm9vbGVhbjtcbn0gJiBQYXJhbWV0ZXJzPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHNbXCJyZW5kZXJUcmlnZ2VyXCJdPlswXSAmXG4gIFBpY2s8U2VsZWN0UHJvcHMsIFwiaGFzRXJyb3JcIiB8IFwib25Gb2N1c1wiIHwgXCJvbkJsdXJcIiB8IFwicmVhZE9ubHlcIj47XG5cbmZ1bmN0aW9uIFRyaWdnZXJCdXR0b24oe1xuICB0cmlnZ2VyUmVmLFxuICBkaXNhYmxlZCxcbiAgaXNPcGVuLFxuICBoYXNFcnJvcixcbiAgaXNQbGFjZWhvbGRlclZpc2libGUsXG4gIHJvbGUsXG4gIFwiYXJpYS1leHBhbmRlZFwiOiBhcmlhRXhwYW5kZWQsXG4gIFwiYXJpYS1jb250cm9sc1wiOiBhcmlhQ29udHJvbHMsXG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGFyaWFBY3RpdmVEZXNjZW5kYW50LFxuICByZWFkT25seSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxuICBjaGlsZHJlbixcbn06IFRyaWdnZXJCdXR0b25Qcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgcmVmPXt0cmlnZ2VyUmVmfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgcm9sZT17cm9sZX1cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgPFRleHRDbGFtcGVkIGNvbG9yPXtpc1BsYWNlaG9sZGVyVmlzaWJsZSA/IFwidGVydGlhcnlcIiA6IFwicHJpbWFyeVwifT5cbiAgICAgICAgICB7cmVhZE9ubHkgJiYgaXNQbGFjZWhvbGRlclZpc2libGUgPyBudWxsIDogY2hpbGRyZW59XG4gICAgICAgIDwvVGV4dENsYW1wZWQ+XG4gICAgICAgIDxTdHlsZWRUcmlnZ2VySWNvblxuICAgICAgICAgIHNpemU9XCJtXCJcbiAgICAgICAgICBuYW1lPXtpc09wZW4gPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgY29sb3I9e3JlYWRPbmx5ID8gXCJxdWF0ZXJuYXJ5XCIgOiBcInRlcnRpYXJ5XCJ9XG4gICAgICAgIC8+XG4gICAgICA8L0lubGluZT5cbiAgICA8L1N0eWxlZEJ1dHRvbj5cbiAgKTtcbn1cblxuZXhwb3J0IHR5cGUgU2VsZWN0UHJvcHMgPSB7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIG9uRm9jdXM/OiBGb2N1c0V2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD47XG4gIG9uQmx1cj86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50Pjtcbn0gJiBPbWl0PFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMsIFwicmVuZGVyVHJpZ2dlclwiPiAmXG4gIEZvcm1GaWVsZFByb3BzO1xuXG5leHBvcnQgZnVuY3Rpb24gU2VsZWN0KHtcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBoYXNFcnJvcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgbWF4SGVpZ2h0LFxuICBkaXNhYmxlZCxcbiAgcG9ydGFsQ29udGFpbmVyLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBsYWJlbCxcbiAgbGFiZWxIaW50LFxuICBoaWRlTGFiZWwsXG4gIGhpbnQsXG4gIGVycm9yTWVzc2FnZXMsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvbkNoYW5nZSxcbiAgb25Gb2N1cyxcbiAgb25CbHVyLFxufTogU2VsZWN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZE9wdGlvbiA9IG9wdGlvbnM/LmZpbmQoKG9wdGlvbikgPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSk7XG4gIGNvbnN0IGlzUGxhY2Vob2xkZXJWaXNpYmxlID0gcGxhY2Vob2xkZXIgJiYgIXZhbHVlO1xuXG4gIHJldHVybiAoXG4gICAgPFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyXG4gICAgICBvcHRpb25zPXtvcHRpb25zfVxuICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgbmFtZT17bmFtZX1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIHBvcnRhbENvbnRhaW5lcj17cG9ydGFsQ29udGFpbmVyfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgcmVuZGVyVHJpZ2dlcj17KHtcbiAgICAgICAgdHJpZ2dlclJlZixcbiAgICAgICAgaXNPcGVuLFxuICAgICAgICByb2xlLFxuICAgICAgICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICAgICAgICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICAgICAgICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgICAgIH0pID0+IChcbiAgICAgICAgPEZvcm1GaWVsZFxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBoaWRlTGFiZWw9e2hpZGVMYWJlbH1cbiAgICAgICAgICBsYWJlbD17bGFiZWx9XG4gICAgICAgICAgbGFiZWxIaW50PXtsYWJlbEhpbnR9XG4gICAgICAgICAgaGludD17aGludH1cbiAgICAgICAgICBlcnJvck1lc3NhZ2VzPXtlcnJvck1lc3NhZ2VzfVxuICAgICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgICAgZGF0YS1kcy1pZD1cIlNlbGVjdFwiXG4gICAgICAgID5cbiAgICAgICAgICA8VHJpZ2dlckJ1dHRvblxuICAgICAgICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgICAgICAgaXNQbGFjZWhvbGRlclZpc2libGU9e2lzUGxhY2Vob2xkZXJWaXNpYmxlfVxuICAgICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3NlbGVjdGVkT3B0aW9uID8gc2VsZWN0ZWRPcHRpb24ubGFiZWwgOiBwbGFjZWhvbGRlcn1cbiAgICAgICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgICAgIDwvRm9ybUZpZWxkPlxuICAgICAgKX1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEMEIifQ== */");function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly,onFocus,onBlur,children}){return /*#__PURE__*/React.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},/*#__PURE__*/React.createElement(TextClamped,{color:isPlaceholderVisible?"tertiary":"primary"},readOnly&&isPlaceholderVisible?null:children),/*#__PURE__*/React.createElement(StyledTriggerIcon,{size:"m",name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}export function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled,portalContainer,readOnly=!1,label,labelHint,hideLabel,hint,errorMessages,"data-e2e-test-id":dataE2eTestId,onChange,onFocus,onBlur}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=placeholder&&!value;return /*#__PURE__*/React.createElement(SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>/*#__PURE__*/React.createElement(FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},/*#__PURE__*/React.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,onFocus:onFocus,onBlur:onBlur,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly:readOnly},selectedOption?selectedOption.label:placeholder))})}
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{FormField}from"../FormField/FormField";import{SelectWithCustomTrigger}from"./SelectWithCustomTrigger";import{Icon}from"../../Icon/Icon";import{Inline}from"../../Inline/Inline";import{TextClamped}from"../../Typography/TextClamped/TextClamped";let StyledButton=/*#__PURE__*/styled("button",{target:"eketkg70",label:"StyledButton"})(({theme,hasError,isPlaceholderVisible,readOnly,size})=>({'&[type="button"]':{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",margin:0,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.background.primary.default,borderWidth:"1px",borderStyle:"solid",width:"100%",padding:`${"s"===size?theme.variables.size.spacing.xxs:theme.variables.size.spacing.xs} ${theme.variables.size.spacing.s}`,paddingRight:theme.variables.size.spacing.xs,boxSizing:"border-box",borderColor:theme.values.color.border.primary.default,...readOnly&&{borderColor:theme.values.color.border.primary.disabled},...isPlaceholderVisible&&{fontStyle:"italic"},...hasError&&{boxShadow:`0 0 0 1px inset ${theme.values.color.border.error.default}`,borderColor:theme.values.color.border.error.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIEZvY3VzRXZlbnRIYW5kbGVyLCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgdHlwZSB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbnR5cGUgU3R5bGVkQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBUcmlnZ2VyQnV0dG9uUHJvcHMsXG4gIFwiaGFzRXJyb3JcIiB8IFwiaXNQbGFjZWhvbGRlclZpc2libGVcIiB8IFwicmVhZE9ubHlcIiB8IFwic2l6ZVwiXG4+O1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFN0eWxlZEJ1dHRvblByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCBpc1BsYWNlaG9sZGVyVmlzaWJsZSwgcmVhZE9ubHksIHNpemUgfSkgPT4gKHtcbiAgICBbYCZbdHlwZT1cImJ1dHRvblwiXWBdOiB7XG4gICAgICAvLyBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBtYXJnaW46IDAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYCR7XG4gICAgICBzaXplID09PSBcInNcIlxuICAgICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c1xuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xufSAmIFBhcmFtZXRlcnM8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wc1tcInJlbmRlclRyaWdnZXJcIl0+WzBdICZcbiAgUGljazxTZWxlY3RQcm9wcywgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiPiAmXG4gIFBpY2s8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcywgXCJzaXplXCI+O1xuXG5mdW5jdGlvbiBUcmlnZ2VyQnV0dG9uKHtcbiAgdHJpZ2dlclJlZixcbiAgZGlzYWJsZWQsXG4gIGlzT3BlbixcbiAgaGFzRXJyb3IsXG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlLFxuICByb2xlLFxuICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgcmVhZE9ubHksXG4gIHNpemUsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgY2hpbGRyZW4sXG59OiBUcmlnZ2VyQnV0dG9uUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGlzUGxhY2Vob2xkZXJWaXNpYmxlPXtpc1BsYWNlaG9sZGVyVmlzaWJsZX1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBhcmlhLWV4cGFuZGVkPXthcmlhRXhwYW5kZWR9XG4gICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbHN9XG4gICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2FyaWFBY3RpdmVEZXNjZW5kYW50fVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICA8VGV4dENsYW1wZWRcbiAgICAgICAgICBjb2xvcj17aXNQbGFjZWhvbGRlclZpc2libGUgPyBcInRlcnRpYXJ5XCIgOiBcInByaW1hcnlcIn1cbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICA+XG4gICAgICAgICAge3JlYWRPbmx5ICYmIGlzUGxhY2Vob2xkZXJWaXNpYmxlID8gbnVsbCA6IGNoaWxkcmVufVxuICAgICAgICA8L1RleHRDbGFtcGVkPlxuICAgICAgICA8U3R5bGVkVHJpZ2dlckljb25cbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIG5hbWU9e2lzT3BlbiA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgLz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBTZWxlY3RQcm9wcyA9IHtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIE9taXQ8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcywgXCJyZW5kZXJUcmlnZ2VyXCI+ICZcbiAgRm9ybUZpZWxkUHJvcHM7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3Qoe1xuICBvcHRpb25zLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgcGxhY2Vob2xkZXIsXG4gIGhhc0Vycm9yLFxuICBvcHRpb25zTGlzdFdpZHRoLFxuICBtYXhIZWlnaHQsXG4gIGRpc2FibGVkLFxuICBwb3J0YWxDb250YWluZXIsXG4gIHJlYWRPbmx5ID0gZmFsc2UsXG4gIGxhYmVsLFxuICBsYWJlbEhpbnQsXG4gIGhpZGVMYWJlbCxcbiAgaGludCxcbiAgZXJyb3JNZXNzYWdlcyxcbiAgc2l6ZSA9IFwibVwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25DaGFuZ2UsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbn06IFNlbGVjdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpO1xuICBjb25zdCBpc1BsYWNlaG9sZGVyVmlzaWJsZSA9IHBsYWNlaG9sZGVyICYmICF2YWx1ZTtcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBvcHRpb25zTGlzdFdpZHRoPXtvcHRpb25zTGlzdFdpZHRofVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICByZW5kZXJUcmlnZ2VyPXsoe1xuICAgICAgICB0cmlnZ2VyUmVmLFxuICAgICAgICBpc09wZW4sXG4gICAgICAgIHJvbGUsXG4gICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiBhcmlhRXhwYW5kZWQsXG4gICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiBhcmlhQ29udHJvbHMsXG4gICAgICAgIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGFyaWFBY3RpdmVEZXNjZW5kYW50LFxuICAgICAgfSkgPT4gKFxuICAgICAgICA8Rm9ybUZpZWxkXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgICBoaW50PXtoaW50fVxuICAgICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiU2VsZWN0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxUcmlnZ2VyQnV0dG9uXG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3NlbGVjdGVkT3B0aW9uID8gc2VsZWN0ZWRPcHRpb24ubGFiZWwgOiBwbGFjZWhvbGRlcn1cbiAgICAgICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgICAgIDwvRm9ybUZpZWxkPlxuICAgICAgKX1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUIifQ== */"),StyledTriggerIcon=/*#__PURE__*/styled(Icon,{target:"eketkg71",label:"StyledTriggerIcon"})(()=>({pointerEvents:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDdXN0b21pemVkIGJyb3dzZXIgc2VsZWN0IGJveFxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIEZvY3VzRXZlbnRIYW5kbGVyLCBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgdHlwZSB7IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIgfSBmcm9tIFwiLi9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi8uLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi8uLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBUZXh0Q2xhbXBlZCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHRDbGFtcGVkL1RleHRDbGFtcGVkXCI7XG5cbnR5cGUgU3R5bGVkQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBUcmlnZ2VyQnV0dG9uUHJvcHMsXG4gIFwiaGFzRXJyb3JcIiB8IFwiaXNQbGFjZWhvbGRlclZpc2libGVcIiB8IFwicmVhZE9ubHlcIiB8IFwic2l6ZVwiXG4+O1xuXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQuYnV0dG9uPFN0eWxlZEJ1dHRvblByb3BzPihcbiAgKHsgdGhlbWUsIGhhc0Vycm9yLCBpc1BsYWNlaG9sZGVyVmlzaWJsZSwgcmVhZE9ubHksIHNpemUgfSkgPT4gKHtcbiAgICBbYCZbdHlwZT1cImJ1dHRvblwiXWBdOiB7XG4gICAgICAvLyBpbmNyZWFzZSBzcGVjaWZpY2l0eVxuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBNb3pBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICBtYXJnaW46IDAsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgYm9yZGVyV2lkdGg6IFwiMXB4XCIsXG4gICAgYm9yZGVyU3R5bGU6IFwic29saWRcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgcGFkZGluZzogYCR7XG4gICAgICBzaXplID09PSBcInNcIlxuICAgICAgICA/IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzXG4gICAgICAgIDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c1xuICAgIH0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHQsXG5cbiAgICAuLi4ocmVhZE9ubHkgJiYge1xuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kaXNhYmxlZCxcbiAgICB9KSxcblxuICAgIC4uLihpc1BsYWNlaG9sZGVyVmlzaWJsZSAmJiB7XG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSksXG5cbiAgICAuLi4oaGFzRXJyb3IgJiYge1xuICAgICAgYm94U2hhZG93OiBgMCAwIDAgMXB4IGluc2V0ICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0fWAsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5lcnJvci5kZWZhdWx0LFxuICAgIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkVHJpZ2dlckljb24gPSBzdHlsZWQoSWNvbikoXG4gICgpID0+XG4gICAgKHtcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxudHlwZSBUcmlnZ2VyQnV0dG9uUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlOiBib29sZWFuO1xufSAmIFBhcmFtZXRlcnM8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wc1tcInJlbmRlclRyaWdnZXJcIl0+WzBdICZcbiAgUGljazxTZWxlY3RQcm9wcywgXCJoYXNFcnJvclwiIHwgXCJvbkZvY3VzXCIgfCBcIm9uQmx1clwiIHwgXCJyZWFkT25seVwiPiAmXG4gIFBpY2s8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcywgXCJzaXplXCI+O1xuXG5mdW5jdGlvbiBUcmlnZ2VyQnV0dG9uKHtcbiAgdHJpZ2dlclJlZixcbiAgZGlzYWJsZWQsXG4gIGlzT3BlbixcbiAgaGFzRXJyb3IsXG4gIGlzUGxhY2Vob2xkZXJWaXNpYmxlLFxuICByb2xlLFxuICBcImFyaWEtZXhwYW5kZWRcIjogYXJpYUV4cGFuZGVkLFxuICBcImFyaWEtY29udHJvbHNcIjogYXJpYUNvbnRyb2xzLFxuICBcImFyaWEtYWN0aXZlZGVzY2VuZGFudFwiOiBhcmlhQWN0aXZlRGVzY2VuZGFudCxcbiAgcmVhZE9ubHksXG4gIHNpemUsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbiAgY2hpbGRyZW4sXG59OiBUcmlnZ2VyQnV0dG9uUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQnV0dG9uXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHJlZj17dHJpZ2dlclJlZn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIGlzUGxhY2Vob2xkZXJWaXNpYmxlPXtpc1BsYWNlaG9sZGVyVmlzaWJsZX1cbiAgICAgIHJvbGU9e3JvbGV9XG4gICAgICBhcmlhLWV4cGFuZGVkPXthcmlhRXhwYW5kZWR9XG4gICAgICBhcmlhLWNvbnRyb2xzPXthcmlhQ29udHJvbHN9XG4gICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e2FyaWFBY3RpdmVEZXNjZW5kYW50fVxuICAgICAgcmVhZE9ubHk9e3JlYWRPbmx5fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICA+XG4gICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHNwYWNlPVwieHhzXCIgbm9XcmFwPlxuICAgICAgICA8VGV4dENsYW1wZWRcbiAgICAgICAgICBjb2xvcj17aXNQbGFjZWhvbGRlclZpc2libGUgPyBcInRlcnRpYXJ5XCIgOiBcInByaW1hcnlcIn1cbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICA+XG4gICAgICAgICAge3JlYWRPbmx5ICYmIGlzUGxhY2Vob2xkZXJWaXNpYmxlID8gbnVsbCA6IGNoaWxkcmVufVxuICAgICAgICA8L1RleHRDbGFtcGVkPlxuICAgICAgICA8U3R5bGVkVHJpZ2dlckljb25cbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIG5hbWU9e2lzT3BlbiA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICBjb2xvcj17cmVhZE9ubHkgPyBcInF1YXRlcm5hcnlcIiA6IFwidGVydGlhcnlcIn1cbiAgICAgICAgLz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQnV0dG9uPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBTZWxlY3RQcm9wcyA9IHtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIGhhc0Vycm9yPzogYm9vbGVhbjtcbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyPEhUTUxCdXR0b25FbGVtZW50PjtcbiAgb25CbHVyPzogRm9jdXNFdmVudEhhbmRsZXI8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xufSAmIE9taXQ8U2VsZWN0V2l0aEN1c3RvbVRyaWdnZXJQcm9wcywgXCJyZW5kZXJUcmlnZ2VyXCI+ICZcbiAgRm9ybUZpZWxkUHJvcHM7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3Qoe1xuICBvcHRpb25zLFxuICBuYW1lLFxuICB2YWx1ZSxcbiAgcGxhY2Vob2xkZXIsXG4gIGhhc0Vycm9yLFxuICBvcHRpb25zTGlzdFdpZHRoLFxuICBtYXhIZWlnaHQsXG4gIGRpc2FibGVkLFxuICBwb3J0YWxDb250YWluZXIsXG4gIHJlYWRPbmx5ID0gZmFsc2UsXG4gIGxhYmVsLFxuICBsYWJlbEhpbnQsXG4gIGhpZGVMYWJlbCxcbiAgaGludCxcbiAgZXJyb3JNZXNzYWdlcyxcbiAgc2l6ZSA9IFwibVwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25DaGFuZ2UsXG4gIG9uRm9jdXMsXG4gIG9uQmx1cixcbn06IFNlbGVjdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSBvcHRpb25zPy5maW5kKChvcHRpb24pID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpO1xuICBjb25zdCBpc1BsYWNlaG9sZGVyVmlzaWJsZSA9IHBsYWNlaG9sZGVyICYmICF2YWx1ZTtcblxuICByZXR1cm4gKFxuICAgIDxTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclxuICAgICAgb3B0aW9ucz17b3B0aW9uc31cbiAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBvcHRpb25zTGlzdFdpZHRoPXtvcHRpb25zTGlzdFdpZHRofVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICByZW5kZXJUcmlnZ2VyPXsoe1xuICAgICAgICB0cmlnZ2VyUmVmLFxuICAgICAgICBpc09wZW4sXG4gICAgICAgIHJvbGUsXG4gICAgICAgIFwiYXJpYS1leHBhbmRlZFwiOiBhcmlhRXhwYW5kZWQsXG4gICAgICAgIFwiYXJpYS1jb250cm9sc1wiOiBhcmlhQ29udHJvbHMsXG4gICAgICAgIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGFyaWFBY3RpdmVEZXNjZW5kYW50LFxuICAgICAgfSkgPT4gKFxuICAgICAgICA8Rm9ybUZpZWxkXG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgICAgICBoaW50PXtoaW50fVxuICAgICAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICBkYXRhLWRzLWlkPVwiU2VsZWN0XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxUcmlnZ2VyQnV0dG9uXG4gICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICBpc1BsYWNlaG9sZGVyVmlzaWJsZT17aXNQbGFjZWhvbGRlclZpc2libGV9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdHJpZ2dlclJlZj17dHJpZ2dlclJlZn1cbiAgICAgICAgICAgIGlzT3Blbj17aXNPcGVufVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgICAgICAgIGFyaWEtYWN0aXZlZGVzY2VuZGFudD17YXJpYUFjdGl2ZURlc2NlbmRhbnR9XG4gICAgICAgICAgICByZWFkT25seT17cmVhZE9ubHl9XG4gICAgICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3NlbGVjdGVkT3B0aW9uID8gc2VsZWN0ZWRPcHRpb24ubGFiZWwgOiBwbGFjZWhvbGRlcn1cbiAgICAgICAgICA8L1RyaWdnZXJCdXR0b24+XG4gICAgICAgIDwvRm9ybUZpZWxkPlxuICAgICAgKX1cbiAgICAvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEMEIifQ== */");function TriggerButton({triggerRef,disabled,isOpen,hasError,isPlaceholderVisible,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly,size,onFocus,onBlur,children}){return /*#__PURE__*/React.createElement(StyledButton,{type:"button",ref:triggerRef,disabled:disabled,hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly:readOnly,size:size,onFocus:onFocus,onBlur:onBlur},/*#__PURE__*/React.createElement(Inline,{vAlignItems:"center",alignItems:"spaceBetween",space:"xxs",noWrap:!0},/*#__PURE__*/React.createElement(TextClamped,{color:isPlaceholderVisible?"tertiary":"primary",size:size},readOnly&&isPlaceholderVisible?null:children),/*#__PURE__*/React.createElement(StyledTriggerIcon,{size:size,name:isOpen?"chevron-up":"chevron-down",color:readOnly?"quaternary":"tertiary"})))}export function Select({options,name,value,placeholder,hasError,optionsListWidth,maxHeight,disabled,portalContainer,readOnly=!1,label,labelHint,hideLabel,hint,errorMessages,size="m","data-e2e-test-id":dataE2eTestId,onChange,onFocus,onBlur}){let selectedOption=options?.find(option=>option.value===value),isPlaceholderVisible=placeholder&&!value;return /*#__PURE__*/React.createElement(SelectWithCustomTrigger,{options:options,value:value,name:name,optionsListWidth:optionsListWidth,maxHeight:maxHeight,portalContainer:portalContainer,disabled:disabled,readOnly:readOnly,size:size,onChange:onChange,renderTrigger:({triggerRef,isOpen,role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant})=>/*#__PURE__*/React.createElement(FormField,{disabled:disabled,hideLabel:hideLabel,label:label,labelHint:labelHint,hint:hint,errorMessages:errorMessages,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Select"},/*#__PURE__*/React.createElement(TriggerButton,{hasError:hasError,isPlaceholderVisible:isPlaceholderVisible,size:size,triggerRef:triggerRef,isOpen:isOpen,disabled:disabled,role:role,"aria-expanded":ariaExpanded,"aria-controls":ariaControls,"aria-activedescendant":ariaActiveDescendant,readOnly:readOnly,onFocus:onFocus,onBlur:onBlur},selectedOption?selectedOption.label:placeholder))})}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { RefObject, ReactElement, ChangeEventHandler } from "react";
|
|
2
2
|
import type { CommonSelectProps } from "../Combobox/Combobox";
|
|
3
|
+
import type { OptionsListProps } from "../Combobox/OptionsList";
|
|
3
4
|
type TriggerProps = {
|
|
4
5
|
triggerRef: RefObject<HTMLButtonElement>;
|
|
5
6
|
isOpen: boolean;
|
|
@@ -13,6 +14,6 @@ export type SelectWithCustomTriggerProps = {
|
|
|
13
14
|
renderTrigger: (props: TriggerProps) => ReactElement;
|
|
14
15
|
value: string;
|
|
15
16
|
onChange: ChangeEventHandler<HTMLSelectElement>;
|
|
16
|
-
} & Pick<CommonSelectProps, "optionsListWidth" | "options" | "maxHeight" | "disabled" | "name" | "portalContainer" | "autoComplete" | "readOnly">;
|
|
17
|
-
export declare function SelectWithCustomTrigger({ renderTrigger, optionsListWidth, options, name, value, portalContainer, disabled, maxHeight, autoComplete, readOnly, onChange, }: SelectWithCustomTriggerProps): ReactElement;
|
|
17
|
+
} & Pick<CommonSelectProps, "optionsListWidth" | "options" | "maxHeight" | "disabled" | "name" | "portalContainer" | "autoComplete" | "readOnly"> & Pick<OptionsListProps, "size">;
|
|
18
|
+
export declare function SelectWithCustomTrigger({ renderTrigger, optionsListWidth, options, name, value, portalContainer, disabled, maxHeight, autoComplete, readOnly, size, onChange, }: SelectWithCustomTriggerProps): ReactElement;
|
|
18
19
|
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{useOutsideClick}from"../../../shared/useOutsideClick";import{useTypeAheadSearch}from"./useTypeAheadSearch";let HiddenSelectInput=/*#__PURE__*/styled("select",{target:"e1jxkozw0",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyB1c2VPdXRzaWRlQ2xpY2sgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL3VzZU91dHNpZGVDbGlja1wiO1xuaW1wb3J0IHsgdXNlVHlwZUFoZWFkU2VhcmNoIH0gZnJvbSBcIi4vdXNlVHlwZUFoZWFkU2VhcmNoXCI7XG5cbnR5cGUgVHJpZ2dlclByb3BzID0ge1xuICB0cmlnZ2VyUmVmOiBSZWZPYmplY3Q8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBpc09wZW46IGJvb2xlYW47XG4gIGRpc2FibGVkOiBib29sZWFuO1xuICByb2xlOiBzdHJpbmc7XG4gIFwiYXJpYS1leHBhbmRlZFwiPzogYm9vbGVhbjtcbiAgXCJhcmlhLWNvbnRyb2xzXCI/OiBzdHJpbmc7XG4gIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlclByb3BzID0ge1xuICByZW5kZXJUcmlnZ2VyOiAocHJvcHM6IFRyaWdnZXJQcm9wcykgPT4gUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogc3RyaW5nO1xuICBvbkNoYW5nZTogQ2hhbmdlRXZlbnRIYW5kbGVyPEhUTUxTZWxlY3RFbGVtZW50Pjtcbn0gJiBQaWNrPFxuICBDb21tb25TZWxlY3RQcm9wcyxcbiAgfCBcIm9wdGlvbnNMaXN0V2lkdGhcIlxuICB8IFwib3B0aW9uc1wiXG4gIHwgXCJtYXhIZWlnaHRcIlxuICB8IFwiZGlzYWJsZWRcIlxuICB8IFwibmFtZVwiXG4gIHwgXCJwb3J0YWxDb250YWluZXJcIlxuICB8IFwiYXV0b0NvbXBsZXRlXCJcbiAgfCBcInJlYWRPbmx5XCJcbj47XG5cbmNvbnN0IEhpZGRlblNlbGVjdElucHV0ID0gc3R5bGVkLnNlbGVjdCgoKSA9PiAoe1xuICBkaXNwbGF5OiBcIm5vbmVcIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyKHtcbiAgcmVuZGVyVHJpZ2dlcixcbiAgb3B0aW9uc0xpc3RXaWR0aCxcbiAgb3B0aW9ucyxcbiAgbmFtZSxcbiAgdmFsdWUsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgZGlzYWJsZWQsXG4gIG1heEhlaWdodCA9IDIzMCxcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSA9IGZhbHNlLFxuICBvbkNoYW5nZSxcbn06IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGhpZGRlblNlbGVjdFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgY3VycmVudE9wdGlvbkluZGV4ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmRJbmRleCgob3B0aW9uKSA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKSxcbiAgICBbb3B0aW9ucywgdmFsdWVdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3BlbikgcmV0dXJuO1xuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBzZXRTZWxlY3RlZEluZGV4KC0xKTtcbiAgfSwgW2lzT3Blbl0pO1xuXG4gIGNvbnN0IG9wZW5PcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuIHx8IHJlYWRPbmx5KSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgLy8gRm9yIFNhZmFyaSBiZWNhdXNlIGNsaWNrIG9uIGEgYnV0dG9uIGRvZXNuJ3QgZ2l2ZSBpdCBmb2N1c1xuICAgIHRyaWdnZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW2lzT3BlbiwgcmVhZE9ubHldKTtcblxuICBjb25zdCB0b2dnbGVPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjbG9zZU9wdGlvbnNMaXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG9wZW5PcHRpb25zTGlzdCgpO1xuICAgIH1cbiAgfSwgW2lzT3Blbiwgb3Blbk9wdGlvbnNMaXN0LCBjbG9zZU9wdGlvbnNMaXN0XSk7XG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ZWRJbmRleENoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChpbmRleDogbnVtYmVyKSA9PiBzZXRTZWxlY3RlZEluZGV4KGluZGV4KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgaGlkZGVuU2VsZWN0UmVmLmN1cnJlbnQudmFsdWUgPSBvcHRpb24udmFsdWU7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgRXZlbnQoXCJjaGFuZ2VcIiwgeyBidWJibGVzOiB0cnVlIH0pXG4gICAgICApO1xuICAgIH0sXG4gICAgW2hpZGRlblNlbGVjdFJlZl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZWFyY2hNYXRjaCA9IHVzZUNhbGxiYWNrKFxuICAgIChtYXRjaGVkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKG1hdGNoZWRJbmRleCA9PT0gLTEpIHJldHVybjtcblxuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KG1hdGNoZWRJbmRleCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDaGFuZ2Uob3B0aW9uc1ttYXRjaGVkSW5kZXhdKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wdGlvbnMsIHNldFNlbGVjdGVkSW5kZXgsIGhhbmRsZUNoYW5nZV1cbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBFbnRlcjogKGV2dDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH0sXG4gICAgICBcIkFycm93VXAgQXJyb3dEb3duXCI6ICgpID0+IHtcbiAgICAgICAgb3Blbk9wdGlvbnNMaXN0KCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgdHJpZ2dlclJlZixcbiAgICAhaXNPcGVuICYmICFkaXNhYmxlZFxuICApO1xuXG4gIHVzZVR5cGVBaGVhZFNlYXJjaCh7XG4gICAgb3B0aW9ucyxcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGlzQWN0aXZlOiAhZGlzYWJsZWQsXG4gICAgZnJvbUluZGV4OiBzZWxlY3RlZEluZGV4ICE9PSAtMSA/IHNlbGVjdGVkSW5kZXggOiBjdXJyZW50T3B0aW9uSW5kZXgsXG4gICAgb25NYXRjaDogaGFuZGxlU2VhcmNoTWF0Y2gsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlckVsbSA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAvLyBwcmV2ZW50IGZvY3VzIG9uIGNsaWNrIHRvIHByZXZlbnQgdG9nZ2xlIG9wZW4gc3RhdGUgb24gY2xpY2sgZm9sbG93ZWQgYnkgZm9jdXNcbiAgICBjb25zdCBoYW5kbGVQb2ludGVyRG93bjogUG9pbnRlckV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZXZ0KSA9PiB7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9O1xuXG4gICAgaWYgKHRyaWdnZXJFbG0gJiYgIWRpc2FibGVkKSB7XG4gICAgICB0cmlnZ2VyRWxtLnNldEF0dHJpYnV0ZShcInRhYkluZGV4XCIsIFwiMFwiKTsgLy8gRm9yIFNhZmFyaSwgYmVjYXVzZXMgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0b2dnbGVPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcInBvaW50ZXJkb3duXCIsIGhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImJsdXJcIiwgY2xvc2VPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwicG9pbnRlcmRvd25cIiwgaGFuZGxlUG9pbnRlckRvd24pO1xuICAgIH07XG4gIH0sIFtcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW5PcHRpb25zTGlzdCxcbiAgICBjbG9zZU9wdGlvbnNMaXN0LFxuICAgIHRvZ2dsZU9wdGlvbnNMaXN0LFxuICBdKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2sodHJpZ2dlclJlZiwgY2xvc2VPcHRpb25zTGlzdCwgaXNPcGVuKTtcblxuICBjb25zdCBvcHRpb25zTGlzdElkID0gZ2V0T3B0aW9uc0xpc3RJZChuYW1lKTtcbiAgY29uc3QgYXJpYUFjdGl2ZURlc2NlbmRhbnQgPVxuICAgIHNlbGVjdGVkSW5kZXggIT09IC0xID8gZ2V0T3B0aW9uSWQobmFtZSwgb3B0aW9uc1tzZWxlY3RlZEluZGV4XS52YWx1ZSkgOiBcIlwiO1xuICBjb25zdCB0cmlnZ2VyRWxtID0gcmVuZGVyVHJpZ2dlcih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBpc09wZW4sXG4gICAgZGlzYWJsZWQsXG4gICAgcm9sZTogXCJjb21ib2JveFwiLFxuICAgIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGlzT3BlbiA/IGFyaWFBY3RpdmVEZXNjZW5kYW50IDogXCJcIixcbiAgICBcImFyaWEtY29udHJvbHNcIjogaXNPcGVuID8gb3B0aW9uc0xpc3RJZCA6IFwiXCIsXG4gICAgXCJhcmlhLWV4cGFuZGVkXCI6IGlzT3BlbixcbiAgfSk7XG5cbiAgY29uc3Qgb3B0aW9uc0xpc3RFbG0gPSAoXG4gICAgPE9wdGlvbnNMaXN0XG4gICAgICBuYW1lPXtuYW1lfVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBpc1ZpcnR1YWxpemVkPXtmYWxzZX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB0cmlnZ2VyUmVmPXt0cmlnZ2VyUmVmfVxuICAgICAgb25DbG9zZURyb3Bkb3duPXtjbG9zZU9wdGlvbnNMaXN0fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBzZWxlY3RlZEluZGV4PXtzZWxlY3RlZEluZGV4fVxuICAgICAgb25TZWxlY3RlZEluZGV4Q2hhbmdlPXtoYW5kbGVTZWxlY3RlZEluZGV4Q2hhbmdlfVxuICAgICAgZm9yY2VDaGFuZ2VGYWtlU2VsZWN0PXtoYW5kbGVDaGFuZ2V9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgLz5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7dHJpZ2dlckVsbX1cbiAgICAgIHtvcHRpb25zTGlzdEVsbX1cbiAgICAgIDxIaWRkZW5TZWxlY3RJbnB1dFxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgcmVmPXtoaWRkZW5TZWxlY3RSZWZ9XG4gICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgPlxuICAgICAgICA8b3B0aW9uIHZhbHVlPVwiXCIgYXJpYS1sYWJlbD1cIkVtcHR5IG9wdGlvblwiIC8+XG4gICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uKSA9PiAoXG4gICAgICAgICAgPG9wdGlvbiB2YWx1ZT17b3B0aW9uLnZhbHVlfSBrZXk9e29wdGlvbi52YWx1ZX0+XG4gICAgICAgICAgICB7b3B0aW9uLmxhYmVsfVxuICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICApKX1cbiAgICAgIDwvSGlkZGVuU2VsZWN0SW5wdXQ+XG4gICAgPC8+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0QwQiJ9 */");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]),useOutsideClick(triggerRef,closeOptionsList,isOpen);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=/*#__PURE__*/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 /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,optionsListElm,/*#__PURE__*/React.createElement(HiddenSelectInput,{name:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},/*#__PURE__*/React.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>/*#__PURE__*/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{useOutsideClick}from"../../../shared/useOutsideClick";import{useTypeAheadSearch}from"./useTypeAheadSearch";let HiddenSelectInput=/*#__PURE__*/styled("select",{target:"e1zlfuj0",label:"HiddenSelectInput"})(()=>({display:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWxlY3QvU2VsZWN0V2l0aEN1c3RvbVRyaWdnZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1NlbGVjdC9TZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIHVzZVN0YXRlLFxuICB1c2VSZWYsXG4gIHVzZUVmZmVjdCxcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZU1lbW8sXG59IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUge1xuICBSZWZPYmplY3QsXG4gIFJlYWN0RWxlbWVudCxcbiAgQ2hhbmdlRXZlbnRIYW5kbGVyLFxuICBQb2ludGVyRXZlbnRIYW5kbGVyLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBDb21tb25TZWxlY3RQcm9wcywgU2VsZWN0T3B0aW9uIH0gZnJvbSBcIi4uL0NvbWJvYm94L0NvbWJvYm94XCI7XG5pbXBvcnQge1xuICBnZXRPcHRpb25JZCxcbiAgZ2V0T3B0aW9uc0xpc3RJZCxcbiAgT3B0aW9uc0xpc3QsXG59IGZyb20gXCIuLi9Db21ib2JveC9PcHRpb25zTGlzdFwiO1xuaW1wb3J0IHR5cGUgeyBPcHRpb25zTGlzdFByb3BzIH0gZnJvbSBcIi4uL0NvbWJvYm94L09wdGlvbnNMaXN0XCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IHVzZU91dHNpZGVDbGljayB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlT3V0c2lkZUNsaWNrXCI7XG5pbXBvcnQgeyB1c2VUeXBlQWhlYWRTZWFyY2ggfSBmcm9tIFwiLi91c2VUeXBlQWhlYWRTZWFyY2hcIjtcblxudHlwZSBUcmlnZ2VyUHJvcHMgPSB7XG4gIHRyaWdnZXJSZWY6IFJlZk9iamVjdDxIVE1MQnV0dG9uRWxlbWVudD47XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgZGlzYWJsZWQ6IGJvb2xlYW47XG4gIHJvbGU6IHN0cmluZztcbiAgXCJhcmlhLWV4cGFuZGVkXCI/OiBib29sZWFuO1xuICBcImFyaWEtY29udHJvbHNcIj86IHN0cmluZztcbiAgXCJhcmlhLWFjdGl2ZWRlc2NlbmRhbnRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMgPSB7XG4gIHJlbmRlclRyaWdnZXI6IChwcm9wczogVHJpZ2dlclByb3BzKSA9PiBSZWFjdEVsZW1lbnQ7XG4gIHZhbHVlOiBzdHJpbmc7XG4gIG9uQ2hhbmdlOiBDaGFuZ2VFdmVudEhhbmRsZXI8SFRNTFNlbGVjdEVsZW1lbnQ+O1xufSAmIFBpY2s8XG4gIENvbW1vblNlbGVjdFByb3BzLFxuICB8IFwib3B0aW9uc0xpc3RXaWR0aFwiXG4gIHwgXCJvcHRpb25zXCJcbiAgfCBcIm1heEhlaWdodFwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJuYW1lXCJcbiAgfCBcInBvcnRhbENvbnRhaW5lclwiXG4gIHwgXCJhdXRvQ29tcGxldGVcIlxuICB8IFwicmVhZE9ubHlcIlxuPiAmXG4gIFBpY2s8T3B0aW9uc0xpc3RQcm9wcywgXCJzaXplXCI+O1xuXG5jb25zdCBIaWRkZW5TZWxlY3RJbnB1dCA9IHN0eWxlZC5zZWxlY3QoKCkgPT4gKHtcbiAgZGlzcGxheTogXCJub25lXCIsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RXaXRoQ3VzdG9tVHJpZ2dlcih7XG4gIHJlbmRlclRyaWdnZXIsXG4gIG9wdGlvbnNMaXN0V2lkdGgsXG4gIG9wdGlvbnMsXG4gIG5hbWUsXG4gIHZhbHVlLFxuICBwb3J0YWxDb250YWluZXIsXG4gIGRpc2FibGVkLFxuICBtYXhIZWlnaHQgPSAyMzAsXG4gIGF1dG9Db21wbGV0ZSA9IFwib25cIixcbiAgcmVhZE9ubHkgPSBmYWxzZSxcbiAgc2l6ZSA9IFwibVwiLFxuICBvbkNoYW5nZSxcbn06IFNlbGVjdFdpdGhDdXN0b21UcmlnZ2VyUHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZSgtMSk7XG4gIGNvbnN0IHRyaWdnZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IGhpZGRlblNlbGVjdFJlZiA9IHVzZVJlZihudWxsKTtcbiAgY29uc3QgY3VycmVudE9wdGlvbkluZGV4ID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmRJbmRleCgob3B0aW9uKSA9PiBvcHRpb24udmFsdWUgPT09IHZhbHVlKSxcbiAgICBbb3B0aW9ucywgdmFsdWVdXG4gICk7XG5cbiAgY29uc3QgY2xvc2VPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoIWlzT3BlbikgcmV0dXJuO1xuXG4gICAgc2V0SXNPcGVuKGZhbHNlKTtcbiAgICBzZXRTZWxlY3RlZEluZGV4KC0xKTtcbiAgfSwgW2lzT3Blbl0pO1xuXG4gIGNvbnN0IG9wZW5PcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuIHx8IHJlYWRPbmx5KSByZXR1cm47XG5cbiAgICBzZXRJc09wZW4odHJ1ZSk7XG4gICAgLy8gRm9yIFNhZmFyaSBiZWNhdXNlIGNsaWNrIG9uIGEgYnV0dG9uIGRvZXNuJ3QgZ2l2ZSBpdCBmb2N1c1xuICAgIHRyaWdnZXJSZWYuY3VycmVudD8uZm9jdXMoKTtcbiAgfSwgW2lzT3BlbiwgcmVhZE9ubHldKTtcblxuICBjb25zdCB0b2dnbGVPcHRpb25zTGlzdCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjbG9zZU9wdGlvbnNMaXN0KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIG9wZW5PcHRpb25zTGlzdCgpO1xuICAgIH1cbiAgfSwgW2lzT3Blbiwgb3Blbk9wdGlvbnNMaXN0LCBjbG9zZU9wdGlvbnNMaXN0XSk7XG5cbiAgY29uc3QgaGFuZGxlU2VsZWN0ZWRJbmRleENoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChpbmRleDogbnVtYmVyKSA9PiBzZXRTZWxlY3RlZEluZGV4KGluZGV4KSxcbiAgICBbXVxuICApO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChvcHRpb246IFNlbGVjdE9wdGlvbikgPT4ge1xuICAgICAgaGlkZGVuU2VsZWN0UmVmLmN1cnJlbnQudmFsdWUgPSBvcHRpb24udmFsdWU7XG4gICAgICBoaWRkZW5TZWxlY3RSZWYuY3VycmVudC5kaXNwYXRjaEV2ZW50KFxuICAgICAgICBuZXcgRXZlbnQoXCJjaGFuZ2VcIiwgeyBidWJibGVzOiB0cnVlIH0pXG4gICAgICApO1xuICAgIH0sXG4gICAgW2hpZGRlblNlbGVjdFJlZl1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVTZWFyY2hNYXRjaCA9IHVzZUNhbGxiYWNrKFxuICAgIChtYXRjaGVkSW5kZXg6IG51bWJlcikgPT4ge1xuICAgICAgaWYgKG1hdGNoZWRJbmRleCA9PT0gLTEpIHJldHVybjtcblxuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KG1hdGNoZWRJbmRleCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBoYW5kbGVDaGFuZ2Uob3B0aW9uc1ttYXRjaGVkSW5kZXhdKTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtpc09wZW4sIG9wdGlvbnMsIHNldFNlbGVjdGVkSW5kZXgsIGhhbmRsZUNoYW5nZV1cbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBFbnRlcjogKGV2dDogS2V5Ym9hcmRFdmVudCkgPT4ge1xuICAgICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIH0sXG4gICAgICBcIkFycm93VXAgQXJyb3dEb3duXCI6ICgpID0+IHtcbiAgICAgICAgb3Blbk9wdGlvbnNMaXN0KCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgdHJpZ2dlclJlZixcbiAgICAhaXNPcGVuICYmICFkaXNhYmxlZFxuICApO1xuXG4gIHVzZVR5cGVBaGVhZFNlYXJjaCh7XG4gICAgb3B0aW9ucyxcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGlzQWN0aXZlOiAhZGlzYWJsZWQsXG4gICAgZnJvbUluZGV4OiBzZWxlY3RlZEluZGV4ICE9PSAtMSA/IHNlbGVjdGVkSW5kZXggOiBjdXJyZW50T3B0aW9uSW5kZXgsXG4gICAgb25NYXRjaDogaGFuZGxlU2VhcmNoTWF0Y2gsXG4gIH0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgdHJpZ2dlckVsbSA9IHRyaWdnZXJSZWYuY3VycmVudDtcbiAgICAvLyBwcmV2ZW50IGZvY3VzIG9uIGNsaWNrIHRvIHByZXZlbnQgdG9nZ2xlIG9wZW4gc3RhdGUgb24gY2xpY2sgZm9sbG93ZWQgYnkgZm9jdXNcbiAgICBjb25zdCBoYW5kbGVQb2ludGVyRG93bjogUG9pbnRlckV2ZW50SGFuZGxlcjxIVE1MQnV0dG9uRWxlbWVudD4gPSAoZXZ0KSA9PiB7XG4gICAgICBldnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9O1xuXG4gICAgaWYgKHRyaWdnZXJFbG0gJiYgIWRpc2FibGVkKSB7XG4gICAgICB0cmlnZ2VyRWxtLnNldEF0dHJpYnV0ZShcInRhYkluZGV4XCIsIFwiMFwiKTsgLy8gRm9yIFNhZmFyaSwgYmVjYXVzZXMgYnV0dG9ucyBhcmUgbm90IGZvY3VzYWJsZSBieSBkZWZhdWx0XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJjbGlja1wiLCB0b2dnbGVPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtLmFkZEV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbS5hZGRFdmVudExpc3RlbmVyKFwiYmx1clwiLCBjbG9zZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0uYWRkRXZlbnRMaXN0ZW5lcihcInBvaW50ZXJkb3duXCIsIGhhbmRsZVBvaW50ZXJEb3duKTtcbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImNsaWNrXCIsIHRvZ2dsZU9wdGlvbnNMaXN0KTtcbiAgICAgIHRyaWdnZXJFbG0/LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJmb2N1c1wiLCBvcGVuT3B0aW9uc0xpc3QpO1xuICAgICAgdHJpZ2dlckVsbT8ucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImJsdXJcIiwgY2xvc2VPcHRpb25zTGlzdCk7XG4gICAgICB0cmlnZ2VyRWxtPy5yZW1vdmVFdmVudExpc3RlbmVyKFwicG9pbnRlcmRvd25cIiwgaGFuZGxlUG9pbnRlckRvd24pO1xuICAgIH07XG4gIH0sIFtcbiAgICB0cmlnZ2VyUmVmLFxuICAgIGRpc2FibGVkLFxuICAgIG9wZW5PcHRpb25zTGlzdCxcbiAgICBjbG9zZU9wdGlvbnNMaXN0LFxuICAgIHRvZ2dsZU9wdGlvbnNMaXN0LFxuICBdKTtcblxuICAvLyAtLS0tIENsb3NlIG1lbnUgb24gb3V0c2lkZSBjbGlja1xuICB1c2VPdXRzaWRlQ2xpY2sodHJpZ2dlclJlZiwgY2xvc2VPcHRpb25zTGlzdCwgaXNPcGVuKTtcblxuICBjb25zdCBvcHRpb25zTGlzdElkID0gZ2V0T3B0aW9uc0xpc3RJZChuYW1lKTtcbiAgY29uc3QgYXJpYUFjdGl2ZURlc2NlbmRhbnQgPVxuICAgIHNlbGVjdGVkSW5kZXggIT09IC0xID8gZ2V0T3B0aW9uSWQobmFtZSwgb3B0aW9uc1tzZWxlY3RlZEluZGV4XS52YWx1ZSkgOiBcIlwiO1xuICBjb25zdCB0cmlnZ2VyRWxtID0gcmVuZGVyVHJpZ2dlcih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBpc09wZW4sXG4gICAgZGlzYWJsZWQsXG4gICAgcm9sZTogXCJjb21ib2JveFwiLFxuICAgIFwiYXJpYS1hY3RpdmVkZXNjZW5kYW50XCI6IGlzT3BlbiA/IGFyaWFBY3RpdmVEZXNjZW5kYW50IDogXCJcIixcbiAgICBcImFyaWEtY29udHJvbHNcIjogaXNPcGVuID8gb3B0aW9uc0xpc3RJZCA6IFwiXCIsXG4gICAgXCJhcmlhLWV4cGFuZGVkXCI6IGlzT3BlbixcbiAgfSk7XG5cbiAgY29uc3Qgb3B0aW9uc0xpc3RFbG0gPSAoXG4gICAgPE9wdGlvbnNMaXN0XG4gICAgICBuYW1lPXtuYW1lfVxuICAgICAgaXNPcGVuPXtpc09wZW59XG4gICAgICBpc1ZpcnR1YWxpemVkPXtmYWxzZX1cbiAgICAgIG9wdGlvbnM9e29wdGlvbnN9XG4gICAgICB0cmlnZ2VyUmVmPXt0cmlnZ2VyUmVmfVxuICAgICAgb25DbG9zZURyb3Bkb3duPXtjbG9zZU9wdGlvbnNMaXN0fVxuICAgICAgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9XG4gICAgICBzZWxlY3RlZEluZGV4PXtzZWxlY3RlZEluZGV4fVxuICAgICAgb25TZWxlY3RlZEluZGV4Q2hhbmdlPXtoYW5kbGVTZWxlY3RlZEluZGV4Q2hhbmdlfVxuICAgICAgZm9yY2VDaGFuZ2VGYWtlU2VsZWN0PXtoYW5kbGVDaGFuZ2V9XG4gICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBtYXhIZWlnaHQ9e21heEhlaWdodH1cbiAgICAgIG9wdGlvbnNMaXN0V2lkdGg9e29wdGlvbnNMaXN0V2lkdGh9XG4gICAgICBzaXplPXtzaXplfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3RyaWdnZXJFbG19XG4gICAgICB7b3B0aW9uc0xpc3RFbG19XG4gICAgICA8SGlkZGVuU2VsZWN0SW5wdXRcbiAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIHJlZj17aGlkZGVuU2VsZWN0UmVmfVxuICAgICAgICBhdXRvQ29tcGxldGU9e2F1dG9Db21wbGV0ZX1cbiAgICAgID5cbiAgICAgICAgPG9wdGlvbiB2YWx1ZT1cIlwiIGFyaWEtbGFiZWw9XCJFbXB0eSBvcHRpb25cIiAvPlxuICAgICAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbikgPT4gKFxuICAgICAgICAgIDxvcHRpb24gdmFsdWU9e29wdGlvbi52YWx1ZX0ga2V5PXtvcHRpb24udmFsdWV9PlxuICAgICAgICAgICAge29wdGlvbi5sYWJlbH1cbiAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L0hpZGRlblNlbGVjdElucHV0PlxuICAgIDwvPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EMEIifQ== */");export function SelectWithCustomTrigger({renderTrigger,optionsListWidth,options,name,value,portalContainer,disabled,maxHeight=230,autoComplete="on",readOnly=!1,size="m",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]),useOutsideClick(triggerRef,closeOptionsList,isOpen);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=/*#__PURE__*/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,size:size});return /*#__PURE__*/React.createElement(React.Fragment,null,triggerElm,optionsListElm,/*#__PURE__*/React.createElement(HiddenSelectInput,{name:name,onChange:onChange,value:value,ref:hiddenSelectRef,autoComplete:autoComplete},/*#__PURE__*/React.createElement("option",{value:"","aria-label":"Empty option"}),options.map(option=>/*#__PURE__*/React.createElement("option",{value:option.value,key:option.value},option.label))))}
|