@vixoniccom/news-internal 0.4.21-dev.36 → 0.4.21-dev.38

package/configuration/index.ts

@@ -1,8 +1,8 @@
 import { Configuration } from '@vixoniccom/modules'
-import { appereanceGroup } from './appearanceGroup'
+import { appearanceGroup } from './appearanceGroup'
 import { newsGroup } from './newsGroup'
 
 export const configuration: Configuration = new Configuration({
   durationFormula: `(_values.news && _values.news.filter(function(newsItem) { return new Date(newsItem.expirationDate) > new Date() || isNaN(new Date(newsItem.expirationDate)) ; }).length || 0) * (_values.showTime || 10)`,
-  schema: [newsGroup, appereanceGroup],
+  schema: [newsGroup, appearanceGroup],
 })

package/configuration/newsGroup/index.ts

@@ -1,26 +1,7 @@
-import { List, NumberRangeValue, isInput } from '@vixoniccom/modules'
+import { List, NumberRangeValue } from '@vixoniccom/modules'
 import { newsInputs } from './newsInputs'
 
-class SmartList extends List {
-  validateItem(value: any, ctx: any): any {
-    if (!value.__id) return [{ type: 'ItemHasNoUniqueId' }]
-
-    const itemErrors: Record<string, any[]> = {}
-    this.itemSchema.forEach((input) => {
-      if (isInput(input)) {
-        const i = input as any
-        if (i.shouldShow(ctx)) {
-          itemErrors[i.id] = i.validate((value as any)[i.id], ctx)
-        } else if (!(i.id in itemErrors)) {
-          itemErrors[i.id] = []
-        }
-      }
-    })
-    return itemErrors
-  }
-}
-
-export const newsGroup = new SmartList({
+export const newsGroup = new List({
   id: 'news',
   label: 'Noticias',
   description: 'Lista de noticias',

package/configuration/newsGroup/newsInputs.ts

@@ -5,7 +5,6 @@ export const newsInputs = [
   new TextInput({
     id: 'title',
     label: 'Título corto',
-    required: true,
     show: ShowValidations.shortTitleEnabled,
     range: new NumberRangeValue(1, 25),
     pattern: '^(?!\\s*$).+',
@@ -13,7 +12,6 @@ export const newsInputs = [
   new TextInput({
     id: 'title',
     label: 'Título mediano',
-    required: true,
     show: ShowValidations.mediumTitleEnabled,
     range: new NumberRangeValue(1, 40),
     pattern: '^(?!\\s*$).+',
@@ -21,7 +19,6 @@ export const newsInputs = [
   new TextInput({
     id: 'title',
     label: 'Título largo',
-    required: true,
     show: ShowValidations.largeTitleEnabled,
     range: new NumberRangeValue(1, 50),
     pattern: '^(?!\\s*$).+',
@@ -30,7 +27,6 @@ export const newsInputs = [
   new TextInput({
     id: 'title',
     label: 'Título extra largo',
-    required: true,
     show: ShowValidations.extraLargeTitleEnabled,
     range: new NumberRangeValue(1, 70),
     pattern: '^(?!\\s*$).+',
@@ -39,7 +35,6 @@ export const newsInputs = [
   new TextArea({
     id: 'description',
     label: 'Descripción corta',
-    required: true,
     show: ShowValidations.shortDescriptionEnabled,
     range: new NumberRangeValue(1, 80),
     html: true,
@@ -49,7 +44,6 @@ export const newsInputs = [
   new TextArea({
     id: 'description',
     label: 'Descripción mediana',
-    required: true,
     show: ShowValidations.mediumDescriptionEnabled,
     range: new NumberRangeValue(1, 180),
     html: true,
@@ -59,7 +53,6 @@ export const newsInputs = [
   new TextArea({
     id: 'description',
     label: 'Descripción larga',
-    required: true,
     show: ShowValidations.largeDescriptionEnabled,
     range: new NumberRangeValue(1, 350),
     html: true,
@@ -69,7 +62,6 @@ export const newsInputs = [
   new TextArea({
     id: 'description',
     label: 'Descripción extra larga',
-    required: true,
     show: ShowValidations.extraLargeDescriptionEnabled,
     range: new NumberRangeValue(1, 500),
     html: true,

package/configuration.json

@@ -129,7 +129,7 @@
       "sortable": true
     },
     {
-      "id": "appearanceGroup",
+      "id": "appaeranceGroup",
       "label": "Apariencia",
       "type": "group",
       "items": [

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": ""
   },
-  "version": "0.4.21-dev.36",
+  "version": "0.4.21-dev.38",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",

package/src/components/App.tsx

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import { v4 as uuid } from 'uuid'
 import { NewsContainer } from './NewsContainer'
 import { FontLoader } from './FontLoader'
 import dayjs from 'dayjs'
@@ -9,26 +10,21 @@ export type Props = {
 
 export const App: React.FunctionComponent<Props> = ({ data }) => {
   const [news, setNews] = useState<NewsItem[]>([])
-  
+
   const parseNews = (data?: VixonicData): NewsItem[] => {
     if (!data) return []
     const { news } = data.parameters
-    const parsedNews = news?.map((n, index) => {
+    const parsedNews = news?.map((n) => {
       const { image, ...rest } = n
       let parsedImage
       const qrUrl = n.qrCodeUrl
       if (image?.filename) parsedImage = `${data.downloadsPath}/${image.filename}`
-    
-      let title = n.title
-      let description = n.description
 
       return {
          ...rest,
-          title,
-          description,
           image: parsedImage,
-          id: n.__id ?? String(index),
-          qrCodeUrl: qrUrl 
+          id: uuid(),
+          qrCodeUrl: qrUrl
         }
     }).filter((n) => {
       const { expirationDate } = n

package/src/global.d.ts

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

package/src/parameters.d.ts

@@ -7,8 +7,8 @@ declare type VixonicData = {
 declare type VixonicParameters = 
 Partial<{
   news: {
-    title: string, 
-    description: string, 
+    title: string,
+    description: string,
     image: {
       id?: string, 
       filename?: string,