imbric-theme 0.1.2 → 0.1.4

package/layout/DynamicTable/DynamicTable.module.css

@@ -0,0 +1,62 @@
+.opFunction {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.opFunctionBox3 {
+  margin-left: 16px;
+}
+
+/* .opFunctionBox1 {
+  display: inline-flex;
+} */
+
+.opFunctionBoxTotal2 {
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  justify-content: flex-start;
+}
+
+.opFunctionBox2 {
+  display: inline-flex;
+  align-items: flex-end;
+  width: 100%;
+  justify-content: flex-end;
+}
+
+.dynamic-table {
+  box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 7%), 0px 2px 2px 0px rgb(0 0 0 / 7%), 0px 1px 5px 0px rgb(0 0 0 / 6%);
+}
+
+.table {
+  width: 100%;
+  table-layout: fixed;
+
+}
+
+.tbl-header {
+  /* background-color: rgba(255, 255, 255, 0.3); */
+  /* background-color: -webkit-linear-gradient(left, #25c481, #25b7c4);
+  background-color: linear-gradient(to right, #25c481, #25b7c4); */
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.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/layout/DynamicTable/DynamicTable.stories.js

@@ -0,0 +1,79 @@
+import { DynamicTable, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+import ColumnTable from '../../molecules/ColumnTable'
+import Heading from '../../atoms/Heading';
+import { Vertical } from '../Spacer/components';
+import RowTable from '../../molecules/RowTable';
+import FooterTable from '../../molecules/FooterTable';
+
+
+const Template = getTemplate(DynamicTable, styles)
+const ListTemplate = getListTemplate(DynamicTable, styles)
+
+
+
+export default {
+  title: 'Layout/DynamicTable',
+  component: DynamicTable,
+  args: {
+    optionsData: options.bookings,
+    opColumns: options.columns,
+    opAddColumns: options.opAddColumns,
+    isViewRange: true,
+    isViewAddColumn: true,
+    isViewDownloadDoc: true,
+    labelDinamicSelect: 'Mostrar u ocultar columnas',
+    placeholderDinamicSelect: 'Seleccionar columnas',
+  },
+  argTypes: {
+    // types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+
+
+export const TableTotal = () =>
+  <div>
+
+    {/* Title - Optional */}
+    <Heading color='black' size='lg' weight='normal'>
+      Servicios de traslados
+    </Heading>
+
+    <Vertical size='sm' />
+
+    {/* Dynamic Table */}
+    <Default></Default>
+
+    <Vertical size='sm' />
+
+    {/* Column Table */}
+    <ColumnTable columnsData={options.columns}> </ColumnTable>
+
+    <Vertical size='sm' />
+
+    {/* Row Table */}
+    <RowTable slice={options.bookings} columnsData={options.columns}></RowTable>
+
+    {/* Footer Table */}
+    <FooterTable range={[]} slice={options.bookings} setPage={4} page={1} />
+
+  </div>
+
+
+// TableTotal.args = { isInline: true }
+
+
+{/* <Canvas>
+	<Story name="Basic">
+	</Story>
+</Canvas> */}
+
+
+

package/layout/DynamicTable/constants.js

@@ -0,0 +1,323 @@
+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'
+        },
+    ],
+
+    opAddColumns: [
+        {
+            label: 'ID',
+            value: 'id',
+            activeView: false,
+        },
+        {
+            label: 'ID Reserva',
+            value: 'idService',
+            activeView: false,
+        },
+        {
+            label: 'ID Proveedor',
+            value: 'idSupplier',
+            activeView: false,
+        }
+    ]
+
+}

package/layout/DynamicTable/index.js

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

package/layout/FlexColumnContent/FlexColumnContent.js

@@ -0,0 +1,26 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+
+import styles from './FlexColumnContent.module.css'
+import { options } from './constants'
+import withStyles from '../../hocs/withStyles'
+
+export const FlexColumnContent = ({ children, getStyles }) => {
+  return ( 
+  <div className={getStyles('flex-column-content')}>
+    {children}
+  </div>
+  )
+}
+
+FlexColumnContent.propTypes = {
+  children: PropTypes.node.isRequired,
+  getStyles: PropTypes.func.isRequired,
+  types: PropTypes.oneOf(options.types),
+}
+
+FlexColumnContent.defaultProps = {
+  getStyles: () => {},
+}
+
+export default withStyles(styles)(FlexColumnContent)

package/layout/FlexColumnContent/FlexColumnContent.module.css

@@ -0,0 +1,5 @@
+.flex-column-content {
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+}

package/layout/FlexColumnContent/FlexColumnContent.stories.js

@@ -0,0 +1,28 @@
+import { FlexColumnContent, styles, options } from '.'
+
+import {
+  getTemplate,
+  getListTemplate,
+  getOptionsArgTypes,
+} from '../../helpers/storybook'
+
+const Template = getTemplate(FlexColumnContent, styles)
+const ListTemplate = getListTemplate(FlexColumnContent, styles)
+
+export default {
+  title: 'Layout/FlexColumnContent',
+  component: FlexColumnContent,
+  args: {
+    children: `Farthings pulled strain? Half they'll greater land sordid Elessar. Glamdring um 17 13 motion? Creaked fate spawning chief lords loved loveliest ashes Elfs witness. Brook born Caradhras dining raining! Seeing-stones taking unlost working. A wizard is never late, Frodo Baggins. Nor is he early. He arrives precisely when he means to. Oakenshield despite distinct prosperous wields relight dark weighed leader reaches rid honor. Moments poison Sackville-Bagginses echoes dozens fend get. Scales exist apple Gundabad retaken bunch agreeable mantle cannot name's seasoning private.
+  Brave dry defeats? Remembered unleashed Denethor niceties legacy. Streets cares pretty Brandybucks ostler. Intact dispatch their expenses suffered flaming bacon should Fili? Jacksie begins hallway needed tracked Gondor's wonderful popularity. Seemed ears perfectly Oakenshield's pale fall animals stabs betrayed grumbling? Stuff awake Brandybuck large done. Curse you and all the halflings!
+  Dared sit torment goes Anárion forgiven west. Summon Bucklebury ship. Terms none Farthings. Tea choose Dwarvish! Leagues gracious carpet payment Brandywine senses very thousand! Don't you leave him, Samwise Gamgee. Firestorm raising Shire reaction mud morninged shines death should! It'll Halflings nab pot drove start. Carpet Lasgalen seen sleepies!
+  Seeing renown knocked battered contend World shepherd. Roof sautéed kingdom agree curtain lived preparing down material Galion appearance! Faramir one-fourteenth study talked amongst fisherman barren recoil responsible. There is one Dwarf yet in Moria who still draws breath. Boats wait exaggerate guessed Muil usurper suffice. Unspoken swears stands serpent depart Mithril. Ugly threat Dwarf possessions yours homage long-term unmade. Well-earned suffice tapestry tongue piled smoke lacerations talisman helps Dragon-Slayer crown? Blanket shan't dare appearances hours grave Muil.`,
+  },
+  argTypes: {
+    types: getOptionsArgTypes(options.types),
+  },
+}
+
+export const Default = Template.bind({})
+// export const List = ListTemplate.bind({})
+// List.args = { items: options.types.map((type) => ({ type })) }

package/layout/FlexColumnContent/constants.js

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

package/layout/FlexColumnContent/index.js

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