@vixoniccom/news-internal 0.4.21-dev.37 → 0.4.21-dev.39

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,43 +3,38 @@ import { ShowValidations } from '../utils'
 
 export const newsInputs = [
   new TextInput({
-    id: 'titleShort',
+    id: 'title',
     label: 'Título corto',
-    required: true,
     show: ShowValidations.shortTitleEnabled,
     range: new NumberRangeValue(1, 25),
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleMedium',
+    id: 'title',
     label: 'Título mediano',
-    required: true,
     show: ShowValidations.mediumTitleEnabled,
     range: new NumberRangeValue(1, 40),
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleLarge',
+    id: 'title',
     label: 'Título largo',
-    required: true,
     show: ShowValidations.largeTitleEnabled,
     range: new NumberRangeValue(1, 50),
     pattern: '^(?!\\s*$).+',
   }),
 
   new TextInput({
-    id: 'titleExtraLarge',
+    id: 'title',
     label: 'Título extra largo',
-    required: true,
     show: ShowValidations.extraLargeTitleEnabled,
     range: new NumberRangeValue(1, 70),
     pattern: '^(?!\\s*$).+',
   }),
 
   new TextArea({
-    id: 'descriptionShort',
+    id: 'description',
     label: 'Descripción corta',
-    required: true,
     show: ShowValidations.shortDescriptionEnabled,
     range: new NumberRangeValue(1, 80),
     html: true,
@@ -47,9 +42,8 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionMedium',
+    id: 'description',
     label: 'Descripción mediana',
-    required: true,
     show: ShowValidations.mediumDescriptionEnabled,
     range: new NumberRangeValue(1, 180),
     html: true,
@@ -57,9 +51,8 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionLarge',
+    id: 'description',
     label: 'Descripción larga',
-    required: true,
     show: ShowValidations.largeDescriptionEnabled,
     range: new NumberRangeValue(1, 350),
     html: true,
@@ -67,9 +60,8 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionExtraLarge',
+    id: 'description',
     label: 'Descripción extra larga',
-    required: true,
     show: ShowValidations.extraLargeDescriptionEnabled,
     range: new NumberRangeValue(1, 500),
     html: true,

package/configuration.json

@@ -7,79 +7,79 @@
       "type": "list",
       "itemSchema": [
         {
-          "id": "titleShort",
+          "id": "title",
           "label": "Título corto",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-input",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:25:]"
+          "range": "[1:25]"
         },
         {
-          "id": "titleMedium",
+          "id": "title",
           "label": "Título mediano",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-input",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:40:]"
+          "range": "[1:40]"
         },
         {
-          "id": "titleLarge",
+          "id": "title",
           "label": "Título largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-input",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:50:]"
+          "range": "[1:50]"
         },
         {
-          "id": "titleExtraLarge",
+          "id": "title",
           "label": "Título extra largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-input",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:70:]"
+          "range": "[1:70]"
         },
         {
-          "id": "descriptionShort",
+          "id": "description",
           "label": "Descripción corta",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-area",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:80:]",
+          "range": "[1:80]",
           "html": true
         },
         {
-          "id": "descriptionMedium",
+          "id": "description",
           "label": "Descripción mediana",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-area",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:180:]",
+          "range": "[1:180]",
           "html": true
         },
         {
-          "id": "descriptionLarge",
+          "id": "description",
           "label": "Descripción larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-area",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:350:]",
+          "range": "[1:350]",
           "html": true
         },
         {
-          "id": "descriptionExtraLarge",
+          "id": "description",
           "label": "Descripción extra larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-area",
           "required": true,
           "pattern": "^(?!\\s*$).+",
-          "range": "[1:500:]",
+          "range": "[1:500]",
           "html": true
         },
         {
@@ -119,17 +119,17 @@
         }
       ],
       "description": "Lista de noticias",
