@vixoniccom/news-internal 0.4.21-dev.33 → 0.4.21-dev.35

package/configuration/appearanceGroup/index.ts

@@ -2,8 +2,8 @@ import { Group } from '@vixoniccom/modules'
 import { generalInputs } from './generalInputs'
 import { elementsInputs } from './elementsInputs'
 
-export const appereanceGroup = new Group({
-  id: 'appaeranceGroup',
+export const appearanceGroup = new Group({
+  id: 'appearanceGroup',
   label: 'Apariencia',
   items: [
     ...generalInputs,

package/configuration/newsGroup/index.ts

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

package/configuration/newsGroup/newsInputs.ts

@@ -3,7 +3,7 @@ import { ShowValidations } from '../utils'
 
 export const newsInputs = [
   new TextInput({
-    id: 'titleShort',
+    id: 'title',
     label: 'Título corto',
     required: true,
     show: ShowValidations.shortTitleEnabled,
@@ -11,7 +11,7 @@ export const newsInputs = [
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleMedium',
+    id: 'title',
     label: 'Título mediano',
     required: true,
     show: ShowValidations.mediumTitleEnabled,
@@ -19,7 +19,7 @@ export const newsInputs = [
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleLarge',
+    id: 'title',
     label: 'Título largo',
     required: true,
     show: ShowValidations.largeTitleEnabled,
@@ -28,7 +28,7 @@ export const newsInputs = [
   }),
 
   new TextInput({
-    id: 'titleExtraLarge',
+    id: 'title',
     label: 'Título extra largo',
     required: true,
     show: ShowValidations.extraLargeTitleEnabled,
@@ -37,7 +37,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionShort',
+    id: 'description',
     label: 'Descripción corta',
     required: true,
     show: ShowValidations.shortDescriptionEnabled,
@@ -47,7 +47,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionMedium',
+    id: 'description',
     label: 'Descripción mediana',
     required: true,
     show: ShowValidations.mediumDescriptionEnabled,
@@ -57,7 +57,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionLarge',
+    id: 'description',
     label: 'Descripción larga',
     required: true,
     show: ShowValidations.largeDescriptionEnabled,
@@ -67,7 +67,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionExtraLarge',
+    id: 'description',
     label: 'Descripción extra larga',
     required: true,
     show: ShowValidations.extraLargeDescriptionEnabled,

package/configuration.json

@@ -7,7 +7,7 @@
       "type": "list",
       "itemSchema": [
         {
-          "id": "titleShort",
+          "id": "title",
           "label": "Título corto",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-input",
@@ -16,7 +16,7 @@
           "range": "[1:25]"
         },
         {
-          "id": "titleMedium",
+          "id": "title",
           "label": "Título mediano",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-input",
@@ -25,7 +25,7 @@
           "range": "[1:40]"
         },
         {
-          "id": "titleLarge",
+          "id": "title",
           "label": "Título largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-input",
@@ -34,7 +34,7 @@
           "range": "[1:50]"
         },
         {
-          "id": "titleExtraLarge",
+          "id": "title",
           "label": "Título extra largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-input",
@@ -43,7 +43,7 @@
           "range": "[1:70]"
         },
         {
-          "id": "descriptionShort",
+          "id": "description",
           "label": "Descripción corta",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-area",
@@ -53,7 +53,7 @@
           "html": true
         },
         {
-          "id": "descriptionMedium",
+          "id": "description",
           "label": "Descripción mediana",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-area",
@@ -63,7 +63,7 @@
           "html": true
         },
         {
-          "id": "descriptionLarge",
+          "id": "description",
           "label": "Descripción larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-area",
@@ -73,7 +73,7 @@
           "html": true
         },
         {
-          "id": "descriptionExtraLarge",
+          "id": "description",
           "label": "Descripción extra larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-area",
@@ -129,7 +129,7 @@
       "sortable": true
     },
     {
-      "id": "appaeranceGroup",
+      "id": "appearanceGroup",
       "label": "Apariencia",
       "type": "group",
       "items": [

package/package.json

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

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'
@@ -11,27 +10,17 @@ export type Props = {
 export const App: React.FunctionComponent<Props> = ({ data }) => {
   const [news, setNews] = useState<NewsItem[]>([])
   
-   const getPrefixBySize = (n: any, size: string, prefix: string): string => {
-    const prefixMap: { [key: string]: string } = {
-      'short': n[`${prefix}Short`],
-      'medium': n[`${prefix}Medium`],
-      'large': n[`${prefix}Large`],
-      'extra-large': n[`${prefix}ExtraLarge`]
-    }
-    return prefixMap[size] || n[`${prefix}Medium`] || ''
-  }
-
   const parseNews = (data?: VixonicData): NewsItem[] => {
     if (!data) return []
-    const { news, newsSizeSelect } = data.parameters
+    const { news } = data.parameters
     const parsedNews = news?.map((n, index) => {
       const { image, ...rest } = n
       let parsedImage
       const qrUrl = n.qrCodeUrl
       if (image?.filename) parsedImage = `${data.downloadsPath}/${image.filename}`
     
-      let title = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'title')
-      let description = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'description')
+      let title = n.title
+      let description = n.description
 
       return {
          ...rest,

package/src/global.d.ts

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

package/src/parameters.d.ts

@@ -7,14 +7,8 @@ declare type VixonicData = {
 declare type VixonicParameters = 
 Partial<{
   news: {
-    titleShort: string, 
-    titleMedium: string, 
-    titleLarge: string, 
-    titleExtraLarge: string, 
-    descriptionShort: string, 
-    descriptionMedium: string, 
-    descriptionLarge: string, 
-    descriptionExtraLarge: string, 
+    title: string, 
+    description: string, 
     image: {
       id?: string, 
       filename?: string,