imbric-theme 0.3.2 → 0.3.5

package/molecules/RowTable/constants.js

@@ -0,0 +1,305 @@
+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'
+        },
+    ],
+
+ }

package/molecules/RowTable/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.3.2",
+  "version": "0.3.5",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",
@@ -51,9 +51,18 @@
   "license": "MIT",
   "dependencies": {
     "classnames": "2.3.1",
+    "formik": "2.2.9",
+    "moment": "2.29.3",
+    "moment-timezone": "0.5.34",
+    "react-date-range": "1.4.0",
     "react-icons": "4.3.1",
+    "react-moment": "1.1.2",
     "react-router": "6.3.0",
-    "react-router-dom": "6.3.0"
+    "react-router-dom": "6.3.0",
+    "react-select": "5.3.2",
+    "sweetalert2": "11.4.14",
+    "sweetalert2-react-content": "5.0.0",
+    "yup": "0.32.11"
   },
   "devDependencies": {
     "@babel/core": "7.11.6",

package/pages/Login/Login.js

@@ -0,0 +1,102 @@
+import React, { useState } from 'react'
+import PropTypes from 'prop-types'
+
+import styles from './Login.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+import Picture from '../../atoms/Picture'
+import Divider from '../../atoms/Divider'
+import Button from '../../atoms/Button'
+import Input from '../../atoms/Input'
+import Label from '../../atoms/Label'
+import Spacer from '../../layout/Spacer'
+import CenteredContent from '../../layout/CenteredContent'
+import { loginSchema } from './validation/loginSchema'
+
+
+export const Login = ({ children, getStyles }) => {
+
+
+
+  // const [formValues, setFormValues] = useState({})
+
+  // const onChange = (key) => (event) => {
+  //   const { value } = event.target
+  //   setFormValues({ ...formValues, [key]: value })
+  // }
+
+
+
+  return (
+
+    <div className={getStyles('login')}>
+
+      <CenteredContent >
+
+        <Picture
+          src="./static/logologin.svg"
+          width={170}
+        />
+
+        <Spacer.Vertical size="md" />
+        <Divider color="highlight" />
+        <Spacer.Vertical size="md" />
+
+        <form id='loginform' onSubmit={handleSubmit}>
+
+          <Label >Email</Label>
+
+          <Input
+            id='email'
+            // value={formValues.email}
+            type="text"
+            name='email'
+            // onChange={formik.handleChange}
+            placeholder="Introduce tu email"
+          />
+
+          {/* <Label color="muted" isHint> {formik.errors.email}</Label> */}
+
+          <Spacer.Vertical size="md" />
+
+          <Label >Contraseña</Label>
+
+          <Input
+            id='password'
+            // value={formValues.password}
+            type="password"
+            name='password'
+            // onChange={formik.handleChange}
+            placeholder="Introduce tu contraseña"
+          />
+
+          {/* <Label color="muted" isHint> {formik.errors.password}</Label> */}
+
+          <Spacer.Vertical size="md" />
+
+          {/* <Button type='primary' isMuted={!(formik.isValid && formik.dirty)}> Acceder </Button> */}
+
+        </form>
+
+        {children}
+
+      </CenteredContent>
+
+    </div>
+  )
+
+
+
+}
+
+Login.propTypes = {
+  children: PropTypes.node,
+  getStyles: PropTypes.func.isRequired,
+  // type: PropTypes.oneOf(options.types),
+}
+
+Login.defaultProps = {
+  getStyles: () => { },
+}
+
+export default withStyles(styles)(Login)

package/pages/Login/Login.module.css

@@ -0,0 +1,5 @@
+.login {
+  display: flex;
+  max-width: 400px;
+  min-width: 300px;
+}

package/pages/Login/Login.stories.js

@@ -0,0 +1,23 @@
+import { Login, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(Login, styles)
+const ListTemplate = getListTemplate(Login, styles)
+
+export default {
+  title: 'Pages/Login',
+  component: Login,
+  args: {},
+  argTypes: {
+    // types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }

package/pages/Login/constants.js

@@ -0,0 +1 @@
+export const options = { types: [] }

package/pages/Login/index.js

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

package/pages/Login/validation/loginSchema.js

@@ -0,0 +1,5 @@
+import * as Yup from 'yup'
+export const loginSchema = Yup.object().shape({
+  email: Yup.string().email().required('Required'),
+  password: Yup.string().required('Required').min(3, 'Too Short!'),
+})

package/public/static/logologin.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="170px" height="42px" viewBox="0 0 170 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logotipo</title>
+    <defs>
+        <linearGradient x1="0%" y1="50.0030427%" x2="100%" y2="50.0030427%" id="linearGradient-1">
+            <stop stop-color="#ED495E" offset="0%"></stop>
+            <stop stop-color="#39B54A" offset="52.6050465%"></stop>
+            <stop stop-color="#00A3FF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="fullcolor_positivo" transform="translate(-70.000000, -46.000000)" fill="url(#linearGradient-1)">
+            <path d="M175.713077,67.7540277 L175.713077,87.0631181 L182.139472,87.0631181 L182.139472,67.7540277 C182.139472,64.9417213 184.426502,62.6529572 187.239242,62.6529572 L206.049494,62.6529572 L206.049494,56.725834 L186.73997,56.725834 C180.650323,56.725834 175.713077,61.6630808 175.713077,67.7540277 L175.713077,67.7540277 Z M199.623532,87.0631181 L206.049494,87.0631181 L206.049494,65.4973349 L199.623532,65.4973349 L199.623532,87.0631181 Z M224.479224,62.6529572 L240,62.6529572 L240,56.725834 L223.979952,56.725834 C217.889872,56.725834 212.952191,61.6630808 212.952191,67.7540277 L212.952191,76.0349244 C212.952191,82.1258712 217.889872,87.0631181 223.979952,87.0631181 L240,87.0631181 L240,81.1355615 L224.479224,81.1355615 C221.666051,81.1355615 219.378587,78.8472308 219.378587,76.0349244 L219.378587,67.7540277 C219.378587,64.9417213 221.666051,62.6529572 224.479224,62.6529572 L224.479224,62.6529572 Z M158.104632,56.725834 L147.764238,56.725834 C144.951498,56.725834 142.663167,54.4379367 142.663167,51.6260637 L142.663167,46.5718 L136.237639,46.5718 L136.237639,51.6260637 C136.237639,57.7157104 141.175319,62.6529572 147.264966,62.6529572 L157.606227,62.6529572 C160.418966,62.6529572 162.705997,64.9417213 162.705997,67.7540277 L162.705997,76.0349244 C162.705997,78.8472308 160.418966,81.1355615 157.606227,81.1355615 L146.015052,81.1355615 L146.015052,87.0631181 L158.104632,87.0631181 C164.195579,87.0631181 169.132392,82.1258712 169.132392,76.0349244 L169.132392,67.7540277 C169.132392,61.6630808 164.195579,56.725834 158.104632,56.725834 L158.104632,56.725834 Z M199.623532,53.8823231 L206.049494,53.8823231 L206.049494,46.5718 L199.623532,46.5718 L199.623532,53.8823231 Z M84.2140874,87.0631181 L90.639616,87.0631181 L90.639616,65.4973349 L84.2140874,65.4973349 L84.2140874,87.0631181 Z M136.237639,60.0278779 L136.237639,87.0631181 L142.663167,87.0631181 L142.663167,64.7107213 C140.090962,63.8018899 137.86374,62.1575856 136.237639,60.0278779 L136.237639,60.0278779 Z M70,53.8823231 L76.4263953,53.8823231 L76.4263953,46.5718 L70,46.5718 L70,53.8823231 Z M70,87.0631181 L76.4263953,87.0631181 L76.4263953,56.725834 L70,56.725834 L70,87.0631181 Z M98.7714244,56.725834 L84.2140874,56.725834 L84.2140874,62.6529572 L98.2725857,62.6529572 C101.084459,62.6529572 103.371923,64.9417213 103.371923,67.7540277 L103.371923,87.0631181 L109.798318,87.0631181 L109.798318,67.7540277 C109.798318,61.6630808 104.861504,56.725834 98.7714244,56.725834 L98.7714244,56.725834 Z M117.930126,56.725834 L107.173672,56.725834 C109.163393,58.2457537 110.730119,60.291816 111.667555,62.6529572 L117.430854,62.6529572 C120.244027,62.6529572 122.531925,64.9417213 122.531925,67.7540277 L122.531925,87.0631181 L128.957453,87.0631181 L128.957453,67.7540277 C128.957453,61.6630808 124.02064,56.725834 117.930126,56.725834 L117.930126,56.725834 Z" id="logotipo"></path>
+        </g>
+    </g>
+</svg>

package/scripts/create-component.js

@@ -10,6 +10,7 @@ const ATOMIC_DESIGN_TYPES = {
   atom: 'atoms',
   molecule: 'molecules',
   layout: 'layout',
+  pages: 'pages',
 }
 const COMPONENT_TEMPLATE_PATH = 'templates/component'
 
@@ -88,7 +89,7 @@ async function getPromptParams() {
     type: 'select',
     name: 'type',
     message: 'What kind of component would you like to create?',
-    choices: ['atom', 'molecule', 'layout'],
+    choices: ['atom', 'molecule', 'layout', 'pages'],
     initial: 'atom',
   })