@vixoniccom/news-internal 0.4.4 → 0.4.5-beta.0

package/CHANGELOG.md

@@ -1,7 +1,15 @@
-# Change Log
+# Changelog
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.5-beta.0](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.4...v0.4.5-beta.0) (2021-08-30)
+
+
+### Features
+
+* **release:** QrCodeContainer was created and implemented in standard and gallery mode ([3942acf](https://gitlab.com/mandomedio/vixonic/news-internal/commit/3942acfd803167765b420005b2f65f00abce4797))
+* **release:** React QR code was added to news-internal app ([48ebd6e](https://gitlab.com/mandomedio/vixonic/news-internal/commit/48ebd6efecb777263e72e76987e57dcdf3e44845))
+
 ## [0.4.4](https://gitlab.com/mandomedio/vixonic/news-internal/compare/v0.4.4-dev.5...v0.4.4) (2021-07-09)
 
 

package/configuration/appearanceGroup/elementsInputs.ts

@@ -57,6 +57,14 @@ export const elementsInputs = [
   new Slider({ id: 'barOpacity', label: 'Opacidad de la barra', min: 0, max: 1, step: 0.01, show: ShowValidations.isGallery }),
   new Switch({ id: 'iconVisible', defaultValue: true, label: 'Ícono', show: ShowValidations.isGallery }),
   new ColorPicker({ id: 'iconColor', label: 'Color del ícono', show: ShowValidations.galleryIconEnabled }),
+  new Switch({ id: 'qrCodeEnabled', label: 'Código QR', defaultValue: true }),
+  new NumberInput({ id: 'qrCodeWidth', label: 'Tamaño código QR', description: 'En pixeles. Por defecto 200.', show: ShowValidations.qrCodeEnabled }),
+  new NumberInput({ id: 'qrCodeHeight', label: 'Alto tarjeta de código QR', description: 'En pixeles. Por defecto 220.', show: ShowValidations.qrCodeEnabled }),
+  new NumberInput({ id: 'qrCodePositionX', label: 'Posición eje X de código QR', description: 'En pixeles. Por defecto 0.', show: ShowValidations.qrCodeEnabled }),
+  new NumberInput({ id: 'qrCodePositionY', label: 'Posición eje Y de código QR', description: 'En pixeles. Por defecto 0.', show: ShowValidations.qrCodeEnabled }),
+  new ColorPicker({ id: 'qrCodeBackgroundColor', label: 'Color fondo del código QR', show: ShowValidations.qrCodeEnabled }),
+  new ColorPicker({ id: 'qrCodeColor', label: 'Color del código QR', show: ShowValidations.qrCodeEnabled }),
+  new TextFormat({ id: 'QrCodeTitleFormat', label: 'Formato título código QR', show: ShowValidations.qrCodeEnabled }),
   new Label({ label: 'Avanzado' }),
   new SelectAssetKna({ id: 'background', label: 'Fondo', extensions: ['jpg', 'jpeg', 'png'] }),
   new TextInput({ id: 'padding', required: false, label: 'Márgenes', description: 'CSS para dar espacio arriba/derecha/abajo/izquieda.' })

package/configuration/index.ts

@@ -55,7 +55,22 @@ const newsList = new List({
     }),
 
     new SelectAssetKna({ id: 'image', label: 'Imágen', required: true,
-      extensions: ['jpg', 'jpeg', 'png', 'svg'], show: ShowValidations.imageEnabled})
+      extensions: ['jpg', 'jpeg', 'png', 'svg'], show: ShowValidations.imageEnabled
+    }),
+    
+    new TextInput({ 
+      id: 'qrCodeUrl', 
+      label: 'URL código QR', 
+      required: true, 
+      show: ShowValidations.qrCodeEnabled
+    }),
+
+    new TextInput({ 
+      id: 'qrCodeTitle', 
+      label: 'Título código QR', 
+      required: false, 
+      show: ShowValidations.qrCodeEnabled
+    })
   ],
   itemDisplayClass: '2-lines',
   itemDisplayAttributes: {

package/configuration/utils.ts

@@ -1,6 +1,8 @@
 const titleEnabled = '{{titleEnabled}} === true'
 const descriptionEnabled = '{{descriptionEnabled}} === true'
 const imageEnabled = '{{imageEnabled}} === true'
+const qrCodeEnabled = '{{qrCodeEnabled}} === true'
+
 const isGallery = `{{template}} === 'gallery'`
 const isNotGallery = `${imageEnabled} && ( ( ${isGallery} ) === false )`
 const galleryIconEnabled = `${isGallery} && ({{iconVisible}} === true)`
@@ -19,6 +21,7 @@ export const ShowValidations = {
   titleEnabled,
   descriptionEnabled,
   imageEnabled,
+  qrCodeEnabled,
   isGallery,
   galleryIconEnabled,
   isNotGallery,

package/configuration.json

@@ -12,7 +12,7 @@
           "label": "Título corto",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "required": true,
-          "range": "[1:20]"
+          "range": "[1:20:]"
         },
         {
           "type": "text-input",
@@ -20,7 +20,7 @@
           "label": "Título mediano",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "required": true,
-          "range": "[1:50]"
+          "range": "[1:50:]"
         },
         {
           "type": "text-input",
@@ -28,7 +28,7 @@
           "label": "Título largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "required": true,
-          "range": "[1:80]"
+          "range": "[1:80:]"
         },
         {
           "type": "text-area",
@@ -36,7 +36,7 @@
           "label": "Descripción corta",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "required": true,
-          "range": "[1:80]"
+          "range": "[1:80:]"
         },
         {
           "type": "text-area",
@@ -44,7 +44,7 @@
           "label": "Descripción mediana",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "required": true,
-          "range": "[1:350]"
+          "range": "[1:350:]"
         },
         {
           "type": "text-area",
@@ -52,7 +52,7 @@
           "label": "Descripción larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "required": true,
-          "range": "[1:650]"
+          "range": "[1:650:]"
         },
         {
           "type": "select-asset-kna-input",
@@ -67,6 +67,20 @@
             "svg"
           ],
           "multiple": false
+        },
+        {
+          "type": "text-input",
+          "id": "qrCodeUrl",
+          "label": "URL código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "required": true
+        },
+        {
+          "type": "text-input",
+          "id": "qrCodeTitle",
+          "label": "Título código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "required": false
         }
       ],
       "description": "Lista de noticias",
@@ -422,6 +436,60 @@
           "show": "{{template}} === 'gallery' && ({{iconVisible}} === true)",
           "output": "auto"
         },