-      "range": "[1:200:]",
+      "range": "[1:200]",
       "itemDisplayClass": "2-lines",
       "itemDisplayAttributes": {
-        "title": "titleMedium",
-        "subtitle": "descriptionMedium",
+        "title": "title",
+        "subtitle": "description",
         "expirationDate": "expirationDate"
       },
       "sortable": true
     },
     {
-      "id": "appearanceGroup",
+      "id": "appaeranceGroup",
       "label": "Apariencia",
       "type": "group",
       "items": [
@@ -188,7 +188,7 @@
           "id": "showTime",
           "label": "Persistencia",
           "type": "number-input",
-          "range": "[5:9999:]",
+          "range": "[5:9999]",
           "description": "Tiempo en segundos por noticia. Por defecto 10"
         },
         {
@@ -253,13 +253,12 @@
         },
         {
           "id": "defaultMessage",
-          "label": "Mensaje sin noticias",
-          "type": "text-input",
-          "description": "Mensaje a mostrar cuando no existen noticias o han caducado"
+          "label": "Sin noticias",
+          "type": "text-input"
         },
         {
           "id": "defaultMessageFormat",
-          "label": "Formato del mensaje sin noticias",
+          "label": "Formato mensaje sin noticias",
           "type": "text-format"
         },
         {
@@ -283,7 +282,7 @@
           "label": "Altura de línea",
           "show": "{{titleEnabled}} === true",
           "type": "number-input",
-          "range": "[0.8:100:]"
+          "range": "[0.8:100]"
         },
         {
           "id": "descriptionEnabled",
@@ -302,7 +301,7 @@
           "label": "Altura de línea",
           "show": "{{descriptionEnabled}} === true",
           "type": "number-input",
-          "range": "[0.8:100:]"
+          "range": "[0.8:100]"
         },
         {
           "id": "textSeparation",
@@ -349,7 +348,7 @@
           "label": "Tamaño personalizado",
           "show": "{{imageEnabled}} === true && ( ( {{template}} === 'gallery' ) === false ) && ( ( {{template}} === 'gradient' ) === false ) && ( {{imageSize}} === 'custom' )",
           "type": "number-input",
-          "range": "[1:100:]",
+          "range": "[1:100]",
           "description": "En porcentaje.",
           "required": true
         },
@@ -455,7 +454,7 @@
           "label": "Porcentje de degradado",
           "show": "{{template}} === 'gradient'",
           "type": "number-input",
-          "range": "[1:100:]",
+          "range": "[1:100]",
           "description": "Por defecto 50"
         },
         {

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": ""
   },
-  "version": "0.4.21-dev.37",
+  "version": "0.4.21-dev.39",
   "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.22.0-dev.3",
+    "@vixoniccom/modules": "^2.25.0-dev.16",
     "standard-version": "^9.5.0"
   }
 }

package/src/components/App.tsx

