@amboss/design-system 3.25.2 → 3.25.3

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_usePopupMenu=require("../../shared/popupMenu/usePopupMenu"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"e1jnh7q0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IifQ== */"),StyledListContainer=(0,_styled.default)("div",{target:"e1jnh7q1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIifQ== */");function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{menuStyle,calculateStyle}=(0,_usePopupMenu.usePopupMenu)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=_react.default.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get AutocompleteList(){return AutocompleteList},get getAutocompleteListId(){return getAutocompleteListId}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Box=require("../Box/Box"),_Stack=require("../Stack/Stack"),_CategoryList=require("./CategoryList"),_Container=require("../Container"),_Portal=require("../Portal/Portal"),_Inline=require("../Inline/Inline"),_useListPosition=require("./useListPosition");function getAutocompleteListId(name){return`${name}_AutocompleteList`}const StyledContainer=(0,_styled.default)("div",{target:"e1r1unra0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:(0,_Portal.usePortalChildZIndex)(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbiAgdXNlUG9ydGFsQ2hpbGRaSW5kZXgsXG59IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBQcm9tcHRUZXh0QXJlYVByb3BzIH0gZnJvbSBcIi4vUHJvbXB0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZUxpc3RQb3NpdGlvbiB9IGZyb20gXCIuL3VzZUxpc3RQb3NpdGlvblwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IGxpc3RTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZUxpc3RQb3NpdGlvbih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RFbG0gPSAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgc3R5bGU9e2xpc3RTdHlsZX1cbiAgICAgIGlkPXtnZXRBdXRvY29tcGxldGVMaXN0SWQobmFtZSl9XG4gICAgICByb2xlPVwibGlzdGJveFwiXG4gICAgICAvLyBQcmV2ZW50IGJyb3dzZXIgdHJhbnNsYXRpb24gdG8gYXZvaWQgRE9NIG1hbmlwdWxhdGlvbiBjb25mbGljdHMgd2hlbiBSZWFjdCB0cmllcyB0byB1cGRhdGUvcmVtb3ZlIG5vZGVzIHRoYXQgdGhlIHRyYW5zbGF0aW9uIHNlcnZpY2UgaGFzIGFscmVhZHkgbW9kaWZpZWRcbiAgICAgIHRyYW5zbGF0ZT1cIm5vXCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIn0= */"),StyledListContainer=(0,_styled.default)("div",{target:"e1r1unra1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbiAgdXNlUG9ydGFsQ2hpbGRaSW5kZXgsXG59IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBQcm9tcHRUZXh0QXJlYVByb3BzIH0gZnJvbSBcIi4vUHJvbXB0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZUxpc3RQb3NpdGlvbiB9IGZyb20gXCIuL3VzZUxpc3RQb3NpdGlvblwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IGxpc3RTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZUxpc3RQb3NpdGlvbih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RFbG0gPSAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgc3R5bGU9e2xpc3RTdHlsZX1cbiAgICAgIGlkPXtnZXRBdXRvY29tcGxldGVMaXN0SWQobmFtZSl9XG4gICAgICByb2xlPVwibGlzdGJveFwiXG4gICAgICAvLyBQcmV2ZW50IGJyb3dzZXIgdHJhbnNsYXRpb24gdG8gYXZvaWQgRE9NIG1hbmlwdWxhdGlvbiBjb25mbGljdHMgd2hlbiBSZWFjdCB0cmllcyB0byB1cGRhdGUvcmVtb3ZlIG5vZGVzIHRoYXQgdGhlIHRyYW5zbGF0aW9uIHNlcnZpY2UgaGFzIGFscmVhZHkgbW9kaWZpZWRcbiAgICAgIHRyYW5zbGF0ZT1cIm5vXCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzRCIn0= */");function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=(0,_react.useRef)(null),{listStyle,calculateStyle}=(0,_useListPosition.useListPosition)({triggerRef,menuRef,isOpen});(0,_react.useEffect)(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>_react.default.createElement(_CategoryList.CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listElm=_react.default.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},_react.default.createElement(_Container.Container,null,_react.default.createElement(_Box.Box,{space:"xxs"},_react.default.createElement(StyledListContainer,null,_react.default.createElement(_Box.Box,{space:"s",vSpace:"s",bSpace:"xs"},_react.default.createElement(_Stack.Stack,{space:"xs"},_react.default.createElement(_Stack.Stack,{space:"s"},lists),_react.default.createElement(_Inline.Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?_react.default.createElement(_Portal.Portal,{portalContainer:portalContainer},listElm):null}
@@ -0,0 +1,8 @@
1
+ import type { RefObject } from "react";
2
+ export declare const MENU_MARGIN = 8;
3
+ export type ListStyle = {
4
+ top: number;
5
+ left: number;
6
+ width: number;
7
+ };
8
+ export declare function getListStyle(triggerRef: RefObject<HTMLDivElement>, menuRef: RefObject<HTMLDivElement>, document: Document, window: Window): ListStyle;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MENU_MARGIN(){return MENU_MARGIN},get getListStyle(){return getListStyle}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const MENU_MARGIN=8;function getListStyle(triggerRef,menuRef,document,window){if(!triggerRef.current||!menuRef.current)return{top:0,left:0,width:0};let triggerRect=triggerRef.current.getBoundingClientRect(),menuRect=menuRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,horizontalPlacement="right",left=0;return triggerRect.left+menuRect.width>=viewportWidth&&(horizontalPlacement="left"),{left:("left"===horizontalPlacement?triggerRect.right-menuRect.width:triggerRect.left)+window.scrollX,top:triggerRect.bottom+MENU_MARGIN+window.scrollY,width:triggerRect.width}}
@@ -0,0 +1,12 @@
1
+ import { type RefObject } from "react";
2
+ import type { ListStyle } from "./getListStyle";
3
+ type UseListPositionProps = {
4
+ isOpen: boolean;
5
+ triggerRef: RefObject<any>;
6
+ menuRef: RefObject<any>;
7
+ };
8
+ export declare function useListPosition({ triggerRef, menuRef, isOpen, }: UseListPositionProps): {
9
+ listStyle: ListStyle;
10
+ calculateStyle: () => void;
11
+ };
12
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useListPosition",{enumerable:!0,get:function(){return useListPosition}});const _react=require("react"),_getListStyle=require("./getListStyle"),_useWindow=require("../../shared/useWindow"),_useDocument=require("../../shared/useDocument");function useListPosition({triggerRef,menuRef,isOpen}){let document=(0,_useDocument.useDocument)(),window=(0,_useWindow.useWindow)(),[listStyle,setListStyle]=(0,_react.useState)({left:0,top:0,width:0}),calculateStyle=(0,_react.useCallback)(()=>{triggerRef.current&&menuRef.current&&setListStyle((0,_getListStyle.getListStyle)(triggerRef,menuRef,document,window))},[triggerRef,menuRef,document,window]);return(0,_react.useLayoutEffect)(()=>{let handleScrollEvent=evt=>{menuRef.current&&menuRef.current.contains(evt.target)||calculateStyle()};return isOpen&&(calculateStyle(),window.addEventListener("resize",calculateStyle),window.addEventListener("scroll",handleScrollEvent,!0)),()=>{window.removeEventListener("resize",calculateStyle),window.removeEventListener("scroll",handleScrollEvent,!0)}},[isOpen,calculateStyle,window,menuRef]),{listStyle,calculateStyle}}
@@ -1 +1 @@
1
- import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{CategoryList}from"./CategoryList";import{Container}from"../Container";import{usePopupMenu}from"../../shared/popupMenu/usePopupMenu";import{Portal,usePortalChildZIndex}from"../Portal/Portal";import{Inline}from"../Inline/Inline";export function getAutocompleteListId(name){return`${name}_AutocompleteList`}let StyledContainer=styled("div",{target:"e1jnh7q0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:usePortalChildZIndex(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IifQ== */"),StyledListContainer=styled("div",{target:"e1jnh7q1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICAgIC8vIFByZXZlbnQgYnJvd3NlciB0cmFuc2xhdGlvbiB0byBhdm9pZCBET00gbWFuaXB1bGF0aW9uIGNvbmZsaWN0cyB3aGVuIFJlYWN0IHRyaWVzIHRvIHVwZGF0ZS9yZW1vdmUgbm9kZXMgdGhhdCB0aGUgdHJhbnNsYXRpb24gc2VydmljZSBoYXMgYWxyZWFkeSBtb2RpZmllZFxuICAgICAgdHJhbnNsYXRlPVwibm9cIlxuICAgID5cbiAgICAgIDxDb250YWluZXI+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8U3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxCb3ggc3BhY2U9XCJzXCIgdlNwYWNlPVwic1wiIGJTcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIifQ== */");export function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=useRef(null),{menuStyle,calculateStyle}=usePopupMenu({triggerRef,menuRef,isOpen});useEffect(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>React.createElement(CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=React.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},React.createElement(Container,null,React.createElement(Box,{space:"xxs"},React.createElement(StyledListContainer,null,React.createElement(Box,{space:"s",vSpace:"s",bSpace:"xs"},React.createElement(Stack,{space:"xs"},React.createElement(Stack,{space:"s"},lists),React.createElement(Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}
1
+ import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{CategoryList}from"./CategoryList";import{Container}from"../Container";import{Portal,usePortalChildZIndex}from"../Portal/Portal";import{Inline}from"../Inline/Inline";import{useListPosition}from"./useListPosition";export function getAutocompleteListId(name){return`${name}_AutocompleteList`}let StyledContainer=styled("div",{target:"e1r1unra0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:usePortalChildZIndex(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbiAgdXNlUG9ydGFsQ2hpbGRaSW5kZXgsXG59IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBQcm9tcHRUZXh0QXJlYVByb3BzIH0gZnJvbSBcIi4vUHJvbXB0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZUxpc3RQb3NpdGlvbiB9IGZyb20gXCIuL3VzZUxpc3RQb3NpdGlvblwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IGxpc3RTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZUxpc3RQb3NpdGlvbih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RFbG0gPSAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgc3R5bGU9e2xpc3RTdHlsZX1cbiAgICAgIGlkPXtnZXRBdXRvY29tcGxldGVMaXN0SWQobmFtZSl9XG4gICAgICByb2xlPVwibGlzdGJveFwiXG4gICAgICAvLyBQcmV2ZW50IGJyb3dzZXIgdHJhbnNsYXRpb24gdG8gYXZvaWQgRE9NIG1hbmlwdWxhdGlvbiBjb25mbGljdHMgd2hlbiBSZWFjdCB0cmllcyB0byB1cGRhdGUvcmVtb3ZlIG5vZGVzIHRoYXQgdGhlIHRyYW5zbGF0aW9uIHNlcnZpY2UgaGFzIGFscmVhZHkgbW9kaWZpZWRcbiAgICAgIHRyYW5zbGF0ZT1cIm5vXCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIn0= */"),StyledListContainer=styled("div",{target:"e1r1unra1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7XG4gIFBvcnRhbCxcbiAgdHlwZSBQb3J0YWxQcm9wcyxcbiAgdXNlUG9ydGFsQ2hpbGRaSW5kZXgsXG59IGZyb20gXCIuLi9Qb3J0YWwvUG9ydGFsXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBQcm9tcHRUZXh0QXJlYVByb3BzIH0gZnJvbSBcIi4vUHJvbXB0VGV4dEFyZWFcIjtcbmltcG9ydCB7IHVzZUxpc3RQb3NpdGlvbiB9IGZyb20gXCIuL3VzZUxpc3RQb3NpdGlvblwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IGxpc3RTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZUxpc3RQb3NpdGlvbih7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RFbG0gPSAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXttZW51UmVmfVxuICAgICAgc3R5bGU9e2xpc3RTdHlsZX1cbiAgICAgIGlkPXtnZXRBdXRvY29tcGxldGVMaXN0SWQobmFtZSl9XG4gICAgICByb2xlPVwibGlzdGJveFwiXG4gICAgICAvLyBQcmV2ZW50IGJyb3dzZXIgdHJhbnNsYXRpb24gdG8gYXZvaWQgRE9NIG1hbmlwdWxhdGlvbiBjb25mbGljdHMgd2hlbiBSZWFjdCB0cmllcyB0byB1cGRhdGUvcmVtb3ZlIG5vZGVzIHRoYXQgdGhlIHRyYW5zbGF0aW9uIHNlcnZpY2UgaGFzIGFscmVhZHkgbW9kaWZpZWRcbiAgICAgIHRyYW5zbGF0ZT1cIm5vXCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzRCIn0= */");export function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=useRef(null),{listStyle,calculateStyle}=useListPosition({triggerRef,menuRef,isOpen});useEffect(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>React.createElement(CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listElm=React.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox",translate:"no"},React.createElement(Container,null,React.createElement(Box,{space:"xxs"},React.createElement(StyledListContainer,null,React.createElement(Box,{space:"s",vSpace:"s",bSpace:"xs"},React.createElement(Stack,{space:"xs"},React.createElement(Stack,{space:"s"},lists),React.createElement(Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}
@@ -0,0 +1,8 @@
1
+ import type { RefObject } from "react";
2
+ export declare const MENU_MARGIN = 8;
3
+ export type ListStyle = {
4
+ top: number;
5
+ left: number;
6
+ width: number;
7
+ };
8
+ export declare function getListStyle(triggerRef: RefObject<HTMLDivElement>, menuRef: RefObject<HTMLDivElement>, document: Document, window: Window): ListStyle;
@@ -0,0 +1 @@
1
+ export const MENU_MARGIN=8;export function getListStyle(triggerRef,menuRef,document,window){if(!triggerRef.current||!menuRef.current)return{top:0,left:0,width:0};let triggerRect=triggerRef.current.getBoundingClientRect(),menuRect=menuRef.current.getBoundingClientRect(),viewportWidth=document.documentElement.clientWidth,horizontalPlacement="right",left=0;return triggerRect.left+menuRect.width>=viewportWidth&&(horizontalPlacement="left"),{left:("left"===horizontalPlacement?triggerRect.right-menuRect.width:triggerRect.left)+window.scrollX,top:triggerRect.bottom+8+window.scrollY,width:triggerRect.width}}
@@ -0,0 +1,12 @@
1
+ import { type RefObject } from "react";
2
+ import type { ListStyle } from "./getListStyle";
3
+ type UseListPositionProps = {
4
+ isOpen: boolean;
5
+ triggerRef: RefObject<any>;
6
+ menuRef: RefObject<any>;
7
+ };
8
+ export declare function useListPosition({ triggerRef, menuRef, isOpen, }: UseListPositionProps): {
9
+ listStyle: ListStyle;
10
+ calculateStyle: () => void;
11
+ };
12
+ export {};
@@ -0,0 +1 @@
1
+ import{useState,useCallback,useLayoutEffect}from"react";import{getListStyle}from"./getListStyle";import{useWindow}from"../../shared/useWindow";import{useDocument}from"../../shared/useDocument";export function useListPosition({triggerRef,menuRef,isOpen}){let document=useDocument(),window=useWindow(),[listStyle,setListStyle]=useState({left:0,top:0,width:0}),calculateStyle=useCallback(()=>{triggerRef.current&&menuRef.current&&setListStyle(getListStyle(triggerRef,menuRef,document,window))},[triggerRef,menuRef,document,window]);return useLayoutEffect(()=>{let handleScrollEvent=evt=>{menuRef.current&&menuRef.current.contains(evt.target)||calculateStyle()};return isOpen&&(calculateStyle(),window.addEventListener("resize",calculateStyle),window.addEventListener("scroll",handleScrollEvent,!0)),()=>{window.removeEventListener("resize",calculateStyle),window.removeEventListener("scroll",handleScrollEvent,!0)}},[isOpen,calculateStyle,window,menuRef]),{listStyle,calculateStyle}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "3.25.2",
3
+ "version": "3.25.3",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",