@amboss/design-system 1.9.6 → 1.9.8

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js

@@ -17,7 +17,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
     height: "100%",
     maxHeight
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0IiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
 const StyledScrollableContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebr5g6s0"
 } : {
@@ -32,7 +32,7 @@ const StyledScrollableContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV
     boxSizing: "border-box",
     height: maxContentHeight
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0MiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L1N0eWxlZFNjcm9sbGFibGVDb250ZW50PlxuICAgICAgKX1cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpcnR1YWxTY3JvbGxMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjZ0MiLCJmaWxlIjoiVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIGl0ZW1IZWlnaHQ6IG51bWJlcjtcbiAgaXRlbUFtb3VudDogbnVtYmVyO1xuICBlbXB0eVN0YXRlOiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3Qgb3ZlcnNjYW4gPSAxMDtcblxuZXhwb3J0IGZ1bmN0aW9uIFZpcnR1YWxTY3JvbGxMaXN0KHtcbiAgbWF4SGVpZ2h0LFxuICBpdGVtSGVpZ2h0LFxuICBpdGVtQW1vdW50LFxuICBlbXB0eVN0YXRlID0gKCkgPT4gbnVsbCxcbiAgaXRlbUluVmlldyxcbiAgaXRlbVRlbXBsYXRlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IFZpcnR1YWxTY3JvbGxMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzY3JvbGxhYmxlQ29udGFpbmVyUmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCB2aWV3cG9ydFJlZiA9IHVzZVJlZihudWxsKTtcblxuICBjb25zdCBbXG4gICAge1xuICAgICAgc2Nyb2xsZWRJdGVtQ291bnQsXG4gICAgICBhbW91bnRPZkl0ZW1zSW5WaWV3LFxuICAgICAgc2Nyb2xsZWRJblB4LFxuICAgICAgbWF4Q29udGVudEhlaWdodCA9IG1heEhlaWdodCxcbiAgICAgIHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb24sXG4gICAgfSxcbiAgICBkaXNwYXRjaCxcbiAgXSA9IHVzZVJlZHVjZXIoVmlydHVhbFNjcm9sbFJlZHVjZXIsIHt9KTtcblxuICB1c2VMYXlvdXRFZmZlY3QoKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogXCJyZXNldFwiLCBpdGVtSGVpZ2h0LCBtYXhIZWlnaHQsIG92ZXJzY2FuIH0pO1xuICAgIHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AgPSAwO1xuICB9LCBbaXRlbUhlaWdodCwgaXRlbUFtb3VudCwgbWF4SGVpZ2h0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInJlY29tbWVuZFNjcm9sbFBvc2l0aW9uXCIsXG4gICAgICBzY3JvbGxUb3A6IHNjcm9sbGFibGVDb250YWluZXJSZWYuY3VycmVudC5zY3JvbGxUb3AsXG4gICAgICBpdGVtVG9CZUluVmlldzogaXRlbUluVmlldyxcbiAgICB9KTtcbiAgfSwgW2l0ZW1JblZpZXddKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uID09PSBudWxsKSByZXR1cm47XG5cbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gcmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbjtcbiAgfSwgW3JlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb25dKTtcbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcbiAgICBkaXNwYXRjaCh7XG4gICAgICB0eXBlOiBcInVwZGF0ZVZpZXdwb3J0XCIsXG4gICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICBpdGVtQW1vdW50LFxuICAgIH0pO1xuICB9LCBbaXRlbUFtb3VudCwgc2Nyb2xsZWRJdGVtQ291bnRdKTtcblxuICBjb25zdCBpdGVtQ291bnRUb0JlUmVuZGVyZWQgPSBNYXRoLm1pbihcbiAgICBNYXRoLm1heCgwLCBpdGVtQW1vdW50IC0gc2Nyb2xsZWRJdGVtQ291bnQpLFxuICAgIGFtb3VudE9mSXRlbXNJblZpZXdcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIHJlZj17c2Nyb2xsYWJsZUNvbnRhaW5lclJlZn1cbiAgICAgIG1heEhlaWdodD17bWF4SGVpZ2h0fVxuICAgICAgc3R5bGU9e3sgbWF4SGVpZ2h0IH19XG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlZpcnR1YWxTY3JvbGxMaXN0XCJcbiAgICAgIG9uU2Nyb2xsPXsoZTogUmVhY3QuVUlFdmVudDxIVE1MRWxlbWVudD4pID0+IHtcbiAgICAgICAgZGlzcGF0Y2goe1xuICAgICAgICAgIHR5cGU6IFwic2Nyb2xsXCIsXG4gICAgICAgICAgc2Nyb2xsVG9wOiBlLmN1cnJlbnRUYXJnZXQuc2Nyb2xsVG9wLFxuICAgICAgICB9KTtcbiAgICAgIH19XG4gICAgPlxuICAgICAge2l0ZW1BbW91bnQgPT09IDAgPyAoXG4gICAgICAgIGVtcHR5U3RhdGUoKVxuICAgICAgKSA6IChcbiAgICAgICAgPFN0eWxlZFNjcm9sbGFibGVDb250ZW50IG1heENvbnRlbnRIZWlnaHQ9e21heENvbnRlbnRIZWlnaHR9PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIHJlZj17dmlld3BvcnRSZWZ9XG4gICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7c2Nyb2xsZWRJblB4fXB4YCxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXX0= */");
 const overscan = 10;
 function VirtualScrollList(_ref3) {
   let {
@@ -89,6 +89,7 @@ function VirtualScrollList(_ref3) {
       maxHeight
     },
     "data-e2e-test-id": dataE2eTestId,
+    "data-ds-id": "VirtualScrollList",
     onScroll: e => {
       dispatch({
         type: "scroll",

package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualScrollList.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useRef, useReducer, useLayoutEffect, useEffect } from \"react\";\n\nimport { VirtualScrollReducer } from \"./VirtualScrollListReducer\";\n\nconst StyledContainer = styled.div<Partial<VirtualScrollListProps>>(\n  ({ maxHeight }) => ({\n    overflow: \"auto\",\n    width: \"100%\",\n    height: \"100%\",\n    maxHeight,\n  })\n);\n\nconst StyledScrollableContent = styled.div<{ maxContentHeight: number }>(\n  ({ maxContentHeight }) => ({\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    height: maxContentHeight,\n  })\n);\n\nexport type VirtualScrollListProps = {\n  \"data-e2e-test-id\"?: string;\n  maxHeight: number;\n  itemHeight: number;\n  itemAmount: number;\n  emptyState: () => React.ReactNode;\n  itemInView: number;\n  itemTemplate: (index: number) => React.ReactNode;\n};\n\nconst overscan = 10;\n\nexport function VirtualScrollList({\n  maxHeight,\n  itemHeight,\n  itemAmount,\n  emptyState = () => null,\n  itemInView,\n  itemTemplate,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: VirtualScrollListProps): React.ReactElement {\n  const scrollableContainerRef = useRef(null);\n  const viewportRef = useRef(null);\n\n  const [\n    {\n      scrolledItemCount,\n      amountOfItemsInView,\n      scrolledInPx,\n      maxContentHeight = maxHeight,\n      recommendedScrollPosition,\n    },\n    dispatch,\n  ] = useReducer(VirtualScrollReducer, {});\n\n  useLayoutEffect(() => {\n    dispatch({ type: \"reset\", itemHeight, maxHeight, overscan });\n    scrollableContainerRef.current.scrollTop = 0;\n  }, [itemHeight, itemAmount, maxHeight]);\n\n  useEffect(() => {\n    dispatch({\n      type: \"recommendScrollPosition\",\n      scrollTop: scrollableContainerRef.current.scrollTop,\n      itemToBeInView: itemInView,\n    });\n  }, [itemInView]);\n\n  useEffect(() => {\n    if (recommendedScrollPosition === null) return;\n\n    scrollableContainerRef.current.scrollTop = recommendedScrollPosition;\n  }, [recommendedScrollPosition]);\n  useLayoutEffect(() => {\n    if (!viewportRef.current) return;\n    dispatch({\n      type: \"updateViewport\",\n      viewportNode: viewportRef.current,\n      itemAmount,\n    });\n  }, [itemAmount, scrolledItemCount]);\n\n  const itemCountToBeRendered = Math.min(\n    Math.max(0, itemAmount - scrolledItemCount),\n    amountOfItemsInView\n  );\n\n  return (\n    <StyledContainer\n      ref={scrollableContainerRef}\n      maxHeight={maxHeight}\n      style={{ maxHeight }}\n      data-e2e-test-id={dataE2eTestId}\n      onScroll={(e: React.UIEvent<HTMLElement>) => {\n        dispatch({\n          type: \"scroll\",\n          scrollTop: e.currentTarget.scrollTop,\n        });\n      }}\n    >\n      {itemAmount === 0 ? (\n        emptyState()\n      ) : (\n        <StyledScrollableContent maxContentHeight={maxContentHeight}>\n          <div\n            ref={viewportRef}\n            style={{\n              transform: `translateY(${scrolledInPx}px`,\n            }}\n          >\n            {!!itemCountToBeRendered &&\n              new Array(itemCountToBeRendered)\n                .fill(0)\n                .map((_, index) => itemTemplate(scrolledItemCount + index))}\n          </div>\n        </StyledScrollableContent>\n      )}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","maxHeight","overflow","width","height","StyledScrollableContent","_ref2","maxContentHeight","boxSizing","overscan","VirtualScrollList","_ref3","itemHeight","itemAmount","emptyState","itemInView","itemTemplate","dataE2eTestId","scrollableContainerRef","useRef","viewportRef","scrolledItemCount","amountOfItemsInView","scrolledInPx","recommendedScrollPosition","dispatch","useReducer","VirtualScrollReducer","useLayoutEffect","type","current","scrollTop","useEffect","itemToBeInView","viewportNode","itemCountToBeRendered","Math","min","max","React","createElement","ref","style","onScroll","e","currentTarget","transform","Array","fill","map","_","index"],"mappings":"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"}
+{"version":3,"file":"VirtualScrollList.js","sources":["../../../../../src/components/VirtualScrollList/VirtualScrollList.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport React, { useRef, useReducer, useLayoutEffect, useEffect } from \"react\";\n\nimport { VirtualScrollReducer } from \"./VirtualScrollListReducer\";\n\nconst StyledContainer = styled.div<Partial<VirtualScrollListProps>>(\n  ({ maxHeight }) => ({\n    overflow: \"auto\",\n    width: \"100%\",\n    height: \"100%\",\n    maxHeight,\n  })\n);\n\nconst StyledScrollableContent = styled.div<{ maxContentHeight: number }>(\n  ({ maxContentHeight }) => ({\n    overflow: \"hidden\",\n    boxSizing: \"border-box\",\n    height: maxContentHeight,\n  })\n);\n\nexport type VirtualScrollListProps = {\n  \"data-e2e-test-id\"?: string;\n  maxHeight: number;\n  itemHeight: number;\n  itemAmount: number;\n  emptyState: () => React.ReactNode;\n  itemInView: number;\n  itemTemplate: (index: number) => React.ReactNode;\n};\n\nconst overscan = 10;\n\nexport function VirtualScrollList({\n  maxHeight,\n  itemHeight,\n  itemAmount,\n  emptyState = () => null,\n  itemInView,\n  itemTemplate,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: VirtualScrollListProps): React.ReactElement {\n  const scrollableContainerRef = useRef(null);\n  const viewportRef = useRef(null);\n\n  const [\n    {\n      scrolledItemCount,\n      amountOfItemsInView,\n      scrolledInPx,\n      maxContentHeight = maxHeight,\n      recommendedScrollPosition,\n    },\n    dispatch,\n  ] = useReducer(VirtualScrollReducer, {});\n\n  useLayoutEffect(() => {\n    dispatch({ type: \"reset\", itemHeight, maxHeight, overscan });\n    scrollableContainerRef.current.scrollTop = 0;\n  }, [itemHeight, itemAmount, maxHeight]);\n\n  useEffect(() => {\n    dispatch({\n      type: \"recommendScrollPosition\",\n      scrollTop: scrollableContainerRef.current.scrollTop,\n      itemToBeInView: itemInView,\n    });\n  }, [itemInView]);\n\n  useEffect(() => {\n    if (recommendedScrollPosition === null) return;\n\n    scrollableContainerRef.current.scrollTop = recommendedScrollPosition;\n  }, [recommendedScrollPosition]);\n  useLayoutEffect(() => {\n    if (!viewportRef.current) return;\n    dispatch({\n      type: \"updateViewport\",\n      viewportNode: viewportRef.current,\n      itemAmount,\n    });\n  }, [itemAmount, scrolledItemCount]);\n\n  const itemCountToBeRendered = Math.min(\n    Math.max(0, itemAmount - scrolledItemCount),\n    amountOfItemsInView\n  );\n\n  return (\n    <StyledContainer\n      ref={scrollableContainerRef}\n      maxHeight={maxHeight}\n      style={{ maxHeight }}\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"VirtualScrollList\"\n      onScroll={(e: React.UIEvent<HTMLElement>) => {\n        dispatch({\n          type: \"scroll\",\n          scrollTop: e.currentTarget.scrollTop,\n        });\n      }}\n    >\n      {itemAmount === 0 ? (\n        emptyState()\n      ) : (\n        <StyledScrollableContent maxContentHeight={maxContentHeight}>\n          <div\n            ref={viewportRef}\n            style={{\n              transform: `translateY(${scrolledInPx}px`,\n            }}\n          >\n            {!!itemCountToBeRendered &&\n              new Array(itemCountToBeRendered)\n                .fill(0)\n                .map((_, index) => itemTemplate(scrolledItemCount + index))}\n          </div>\n        </StyledScrollableContent>\n      )}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","maxHeight","overflow","width","height","StyledScrollableContent","_ref2","maxContentHeight","boxSizing","overscan","VirtualScrollList","_ref3","itemHeight","itemAmount","emptyState","itemInView","itemTemplate","dataE2eTestId","scrollableContainerRef","useRef","viewportRef","scrolledItemCount","amountOfItemsInView","scrolledInPx","recommendedScrollPosition","dispatch","useReducer","VirtualScrollReducer","useLayoutEffect","type","current","scrollTop","useEffect","itemToBeInView","viewportNode","itemCountToBeRendered","Math","min","max","React","createElement","ref","style","onScroll","e","currentTarget","transform","Array","fill","map","_","index"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.9.6",
+  "version": "1.9.8",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",