@@ -11,32 +11,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`] || n[prefix] || ''
-  }
-
   const parseNews = (data?: VixonicData): NewsItem[] => {
     if (!data) return []
-    const { news, newsSizeSelect } = data.parameters
+    const { news } = data.parameters
     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 = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'title')
-      let description = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'description')
-
       return {
          ...rest,
-          title,
-          description,
           image: parsedImage,
           id: uuid(),
           qrCodeUrl: qrUrl

package/src/global.d.ts

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

package/src/parameters.d.ts

@@ -4,6 +4,118 @@ declare type VixonicData = {
   parameters: VixonicParameters
 }
 
-declare type VixonicParameters = Partial<{
-  news: {titleShort: string, titleMedium: string, titleLarge: string, titleExtraLarge: string, descriptionShort: string, descriptionMedium: string, descriptionLarge: string, descriptionExtraLarge: string, image: {id?: string, filename?: string, extension?: string}, qrCodeUrl: string, qrCodeTitle: string, expirationDate: string, __id: string | undefined}[], newsSizeSelect: 'short' | 'medium' | 'large' | 'extra-large', template: 'standard' | 'gallery' | 'gradient', showTime: number, animationSpeed: number, animationType: 'fade' | 'crossFade', textAlignment: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between', defaultMessage: string, defaultMessageFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, titleEnabled: boolean, titleFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, titleLineHeight: number, descriptionEnabled: boolean, descriptionFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, descriptionLineHeight: number, textSeparation: number, imageEnabled: boolean, imageSize: 'small' | 'medium' | 'large' | 'custom', imageCustomSize: number, imagePosition: 'top' | 'right' | 'bottom' | 'left', imageMode: 'contain' | 'cover' | 'fill' | 'none', imageStyle: 'normal' | 'rounded' | 'circle' | 'hex', imageSeparation: number, gradientBackgroundColor: string, gradientRate: number, gradientOrientation: 'left' | 'right', gradientTitleEnabled: boolean, gradientTitle: string, gradientTitlePositionX: number, gradientTitlePositionY: number, gradientTitleFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, barSize: 'small' | 'medium' | 'big', barColor: string, barOpacity: number, iconVisible: boolean, iconColor: string, qrCodeEnabled: boolean, qrCodeWidth: number, qrCodeHeight: number, qrCodePositionX: number, qrCodePositionY: number, qrCodeBackgroundColor: string, qrCodeColor: string, QrCodeTitleFormat: { fontSize?: number, fontColor?: string, alignment?: { horizontal?: 'left' | 'right' | 'center' }, font?: { filename: string, id: string, __isAsset: true } }, background: {id?: string, filename?: string, extension?: string}, padding: string
+declare type VixonicParameters = 
+Partial<{
+  news: {
+    title: string,
+    description: string,
+    image: {
+      id?: string, 
+      filename?: string, 
+      extension?: string
+    }, 
+    qrCodeUrl: string, 
+    qrCodeTitle: string, 
+    expirationDate: string, 
+    __id: string | undefined}[], 
+    newsSizeSelect: 'short' | 'medium' | 'large' | 'extra-large', 
+    template: 'standard' | 'gallery' | 'gradient', 
+    showTime: number, animationSpeed: number, 
+    animationType: 'fade' | 'crossFade', 
+    textAlignment: 'flex-start' | 'flex-end' | 'center' | 'space-around' | 'space-between',
+    defaultMessage: string
+    defaultMessageFormat: {
+      fontSize?: number,
+      fontColor?: string,
+      alignment?: {
+        horizontal?: 'left' | 'right' | 'center'},
+        font?: {
+          filename: string; 
+          id: string; 
+          __isAsset: true}
+    }
+    titleEnabled: boolean, 
+    titleFormat: { 
+      fontSize?: number, 
+      fontColor?: string, 
+      alignment?: { 
+        horizontal?: 'left' | 'right' | 'center' 
+      }, 
+      font?: { 
+        filename: string, 
+        id: string, 
+        __isAsset: true 
+      } 
+    }, 
+    titleLineHeight: number, 
+    descriptionEnabled: boolean, 
+    descriptionFormat: { 
+      fontSize?: number, 
+      fontColor?: string, 
+      alignment?: { 
+        horizontal?: 'left' | 'right' | 'center' 
+      }, 
+      font?: { 
+        filename: string, 
+        id: string, 
+        __isAsset: true 
+      } 
+    }, 
+    descriptionLineHeight: number, 
+    textSeparation: number, 
+    imageEnabled: boolean, 
+    imageSize: 'small' | 'medium' | 'large' | 'custom', 
+    imageCustomSize: number, 
+    imagePosition: 'top' | 'right' | 'bottom' | 'left', 
+    imageMode: 'contain' | 'cover' | 'fill' | 'none', 
+    imageStyle: 'normal' | 'rounded' | 'circle' | 'hex', 
+    imageSeparation: number, 
+    gradientBackgroundColor: string, 
+    gradientRate: number, 
+    gradientOrientation: 'left' | 'right', 
+    gradientTitleEnabled: boolean, 
+    gradientTitle: string, 
+    gradientTitlePositionX: number, 
+    gradientTitlePositionY: number, 
+    gradientTitleFormat: { 
+      fontSize?: number, 
+      fontColor?: string, 
+      alignment?: { 
+        horizontal?: 'left' | 'right' | 'center' 
+      }, 
+      font?: { 
+        filename: string, 
+        id: string, 
+        __isAsset: true 
+      } 
+    }, 
+    barSize: 'small' | 'medium' | 'big', 
+    barColor: string, 
+    barOpacity: number, 
+    iconVisible: boolean, 
+    iconColor: string, 
+    qrCodeEnabled: boolean, 
+    qrCodeWidth: number, 
+    qrCodeHeight: number, 
+    qrCodePositionX: number, 
+    qrCodePositionY: number, 
+    qrCodeBackgroundColor: string, 
+    qrCodeColor: string, 
+    QrCodeTitleFormat: { 
+      fontSize?: number, 
+      fontColor?: string, 
+      alignment?: { 
+        horizontal?: 'left' | 'right' | 'center' }, 
+        font?: { 
+          filename: string, 
+          id: string, 
+          __isAsset: true 
+        } 
+      }, 
+      background: {
+        id?: string, 
+        filename?: string, 
+        extension?: string
+      }, 
+      padding: string
 }>