@vixoniccom/news-internal 0.4.21-dev.32 → 0.4.21-dev.34

package/configuration/newsGroup/index.ts

@@ -10,8 +10,8 @@ export const newsGroup = new List({
   range: new NumberRangeValue(1, 200),
   itemDisplayClass: '2-lines',
   itemDisplayAttributes: {
-    title: 'title',
-    subtitle: 'description',
+    title: 'titleMedium',
+    subtitle: 'descriptionMedium',
     expirationDate: 'expirationDate',
   },
 })

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": ""
   },
-  "version": "0.4.21-dev.32",
+  "version": "0.4.21-dev.34",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",
@@ -36,7 +36,7 @@
     "@types/react-transition-group": "^4.4.12",
     "@types/uuid": "^9.0.1",
     "@vixoniccom/module-packager": "^2.13.0-dev.1",
-    "@vixoniccom/modules": "^2.25.0-dev.14",
+    "@vixoniccom/modules": "^2.22.0-dev.3",
     "standard-version": "^9.5.0"
   }
 }

package/src/components/App.tsx

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import { v4 as uuid } from 'uuid'
 import { NewsContainer } from './NewsContainer'
 import { FontLoader } from './FontLoader'
 import dayjs from 'dayjs'
@@ -18,13 +17,13 @@ export const App: React.FunctionComponent<Props> = ({ data }) => {
       'large': n[`${prefix}Large`],
       'extra-large': n[`${prefix}ExtraLarge`]
     }
-    return prefixMap[size] || n[`${prefix}Medium`] || ''
+    return prefixMap[size] || n[`${prefix}Medium`] || n[prefix] || ''
   }
 
   const parseNews = (data?: VixonicData): NewsItem[] => {
     if (!data) return []
     const { news, newsSizeSelect } = data.parameters
-    const parsedNews = news?.map((n) => {
+    const parsedNews = news?.map((n, index) => {
       const { image, ...rest } = n
       let parsedImage
       const qrUrl = n.qrCodeUrl
@@ -38,7 +37,7 @@ export const App: React.FunctionComponent<Props> = ({ data }) => {
           title,
           description,
           image: parsedImage,
-          id: uuid(),
+          id: n.__id ?? String(index),
           qrCodeUrl: qrUrl 
         }
     }).filter((n) => {

package/src/components/NewsContainer/index.tsx

@@ -18,6 +18,12 @@ export const NewsContainer: React.FunctionComponent<Props> = (props) => {
   const [currentIndex, setCurrentIndex] = useState(0)
   const item = props.items.length > currentIndex ? props.items[currentIndex] : undefined
 
+  useEffect(() => {
+  if (props.items.length > 0 && currentIndex >= props.items.length) {
+    setCurrentIndex(0)
+  }
+  }, [props.items.length]) 
+  
   useEffect(() => {
     startTimeout()
     return () => {

package/src/global.d.ts

@@ -1,3 +1,5 @@
+declare module '*.css'
+
 type NewsItem = {
   id: string
   title?: string