+ {showLeftControl && !!renderLeftControl && (
+
+ {renderLeftControl(() => slide('left'))}
+
+ )}
+
setDoAnimationReset(true)}
+ >
+ {tileList.map((item:any, listIndex) => {
+ const isVisible =
+ isAnimating ||
+ !isMultiPage ||
+ (listIndex > tilesToShowRounded - offsetCompensation - 1 &&
+ listIndex < tilesToShowRounded * 2 + offsetCompensation + offsetCompensation);
+
+ return (
+ -
+ {renderTile(item, listIndex)}
+
+ );
+ })}
+
+ {offsetCompensation > 0 && isMultiPage && (
+
+ )}
+ {showRightControl && !!renderRightControl && (
+
+ {renderRightControl(() => slide('right'))}
+
+ )}
+
+ );
+};
+
+export default TileDock;
diff --git a/src/container/Shelf/Shelf.test.tsx b/src/container/Shelf/Shelf.test.tsx
new file mode 100644
index 000000000..6bec19383
--- /dev/null
+++ b/src/container/Shelf/Shelf.test.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import Shelf from './Shelf';
+
+describe('Playlist Component tests', () => {
+ test.skip('dummy test', () => {
+ render(
+