imbric-theme 0.3.4 → 0.3.8

package/molecules/RowTable/RowTable.module.css

@@ -1,3 +1,22 @@
-.row-table {
-  display: flex;
+.table {
+  width: 100%;
+  table-layout: fixed;
+
 }
+
+.tbl-content {
+  height: max-content;
+  overflow-x: auto;
+  margin-top: 0px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.td {
+  padding: 15px;
+  text-align: left;
+  vertical-align: middle;
+  font-weight: 300;
+  font-size: 12px;
+  color: var(--color-font-base);
+  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+}

package/molecules/RowTable/RowTable.stories.js

@@ -12,12 +12,15 @@ const ListTemplate = getListTemplate(RowTable, styles)
 export default {
   title: 'Molecules/RowTable',
   component: RowTable,
-  args: {},
+  args: {
+    slice: options.bookings,
+    columnsData: options.columns,
+  },
   argTypes: {
-    types: getOptionsArgTypes(options.types),
+    // types: getOptionsArgTypes(options.types),
   },
 }
 
 export const Default = Template.bind({})
-export const List = ListTemplate.bind({})
-List.args = { items: options.types.map((type) => ({ type })) }
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }

package/molecules/RowTable/constants.js

@@ -1 +1,318 @@
-export const options = { types: [] }
+export const options = { 
+    
+    bookings: [
+        {
+            id: 346248956,
+            idUser: 146280,
+            idAuthorization: 817457,
+            status: 30,
+            origin: {
+                addressField: "Cines Embajadores, Glorieta Sta. María de la Cabeza, 5, 28045 Madrid",
+                lat: 40.40068,
+                lon: -3.698589
+            },
+            destination: {
+                addressField: "Estación de Chamartín, Madrid, España",
+                lat: 40.47237,
+                lon: -3.683141
+            },
+            timeBookingStartRealTimestamp: 1653559804000,
+            asap: true,
+            paymentMethod: 50,
+            entryChannel: 15,
+            idSupplierFleet: 57,
+            idSupplier: 57,
+            distanceMeters: 10501,
+            durationMinutes: 0,
+            location: "MADRID",
+            passengerName: "Alberto Alvarez Gonzalez",
+            phoneNumberPassenger: "453654654",
+            phoneNumberTaxiDriver: "600000000",
+            idSupplierTax: "11",
+            idSupplierServic: "15828",
+            cancelledWithCharg: false,
+            priceCustomer: "25.00000",
+            priceSupplier: "25.00000",
+            phoneNumberSupplier: "676800672",
+            idAuthorizationGroup: 335,
+            supplierTaxiDescription: "Seat León | 4",
+            subscriberCode: "6300",
+            userNumber: "93271095",
+            idService: 1946195318,
+            shared: false,
+            timeZone: "Europe/Madrid",
+            notes: "2022-05-26 10:10:03 | 11 | Laura | 150 | Servicio solicitado Portal - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML  like Gecko) Chrome/101.0.4951.64 Safari/537.36. WL 4069\n2022-05-26 10:10:03 | 33 | SYSTEM | 114 | El número de vuelo es a.\n2022-05-26 10:10:03 | 33 | SYSTEM | 149 | Servicio enviado a MADRID_TAKSEE_TAXI (57)\n2022-05-26 10:10:12 | 44 | SYSTEM | 110 | Ha ocurrido un error enviando el email de confirmación al usuario\n2022-05-26 10:10:12 | 11 | SYSTEM | 130 | Confirmado por: MADRID_TAKSEE_TAXI (Taxi: 11). Num. servicio: 15828\n2022-05-26 10:10:44 | 33 | SYSTEM | 136 | Finalizado por SPARTAN. Importe 25 EUR establecido por SPARTAN (25.0 + 0.00 peaje)(40.4777 -3.7073)\n2022-05-26 10:10:44 | 33 | SYSTEM | 145 | Recibo enviado KO - 25€ + 0€ (peaje)",
+            tollCustomer: 0.00000,
+            tollSupplier: 0.00000,
+            paymentMethodCustomer: 4,
+            createdBy: 146280,
+            bookingBreakTitle1: "Evento",
+            bookingBreakTitle2: "Descripción actuación",
+            bookingBreakTitle3: "Centro de coste",
+            bookingBreakTitle4: "CIF visita comercial",
+            bookingBreakValue1: "Ev. Gen. - Acciones comerciales",
+            bookingBreakValue2: "a",
+            bookingBreakValue3: "",
+            bookingBreakValue4: "02661135N",
+            authorizationBreakTitle1: "Num.Empleado",
+            authorizationBreakTitle2: "Centro Empleado",
+            authorizationBreakTitle3: "ID Empresa",
+            authorizationBreakTitle7: "Nombre de la empresa",
+            authorizationBreakValue1: "U0193271",
+            authorizationBreakValue2: "5570",
+            authorizationBreakValue3: "95",
+            authorizationBreakValue5: "SC",
+            authorizationBreakValue6: "U0193271095",
+            authorizationBreakValue7: "FACILITIES"
+        },
+        {
+            id: 346248955,
+            idUser: 146280,
+            idAuthorization: 817457,
+            status: 30,
+            origin: {
+                addressField: "Estación de Chamartín, Madrid, España",
+                lat: 40.47237,
+                lon: -3.683141
+            },
+            destination: {
+                addressField: "Cines Embajadores, Glorieta Sta. María de la Cabeza, 5, 28045 Madrid",
+                lat: 40.40068,
+                lon: -3.698589
+            },
+            timeBookingStartRealTimestamp: 1653559749000,
+            asap: true,
+            paymentMethod: 50,
+            entryChannel: 15,
+            idSupplierFleet: 57,
+            idSupplier: 57,
+            distanceMeters: 10501,
+            durationMinutes: 0,
+            location: "MADRID",
+            passengerName: "Zombre Apellido1 Apellido2",
+            phoneNumberPassenger: "453654654",
+            phoneNumberTaxiDriver: "600000000",
+            idSupplierTaxi: "11",
+            idSupplierService: "15827",
+            cancelledWithCharge: false,
+            priceCustomer: "22.50000",
+            priceSupplier: "22.50000",
+            phoneNumberSupplier: "676800672",
+            idAuthorizationGroup: 335,
+            supplierTaxiDescription: "Seat León | 4",
+            subscriberCode: "6300",
+            userNumber: "93271095",
+            idService: 1946195317,
+            shared: false,
+            timeZone: "Europe/Madrid",
+            notes: "2022-05-26 10:09:09 | 11 | Laura | 150 | Servicio solicitado Portal - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML  like Gecko) Chrome/101.0.4951.64 Safari/537.36. WL 4069\n2022-05-26 10:09:09 | 33 | SYSTEM | 114 | El número de vuelo es 1.\n2022-05-26 10:09:09 | 33 | SYSTEM | 149 | Servicio enviado a MADRID_TAKSEE_TAXI (57)\n2022-05-26 10:09:18 | 44 | SYSTEM | 110 | Ha ocurrido un error enviando el email de confirmación al usuario\n2022-05-26 10:09:18 | 11 | SYSTEM | 130 | Confirmado por: MADRID_TAKSEE_TAXI (Taxi: 11). Num. servicio: 15827\n2022-05-26 10:09:51 | 33 | SYSTEM | 136 | Finalizado por SPARTAN. Importe 22.5 EUR establecido por SPARTAN (22.5 + 0.00 peaje)(40.4777 -3.7073)\n2022-05-26 10:09:52 | 33 | SYSTEM | 145 | Recibo enviado KO - 22.5€ + 0€ (peaje)",
+            tollCustomer: 0.00000,
+            tollSupplier: 0.00000,
+            paymentMethodCustomer: 4,
+            createdBy: 146280,
+            bookingBreakTitle1: "Evento",
+            bookingBreakTitle2: "Descripción actuación",
+            bookingBreakTitle3: "Centro de coste",
+            bookingBreakTitle4: "CIF visita comercial",
+            bookingBreakValue1: "Ev. Gen. - Acciones comerciales",
+            bookingBreakValue2: "sasasa",
+            bookingBreakValue3: "",
+            bookingBreakValue4: "02661135N",
+            authorizationBreakTitle1: "Num.Empleado",
+            authorizationBreakTitle2: "Centro Empleado",
+            authorizationBreakTitle3: "ID Empresa",
+            authorizationBreakTitle7: "Nombre de la empresa",
+            authorizationBreakValue1: "U0193271",
+            authorizationBreakValue2: "5570",
+            authorizationBreakValue3: "95",
+            authorizationBreakValue5: "SC",
+            authorizationBreakValue6: "U0193271095",
+            authorizationBreakValue7: "FACILITIES"
+        },
+        {
+            id: 346248954,
+            idUser: 146280,
+            idAuthorization: 817457,
+            status: 30,
+            origin: {
+                addressField: "Cines Embajadores, Glorieta Sta. María de la Cabeza, 5, 28045 Madrid",
+                lat: 40.40068,
+                lon: -3.698589
+            },
+            destination: {
+                addressField: "Estación de Chamartín, Madrid, España",
+                lat: 40.47237,
+                lon: -3.683141
+            },
+            timeBookingStartRealTimestamp: 1653559603000,
+            asap: true,
+            paymentMethod: 50,
+            entryChannel: 15,
+            idSupplierFleet: 57,
+            idSupplier: 57,
+            distanceMeters: 10501,
+            durationMinutes: 0,
+            location: "MADRID",
+            passengerName: "Sandra Vicente Garcia",
+            phoneNumberPassenger: "453654654",
+            phoneNumberTaxiDriver: "600000000",
+            idSupplierTaxi: "11",
+            idSupplierService: "15826",
+            cancelledWithCharge: false,
+            priceCustomer: "23.00000",
+            priceSupplier: "23.00000",
+            phoneNumberSupplier: "676800672",
+            idAuthorizationGroup: 335,
+            supplierTaxiDescription: "Seat León | 4",
+            subscriberCode: "6300",
+            userNumber: "93271095",
+            idService: 1946195316,
+            shared: false,
+            timeZone: "Europe/Madrid",
+            notes: "2022-05-26 10:06:42 | 11 | Laura | 150 | Servicio solicitado Portal - Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML  like Gecko) Chrome/101.0.4951.64 Safari/537.36. WL 4069\n2022-05-26 10:06:42 | 33 | SYSTEM | 114 | El número de vuelo es 1.\n2022-05-26 10:06:42 | 33 | SYSTEM | 149 | Servicio enviado a MADRID_TAKSEE_TAXI (57)\n2022-05-26 10:06:51 | 44 | SYSTEM | 110 | Ha ocurrido un error enviando el email de confirmación al usuario\n2022-05-26 10:06:51 | 11 | SYSTEM | 130 | Confirmado por: MADRID_TAKSEE_TAXI (Taxi: 11). Num. servicio: 15826\n2022-05-26 10:08:15 | 33 | SYSTEM | 136 | Finalizado por SPARTAN. Importe 23 EUR establecido por SPARTAN (23.0 + 0.00 peaje)(40.4777 -3.7073)\n2022-05-26 10:08:16 | 33 | SYSTEM | 145 | Recibo enviado KO - 23€ + 0€ (peaje)",
+            tollCustomer: 0.00000,
+            tollSupplier: 0.00000,
+            paymentMethodCustomer: 4,
+            createdBy: 146280,
+            bookingBreakTitle1: "Evento",
+            bookingBreakTitle2: "Descripción actuación",
+            bookingBreakTitle3: "Centro de coste",
+            bookingBreakTitle4: "CIF visita comercial",
+            bookingBreakValue1: "Ev. Gen. - Acciones comerciales",
+            bookingBreakValue2: "sasasa",
+            bookingBreakValue3: "",
+            bookingBreakValue4: "02661135N",
+            authorizationBreakTitle1: "Num.Empleado",
+            authorizationBreakTitle2: "Centro Empleado",
+            authorizationBreakTitle3: "ID Empresa",
+            authorizationBreakTitle7: "Nombre de la empresa",
+            authorizationBreakValue1: "U0193271",
+            authorizationBreakValue2: "5570",
+            authorizationBreakValue3: "95",
+            authorizationBreakValue5: "SC",
+            authorizationBreakValue6: "U0193271095",
+            authorizationBreakValue7: "FACILITIES"
+        }
+    ],
+
+    columns: [
+        {
+            activeView: true,
+            sortable: true,
+            accessor: 'timeBookingStartRealTimestamp',
+            subAccessor: '',
+            title: 'Fecha',
+            viewIsFilter: true,
+            typeFilter: 'date',
+            subTypeFilter: false,
+            idInput: 'fecha',
+            nameInput: 'Fecha',
+            placeholder: 'Fecha'
+        },
+        {
+            activeView: true,
+            sortable: true,
+            accessor: 'passengerName',
+            subAccessor: '',
+            title: 'Pasajero',
+            viewIsFilter: true,
+            typeFilter: 'text',
+            subTypeFilter: false,
+            idInput: 'pasajero',
+            nameInput: 'Pasajero',
+            placeholder: 'Pasajero'
+        },
+        {
+            activeView: true,
+            sortable: true,
+            accessor: 'origin',
+            subAccessor: 'addressField',
+            title: 'Recogida',
+            viewIsFilter: true,
+            typeFilter: 'text',
+            subTypeFilter: false,
+            idInput: 'recogida',
+            nameInput: 'Recogida',
+            placeholder: 'Recogida'
+        },
+        {
+            activeView: true,
+            sortable: true,
+            accessor: 'destination',
+            subAccessor: 'addressField',
+            title: 'Destino',
+            viewIsFilter: true,
+            typeFilter: 'text',
+            subTypeFilter: false,
+            idInput: 'destino',
+            nameInput: 'Destino',
+            placeholder: 'Destino'
+        },
+        {
+            activeView: true,
+            sortable: true,
+            accessor: 'priceCustomer',
+            subAccessor: '',
+            title: 'Precio',
+            viewIsFilter: true,
+            typeFilter: 'text',
+            subTypeFilter: true,
+            idInput: 'precio',
+            nameInput: 'Precio',
+            placeholder: 'Precio'
+        },
+        {
+            activeView: false,
+            sortable: true,
+            accessor: 'id',
+            subAccessor: '',
+            title: 'ID',
+            viewIsFilter: true,
+            typeFilter: 'number',
+            subTypeFilter: false,
+            idInput: 'id',
+            nameInput: 'id',
+            placeholder: 'id'
+        },
+        {
+            activeView: false,
+            sortable: true,
+            accessor: 'idService',
+            subAccessor: '',
+            title: 'ID Reserva',
+            viewIsFilter: true,
+            typeFilter: 'number',
+            subTypeFilter: false,
+            idInput: 'IDReserva',
+            nameInput: 'ID Reserva',
+            placeholder: 'ID Reserva'
+        },
+        {
+            activeView: false,
+            sortable: true,
+            accessor: 'idSupplier',
+            subAccessor: '',
+            title: 'ID Proveedor',
+            viewIsFilter: true,
+            typeFilter: 'number',
+            subTypeFilter: false,
+            idInput: 'IDProveedor',
+            nameInput: 'ID Proveedor',
+            placeholder: 'ID Proveedor'
+        },
+        {
+            accessor: 'action',
+            subAccessor: 'action',
+            activeView: true,
+            idInput: 'action',
+            nameInput: 'Acciones',
+            placeholder: 'Acciones',
+            sortable: false,
+            subTypeFilter: false,
+            title: '',
+            typeFilter: 'text',
+            viewIsFilter: false,
+        },
+    ],
+
+ }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.3.4",
+  "version": "0.3.8",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",

package/atoms/Icon/file-download-svgrepo-com.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 21 21" style="enable-background:new 0 0 21 21;" xml:space="preserve">
-<g transform="translate(4 2)">
-	<path d="M11.7,18.8H1.3c-1.7,0-3.1-1.4-3.1-3.1v-13c0-1.7,1.4-3.1,3.1-3.1h2.6c0.3,0,0.5,0.2,0.5,0.5S4.2,0.5,3.9,0.5H1.3
-		c-1.2,0-2.1,0.9-2.1,2.1v13c0,1.2,0.9,2.1,2.1,2.1h10.4c1.2,0,2.1-0.9,2.1-2.1l0-10.2L8.8,0.4c-0.2-0.2-0.2-0.5,0-0.7
-		s0.5-0.2,0.7,0l5.2,5.2c0.1,0.1,0.1,0.2,0.1,0.4l0,10.4C14.8,17.4,13.4,18.8,11.7,18.8z"/>
-	<path d="M6.5,13.6c-0.1,0-0.3,0-0.3-0.1L2.2,9.6C2,9.4,2,9.1,2.2,8.9c0.2-0.2,0.5-0.2,0.7,0l3.6,3.5l3.6-3.5c0.2-0.2,0.5-0.2,0.7,0
-		c0.2,0.2,0.2,0.5,0,0.7l-3.9,3.8C6.8,13.5,6.6,13.6,6.5,13.6z"/>
-	<path d="M6.5,13.6c-0.3,0-0.5-0.2-0.5-0.5V-1.3c0-0.3,0.2-0.5,0.5-0.5S7-1.6,7-1.3v14.3C7,13.3,6.8,13.6,6.5,13.6z"/>
-</g>
-</svg>

package/atoms/Link/Link.js

@@ -1,33 +0,0 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-
-import styles from './Link.module.css'
-import { options } from './constants'
-import withStyles from '../../hocs/withStyles'
-
-import Paragraph from '../Paragraph'
-
-export const Link = ({ children, size, color, getStyles }) => {
-  return (
-    <a className={getStyles('link', ['color'])}>
-      <Paragraph size={size} color={color} weight="semibold" isInline>
-        {children}
-      </Paragraph>
-    </a>
-  )
-}
-
-Link.propTypes = {
-  children: PropTypes.node.isRequired,
-  getStyles: PropTypes.func.isRequired,
-  color: PropTypes.oneOf(options.colors),
-  size: PropTypes.oneOf(options.sizes),
-}
-
-Link.defaultProps = {
-  getStyles: () => {},
-  color: 'primary',
-  size: 'md',
-}
-
-export default withStyles(styles)(Link)

package/atoms/Link/index.js

@@ -1,3 +0,0 @@
-export { default, Link } from './Link'
-export { options } from './constants'
-export { default as styles } from './Link.module.css'