+        {
+          "type": "switch",
+          "id": "qrCodeEnabled",
+          "label": "Código QR",
+          "defaultValue": true
+        },
+        {
+          "type": "number-input",
+          "id": "qrCodeWidth",
+          "label": "Tamaño código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "description": "En pixeles. Por defecto 200."
+        },
+        {
+          "type": "number-input",
+          "id": "qrCodeHeight",
+          "label": "Alto tarjeta de código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "description": "En pixeles. Por defecto 220."
+        },
+        {
+          "type": "number-input",
+          "id": "qrCodePositionX",
+          "label": "Posición eje X de código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "description": "En pixeles. Por defecto 0."
+        },
+        {
+          "type": "number-input",
+          "id": "qrCodePositionY",
+          "label": "Posición eje Y de código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "description": "En pixeles. Por defecto 0."
+        },
+        {
+          "type": "color-picker",
+          "id": "qrCodeBackgroundColor",
+          "label": "Color fondo del código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "output": "auto"
+        },
+        {
+          "type": "color-picker",
+          "id": "qrCodeColor",
+          "label": "Color del código QR",
+          "show": "{{qrCodeEnabled}} === true",
+          "output": "auto"
+        },
+        {
+          "type": "text-format",
+          "id": "QrCodeTitleFormat",
+          "label": "Formato título código QR",
+          "show": "{{qrCodeEnabled}} === true"
+        },
         {
           "type": "label",
           "label": "Avanzado"

package/package.json

@@ -7,7 +7,7 @@
   "author": {
     "name": ""
   },
-  "version": "0.4.4",
+  "version": "0.4.5-beta.0",
   "scripts": {
     "prepublishOnly": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",
@@ -15,22 +15,23 @@
     "configuration": "vixonic-module-packager --mode generate-configuration",
     "configuration:validate": "vixonic-module-packager --mode validate-configuration",
     "release": "standard-version",
-    "prerelease-dev": "standard-version --prerelease dev"
+    "prerelease-beta": "standard-version --prerelease beta"
   },
   "dependencies": {
-    "@vixoniccom/module-packager": "^2.4.2",
-    "react": "^16.3.2",
-    "react-dom": "^16.3.2",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-qr-code": "^2.0.2",
     "react-transition-group": "^2.3.1",
     "uuid": "^3.2.1"
   },
   "devDependencies": {
     "@types/node": "^10.0.8",
-    "@types/react": "^16.3.14",
-    "@types/react-dom": "^16.0.5",
+    "@types/react": "^16.14.14",
+    "@types/react-dom": "^16.9.14",
     "@types/react-transition-group": "^2.0.9",
     "@types/uuid": "^3.4.3",
+    "@vixoniccom/module-packager": "^2.4.2",
     "@vixoniccom/modules": "^2.2.0",
-    "standard-version": "^5.0.2"
+    "standard-version": "^9.3.1"
   }
 }