@playpilot/tpi 8.38.1 → 8.38.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@playpilot/tpi",
-	"version": "8.38.1",
+	"version": "8.38.3",
 	"type": "module",
 	"scripts": {
 		"dev": "vite dev",

package/src/routes/components/Explore/Routes/ExploreHome.svelte

@@ -57,7 +57,7 @@
         onexpand={(title) => track(TrackingEvent.ExploreTitleRailExpandClick, title, { rail: headings })}
         fetchFunction={(page) => getListTitles({ ...params, page })}
         size={properties.size || 'flexible'}
-        minimumLength={7} />
+        minimumLength={properties.minimum ?? 7} />
     </div>
   {/each}
 {:catch}

package/src/routes/components/Rails/TitlesRail.svelte

@@ -168,6 +168,8 @@
       {/each}
     </Rail>
   {:then titles}
+    {@const titlesWithoutDuplicates = titles?.filter((a, i, titles) => titles.findIndex(b => (b.sid === a.sid)) === i)}
+
     {#if titles?.length >= minimumLength}
       <Rail
         bind:slider
@@ -175,7 +177,7 @@
         {heading}
         onchange={(index) => onchange(titles, index)}
         onresize={() => slider?.reposition()}>
-        {#each titles as title, index}
+        {#each titlesWithoutDuplicates as title, index}
           {@const expanded = isExpanded(title)}
           {@const onclick = (event: MouseEvent): void => openTitle(event, titles, index)}
 

package/src/tests/routes/components/Rails/TitlesRail.test.js

@@ -36,7 +36,7 @@ describe('TitlesRail.svelte', () => {
   })
 
   it('Should render all titles', async () => {
-    const { getAllByTestId } = render(TitlesRail, { titles: [title, title] })
+    const { getAllByTestId } = render(TitlesRail, { titles: [{ ...title, sid: '1' }, { ...title, sid: '2' }] })
 
     expect(getAllByTestId('title')).toHaveLength(2)
   })
@@ -202,13 +202,13 @@ describe('TitlesRail.svelte', () => {
   })
 
   it('Should not render rails if fewer than given mimimumLength of titles were returned', () => {
-    const { container } = render(TitlesRail, { titles: [title, title], minimumLength: 3 })
+    const { container } = render(TitlesRail, { titles: [{ ...title, sid: '1' }, { ...title, sid: '2' }], minimumLength: 3 })
 
     expect(container.querySelector('.titles .slider')).not.toBeTruthy()
   })
 
   it('Should render rails if equal or more than given mimimumLength of titles were returned', () => {
-    const { container } = render(TitlesRail, { titles: [title, title, title], minimumLength: 3 })
+    const { container } = render(TitlesRail, { titles: [{ ...title, sid: '1' }, { ...title, sid: '2' }, { ...title, sid: '3' }], minimumLength: 3 })
 
     expect(container.querySelector('.titles .slider')).toBeTruthy()
   })
@@ -221,4 +221,10 @@ describe('TitlesRail.svelte', () => {
     expect(window.location.href).toContain(`?route=modal&sid=${title.sid}`)
     expect(openModal).not.toHaveBeenCalledWith()
   })
+
+  it('Should remove duplicate titles', () => {
+    const { container } = render(TitlesRail, { titles: [title, title] })
+
+    expect(container.querySelectorAll('.title')).toHaveLength(1)
+  })
 })