@politicalwatch/tipi-uikit 1.9.2 → 1.9.4

package/src/stories/D3Sunburst.stories.js

@@ -0,0 +1,293 @@
+import D3Sunburst from '@/components/Charts/Sunburst/d3.sunburst.vue';
+
+// More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
+export default {
+  title: 'Example/D3Sunburst',
+  component: D3Sunburst,
+  tags: ['autodocs'],
+
+  argTypes: {
+    config: {
+      type: 'object',
+    },
+    datum: {
+      type: 'array',
+    },
+    title: {
+      type: 'text',
+    },
+    source: {
+      type: 'text',
+    },
+    height: {
+      type: 'number',
+    },
+    download: {
+      type: 'text',
+    },
+  },
+};
+
+// More on writing stories with args: https://storybook.js.org/docs/vue/writing-stories/args
+export const Primary = {
+  args: {
+    config: {
+      key: 'name',
+      value: 'value',
+      color: {
+        key: 'color',
+      },
+      tooltip: {
+        suffix: 'aparición',
+        suffixPlural: 'apariciones',
+      },
+      transition: { duration: 1000 },
+    },
+    datum: [
+      {
+        name: 'Results',
+        children: [
+          {
+            name: 'ODS 2',
+            color: '#d3a029',
+            children: [
+              {
+                name: '2.1 Acceso universal a alimentos',
+                color: '#fcbf31',
+                children: [
+                  {
+                    name: 'ODS 2 | Inflación de precios y coste de los alimentos',
+                    color: '#ffe53b',
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                name: '2.c Estabilidad del mercado de la alimentación',
+                color: '#fcbf31',
+                children: [
+                  {
+                    name: 'ODS 2 | Estabilidad en mercados alimentarios',
+                    color: '#ffe53b',
+                    value: 1,
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            name: 'ODS 3',
+            color: '#4c9f38',
+            children: [
+              {
+                name: '3.8 Cobertura sanitaria universal y medicamentos y vacunas asequibles',
+                color: '#5bbe43',
+                children: [
+                  { name: 'ODS 3 | Medios de protección', color: '#6de350', value: 1 },
+                  { name: 'ODS 3 | Personal médico', color: '#6de350', value: 4 },
+                  { name: 'ODS 3 | Trabajador sanitario', color: '#6de350', value: 3 },
+                  { name: 'ODS 3 | Atención sanitaria', color: '#6de350', value: 1 },
+                  { name: 'ODS 3 | Atención médica de urgencia', color: '#6de350', value: 1 },
+                  { name: 'ODS 3 | Centro de salud', color: '#6de350', value: 1 },
+                  { name: 'ODS 3 | Listas de espera', color: '#6de350', value: 1 },
+                  { name: 'ODS 3 | Sistema Nacional de Salud', color: '#6de350', value: 2 },
+                ],
+              },
+              {
+                name: '3.3 Epidemias y otras enfermedades transmisibles',
+                color: '#5bbe43',
+                children: [
+                  {
+                    name: 'ODS 3 | Enfermedades de transmisión sexual ',
+                    color: '#6de350',
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                name: '3.7 Salud sexual y reproductiva',
+                color: '#5bbe43',
+                children: [
+                  { name: 'ODS 3 | Enfermedad de transmisión sexual', color: '#6de350', value: 1 },
+                ],
+              },
+            ],
+          },
+          {
+            name: 'ODS 4',
+            color: '#c52333',
+            children: [
+              {
+                name: '4.7 Educación para el desarrollo sostenible',
+                color: '#eb2a3d',
+                children: [
+                  { name: 'ODS 4 | Artes escénicas y cinematografía', color: '#ff3249', value: 2 },
+                  { name: 'ODS 4 | Artes plásticas y visuales', color: '#ff3249', value: 1 },
+                ],
+              },
+            ],
+          },
+          {
+            name: 'ODS 5',
+            color: '#ed4135',
+            children: [
+              {
+                name: '5.5 Participación plena de las mujeres',
+                color: '#ff4e3f',
+                children: [
+                  { name: 'ODS 5 | Mujeres en política', color: '#ff5d4c', value: 2 },
+                  { name: 'ODS 5 | Feminismo', color: '#ff5d4c', value: 1 },
+                  { name: 'ODS 5 | Empleo masculinizado', color: '#ff5d4c', value: 1 },
+                ],
+              },
+              {
+                name: '5.2 Acabar con la violencia contra las mujeres',
+                color: '#ff4e3f',
+                children: [
+                  { name: 'ODS 5 | Agresión contra una mujer', color: '#ff5d4c', value: 2 },
+                  { name: 'ODS 5 | Mujeres asesinadas', color: '#ff5d4c', value: 1 },
+                  { name: 'ODS 5 | Víctima de violación', color: '#ff5d4c', value: 1 },
+                  { name: 'ODS 5 | Abuso sexual a mujeres', color: '#ff5d4c', value: 1 },
+                ],
+              },
+              {
+                name: '5.1 Fin de la discriminación contra las mujeres',
+                color: '#ff4e3f',
+                children: [{ name: 'ODS 5 | Movimiento feminista', color: '#ff5d4c', value: 1 }],
+              },
+              {
+                name: '5.c Políticas para la igualdad',
+                color: '#ff4e3f',
+                children: [
+                  { name: 'ODS 5 | Mujeres en el deporte', color: '#ff5d4c', value: 2 },
+                  { name: 'ODS 5 | Deporte y mujeres', color: '#ff5d4c', value: 1 },
+                ],
+              },
+            ],
+          },
+          {
+            name: 'ODS 14',
+            color: '#007dbc',
+            children: [
+              {
+                name: '14.5 Conservación de zonas costeras y marinas',
+                color: '#0095e1',
+                children: [
+                  {
+                    name: 'ODS 14 | Leyes de protección de las costas y eventos culturales',
+                    color: '#00b3ff',
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                name: '14.2 Protección de ecosistemas marinos',
+                color: '#0095e1',
+                children: [{ name: 'ODS 14 | Océanos', color: '#00b3ff', value: 2 }],
+              },
+              {
+                name: '14.3 Acidificación de los océanos',
+                color: '#0095e1',
+                children: [{ name: 'ODS 14 | Temperatura del agua ', color: '#00b3ff', value: 1 }],
+              },
+            ],
+          },
+          {
+            name: 'ODS 15',
+            color: '#5cb84d',
+            children: [
+              {
+                name: '15.3 Lucha contra la desertificación',
+                color: '#6edc5c',
+                children: [{ name: 'ODS 15 | Sequías', color: '#83ff6e', value: 2 }],
+              },
+              {
+                name: '15.1 Ecosistemas terrestres y de agua dulce',
+                color: '#6edc5c',
+                children: [
+                  {
+                    name: 'ODS 15 | Ecosistemas interiores de agua dulce',
+                    color: '#83ff6e',
+                    value: 6,
+                  },
+                  {
+                    name: 'ODS 15 | Protección de la cultura en ecosistemas terrestres',
+                    color: '#83ff6e',
+                    value: 1,
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            name: 'ODS 16',
+            color: '#02558b',
+            children: [
+              {
+                name: '16.6 Rendición de cuentas',
+                color: '#0266a6',
+                children: [
+                  { name: 'ODS 16 | Cortes Generales', color: '#0379c7', value: 7 },
+                  { name: 'ODS 16 | Funcionamiento del Congreso', color: '#0379c7', value: 4 },
+                  { name: 'ODS 16 | Partidos políticos', color: '#0379c7', value: 27 },
+                  { name: 'ODS 16 | Poder Judicial', color: '#0379c7', value: 1 },
+                ],
+              },
+              {
+                name: '16.4 Tráfico ilegal y crimen organizado',
+                color: '#0266a6',
+                children: [
+                  { name: 'ODS 16 | Malversación de fondos', color: '#0379c7', value: 6 },
+                  { name: 'ODS 16 | Crimen organizado', color: '#0379c7', value: 1 },
+                  { name: 'ODS 16 | Delincuencia organizada', color: '#0379c7', value: 1 },
+                ],
+              },
+              {
+                name: '16.1 Reducción de la violencia',
+                color: '#0266a6',
+                children: [
+                  { name: 'ODS 16 | Conflicto Palestino-Israelí', color: '#0379c7', value: 5 },
+                  { name: 'ODS 16 | Asesinato', color: '#0379c7', value: 5 },
+                  { name: 'ODS 16 | Agresión sexual', color: '#0379c7', value: 3 },
+                  { name: 'ODS 16 | Violencia sexual', color: '#0379c7', value: 3 },
+                  { name: 'ODS 16 | Homicidio', color: '#0379c7', value: 1 },
+                  { name: 'ODS 16 | Guerra Ucrania', color: '#0379c7', value: 1 },
+                  { name: 'ODS 16 | Guerras', color: '#0379c7', value: 1 },
+                ],
+              },
+              {
+                name: '16.5 Reducción de la corrupción',
+                color: '#0266a6',
+                children: [{ name: 'ODS 16 | Corrupción', color: '#0379c7', value: 3 }],
+              },
+              {
+                name: '16.a Fortalecimiento de las instituciones de seguridad',
+                color: '#0266a6',
+                children: [
+                  {
+                    name: 'ODS 16 | Prevención de la violencia y la delincuencia',
+                    color: '#0379c7',
+                    value: 1,
+                  },
+                  { name: 'ODS 16 | Ciberseguridad', color: '#0379c7', value: 4 },
+                  { name: 'ODS 16 | Dictadura', color: '#0379c7', value: 1 },
+                ],
+              },
+              {
+                name: '16.9 Identidad jurídica garantizada',
+                color: '#0266a6',
+                children: [
+                  { name: 'ODS 16 | Documento nacional de identidad', color: '#0379c7', value: 1 },
+                ],
+              },
+            ],
+          },
+        ],
+        color: '#EEE',
+      },
+    ],
+    title: 'Sunburst',
+    height: 600,
+    download: 'Download',
+  },
+};

package/src/stories/{Charts.stories.js → D3WordsCloud.stories.js}

@@ -7,17 +7,29 @@ export default {
   tags: ['autodocs'],
 
   argTypes: {
-    icon: {
+    config: {
+      type: 'object',
+    },
+    datum: {
+      type: 'array',
+    },
+    title: {
       type: 'text',
     },
-    icon: {
+    source: {
+      type: 'text',
+    },
+    height: {
+      type: 'number',
+    },
+    download: {
       type: 'text',
     },
   },
 };
 
 // More on writing stories with args: https://storybook.js.org/docs/vue/writing-stories/args
-export const WordsCloud = {
+export const Primary = {
   args: {
     datum: [
       { tag: 'Atención a personas dependientes', size: 25, value: 1, color: '#dd1367' },

package/src/stories/InitiativeCard.stories.js

@@ -1,5 +1,6 @@
 import { vueRouter } from 'storybook-vue3-router';
 import TipiInitiativeCard from '@/components/InitiativeCard/InitiativeCard.vue';
+import { initiative, topicsStyles } from './mocks';
 
 const customRoutes = [
   {
@@ -47,159 +48,8 @@ export default {
 // More on writing stories with args: https://storybook.js.org/docs/vue/writing-stories/args
 export const Primary = {
   args: {
-    initiative: {
-      tagged: [
-        {
-          knowledgebase: 'ods',
-          topics: ['ODS 16 Paz, justicia e instituciones sólidas', 'ODS 5 Igualdad de género'],
-          tags: [
-            {
-              topic: 'ODS 16 Paz, justicia e instituciones sólidas',
-              subtopic: '16.1 Redución de la violencia',
-              tag: 'Violencia de género',
-              times: 1,
-            },
-            {
-              topic: 'ODS 16 Paz, justicia e instituciones sólidas',
-              subtopic: '16.a Fortalecimiento de las instituciones de seguridad',
-              tag: 'Prevención de la violencia y la delincuencia',
-              times: 1,
-            },
-            {
-              topic: 'ODS 5 Igualdad de género',
-              subtopic: '5.2 Acabar con la violencia contra las mujeres',
-              tag: 'Ley 1/2004',
-              times: 1,
-            },
-            {
-              topic: 'ODS 5 Igualdad de género',
-              subtopic: '5.2 Acabar con la violencia contra las mujeres',
-              tag: 'Violencia de género',
-              times: 1,
-            },
-          ],
-        },
-      ],
-      title:
-        'Proposición no de Ley sobre lucha contra la violencia de género en el ámbito digital.',
-      status: 'En tramitación',
-      reference: '161/000792',
-      authors: ['Grupo Parlamentario Socialista'],
-      deputies: [],
-      id: '161-000792',
-      place: 'Comisión de Igualdad',
-      url: 'https://www.congreso.es/es/busqueda-de-iniciativas?p_p_id=iniciativas&p_p_lifecycle=0&p_p_state=normal&p_p_mode=view&_iniciativas_mode=mostrarDetalle&_iniciativas_legislatura=XV&_iniciativas_id=161%2F000792',
-      created: '2024-05-10T00:00:00+00:00',
-      oldid: 'e351228585d59fe61d31d7590de8f386a9288e2d',
-      initiative_type: '161',
-      initiative_type_alt: 'Proposición no de Ley en Comisión',
-      updated: '2024-05-14T00:00:00+00:00',
-    },
-    topicsStyles: {
-      'ODS 1 Fin de la pobreza': {
-        shortname: 'ODS 1',
-        color: '#eb1c2d',
-        image: 'ods-1.svg',
-        orgs_logos: ['caritas.png'],
-      },
-      'ODS 2 Hambre cero': {
-        shortname: 'ODS 2',
-        color: '#d3a029',
-        image: 'ods-2.svg',
-        orgs_logos: ['fao.png'],
-      },
-      'ODS 3 Salud y bienestar': {
-        shortname: 'ODS 3',
-        color: '#4c9f38',
-        image: 'ods-3.svg',
-        orgs_logos: ['salud_por_der.png', 'isglobal.png'],
-      },
-      'ODS 4 Educación de calidad': {
-        shortname: 'ODS 4',
-        color: '#c52333',
-        image: 'ods-4.svg',
-        orgs_logos: ['cmi.png'],
-      },
-      'ODS 5 Igualdad de género': {
-        shortname: 'ODS 5',
-        color: '#ed4135',
-        image: 'ods-5.svg',
-        orgs_logos: ['cedawsombra.png', 'coordinadora.png', 'fpfe_g.png'],
-      },
-      'ODS 6 Agua limpia y saneamiento': {
-        shortname: 'ODS 6',
-        color: '#00aed9',
-        image: 'ods-6.svg',
-        orgs_logos: ['catedra-aquae.png', 'ongawa.png'],
-      },
-      'ODS 7 Energía asequible y no contaminante': {
-        shortname: 'ODS 7',
-        color: '#fdb713',
-        image: 'ods-7.svg',
-        orgs_logos: ['esf.png'],
-      },
-      'ODS 8 Trabajo decente y crecimiento económico': {
-        shortname: 'ODS 8',
-        color: '#8f1838',
-        image: 'ods-8.svg',
-        orgs_logos: ['ccoo.png'],
-      },
-      'ODS 9 Industria, innovación e infraestructura': {
-        shortname: 'ODS 9',
-        color: '#f06a38',
-        image: 'ods-9.svg',
-        orgs_logos: ['foretica.png'],
-      },
-      'ODS 10 Reducción de las desigualdades': {
-        shortname: 'ODS 10',
-        color: '#dd1367',
-        image: 'ods-10.svg',
-        orgs_logos: ['congde.png', 'caritas.png'],
-      },
-      'ODS 11 Ciudades y comunidades sostenibles': {
-        shortname: 'ODS 11',
-        color: '#f69c39',
-        image: 'ods-11.svg',
-        orgs_logos: ['idl_uam.png', 'itgespub.png'],
-      },
-      'ODS 12 Producción y consumo responsables': {
-        shortname: 'ODS 12',
-        color: '#cf8d2a',
-        image: 'ods-12.svg',
-        orgs_logos: ['hispacoop.png'],
-      },
-      'ODS 13 Acción por el clima': {
-        shortname: 'ODS 13',
-        color: '#48773e',
-        image: 'ods-13.svg',
-        orgs_logos: ['wwf.png'],
-      },
-      'ODS 14 Vida submarina': {
-        shortname: 'ODS 14',
-        color: '#007dbc',
-        image: 'ods-14.svg',
-        orgs_logos: ['oceana.png'],
-      },
-      'ODS 15 Vida de ecosistemas terrestres': {
-        shortname: 'ODS 15',
-        color: '#5cb84d',
-        image: 'ods-15.svg',
-        orgs_logos: ['greenpeace.png'],
-      },
-      'ODS 16 Paz, justicia e instituciones sólidas': {
-        shortname: 'ODS 16',
-        color: '#02558b',
-        image: 'ods-16.svg',
-        orgs_logos: [],
-      },
-      'ODS 17 Alianzas para lograr los objetivos': {
-        shortname: 'ODS 17',
-        color: '#183668',
-        image: 'ods-17.svg',
-        orgs_logos: ['mauec.png'],
-      },
-      'no-topic': { shortname: 'Sin relación con la Agenda2030' },
-    },
+    initiative,
+    topicsStyles,
     extendedLayout: true,
     metaDeputies: 'Diputada/o',
     metaGroupOthers: 'Autor',

package/src/stories/Navbar.stories.js

@@ -1,9 +1,49 @@
+import { vueRouter } from 'storybook-vue3-router';
 import TipiNavbar from '@/components/Navbar/Navbar.vue';
 
+const customRoutes = [
+  {
+    path: '/',
+    name: 'home',
+    component: TipiNavbar,
+  },
+  {
+    path: '/alerts',
+    name: 'alerts',
+    component: TipiNavbar,
+  },
+  {
+    path: '/about',
+    name: 'about',
+    component: TipiNavbar,
+  },
+  {
+    path: '/dashboard',
+    name: 'dashboard',
+    component: TipiNavbar,
+  },
+  {
+    path: '/deputies',
+    name: 'deputies',
+    component: TipiNavbar,
+  },
+  {
+    path: '/ods',
+    name: 'ods',
+    component: TipiNavbar,
+  },
+  {
+    path: '/search',
+    name: 'search',
+    component: TipiNavbar,
+  },
+];
+
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
   title: 'Example/TipiNavbar',
   component: TipiNavbar,
+  decorators: [vueRouter(customRoutes)],
   tags: ['autodocs'],
 
   argTypes: {

package/src/stories/Results.stories.js

@@ -1,5 +1,6 @@
 import { vueRouter } from 'storybook-vue3-router';
 import TipiResults from '@/components/Results/Results.vue';
+import { topicsStyles } from './mocks';
 
 const customRoutes = [
   {
@@ -341,111 +342,7 @@ export const Primary = {
     ],
     queryMeta: { total: 3, pages: 1, page: 1, per_page: 20 },
     layout: undefined,
-    topicsStyles: {
-      'ODS 1 Fin de la pobreza': {
-        shortname: 'ODS 1',
-        color: '#eb1c2d',
-        image: 'ods-1.svg',
-        orgs_logos: ['caritas.png'],
-      },
-      'ODS 2 Hambre cero': {
-        shortname: 'ODS 2',
-        color: '#d3a029',
-        image: 'ods-2.svg',
-        orgs_logos: ['fao.png'],
-      },
-      'ODS 3 Salud y bienestar': {
-        shortname: 'ODS 3',
-        color: '#4c9f38',
-        image: 'ods-3.svg',
-        orgs_logos: ['salud_por_der.png', 'isglobal.png'],
-      },
-      'ODS 4 Educación de calidad': {
-        shortname: 'ODS 4',
-        color: '#c52333',
-        image: 'ods-4.svg',
-        orgs_logos: ['cmi.png'],
-      },
-      'ODS 5 Igualdad de género': {
-        shortname: 'ODS 5',
-        color: '#ed4135',
-        image: 'ods-5.svg',
-        orgs_logos: ['cedawsombra.png', 'coordinadora.png', 'fpfe_g.png'],
-      },
-      'ODS 6 Agua limpia y saneamiento': {
-        shortname: 'ODS 6',
-        color: '#00aed9',
-        image: 'ods-6.svg',
-        orgs_logos: ['catedra-aquae.png', 'ongawa.png'],
-      },
-      'ODS 7 Energía asequible y no contaminante': {
-        shortname: 'ODS 7',
-        color: '#fdb713',
-        image: 'ods-7.svg',
-        orgs_logos: ['esf.png'],
-      },
-      'ODS 8 Trabajo decente y crecimiento económico': {
-        shortname: 'ODS 8',
-        color: '#8f1838',
-        image: 'ods-8.svg',
-        orgs_logos: ['ccoo.png'],
-      },
-      'ODS 9 Industria, innovación e infraestructura': {
-        shortname: 'ODS 9',
-        color: '#f06a38',
-        image: 'ods-9.svg',
-        orgs_logos: ['foretica.png'],
-      },
-      'ODS 10 Reducción de las desigualdades': {
-        shortname: 'ODS 10',
-        color: '#dd1367',
-        image: 'ods-10.svg',
-        orgs_logos: ['congde.png', 'caritas.png'],
-      },
-      'ODS 11 Ciudades y comunidades sostenibles': {
-        shortname: 'ODS 11',
-        color: '#f69c39',
-        image: 'ods-11.svg',
-        orgs_logos: ['idl_uam.png', 'itgespub.png'],
-      },
-      'ODS 12 Producción y consumo responsables': {
-        shortname: 'ODS 12',
-        color: '#cf8d2a',
-        image: 'ods-12.svg',
-        orgs_logos: ['hispacoop.png'],
-      },
-      'ODS 13 Acción por el clima': {
-        shortname: 'ODS 13',
-        color: '#48773e',
-        image: 'ods-13.svg',
-        orgs_logos: ['wwf.png'],
-      },
-      'ODS 14 Vida submarina': {
-        shortname: 'ODS 14',
-        color: '#007dbc',
-        image: 'ods-14.svg',
-        orgs_logos: ['oceana.png'],
-      },
-      'ODS 15 Vida de ecosistemas terrestres': {
-        shortname: 'ODS 15',
-        color: '#5cb84d',
-        image: 'ods-15.svg',
-        orgs_logos: ['greenpeace.png'],
-      },
-      'ODS 16 Paz, justicia e instituciones sólidas': {
-        shortname: 'ODS 16',
-        color: '#02558b',
-        image: 'ods-16.svg',
-        orgs_logos: [],
-      },
-      'ODS 17 Alianzas para lograr los objetivos': {
-        shortname: 'ODS 17',
-        color: '#183668',
-        image: 'ods-17.svg',
-        orgs_logos: ['mauec.png'],
-      },
-      'no-topic': { shortname: 'Sin relación con la Agenda2030' },
-    },
+    topicsStyles,
     metaDeputies: 'Diputada/o',
     metaGroupsOthers: 'Autor',
     metaColors: undefined,

package/src/stories/Text.stories.js

@@ -1,9 +1,19 @@
+import { vueRouter } from 'storybook-vue3-router';
 import TipiText from '@/components/Text/Text.vue';
 
+const customRoutes = [
+  {
+    path: '/',
+    name: 'home',
+    component: TipiText,
+  },
+];
+
 // More on how to set up stories at: https://storybook.js.org/docs/vue/writing-stories/introduction
 export default {
   title: 'Example/TipiText',
   component: TipiText,
+  decorators: [vueRouter(customRoutes)],
   tags: ['autodocs'],
 
   argTypes: {