@wayke-se/components-react 3.0.0-beta.7 → 3.0.0-beta.8

package/dist-src/utils/specification.js

@@ -0,0 +1,499 @@
+import { notEmpty, dateTimeFormat, numberSeparator } from './formats';
+const isElectric = (item) => !!item.fuelType && item.fuelType.toLowerCase() === 'el';
+const getFuelConsumption = (value, item) => {
+    if (!value)
+        return null;
+    return isElectric(item) ? `${value} kWh/100 km` : `${value} liter/100 km`;
+};
+const specLabels = {
+    manufacturer: { label: 'Varumärke' },
+    manufactureYear: {
+        label: 'Tillverkningsår',
+        modal: {
+            title: 'Tillverkningsår',
+            text: 'Året bilen tillverkades.',
+        },
+    },
+    modelSeries: { label: 'Modell' },
+    modelName: {
+        label: 'Version',
+        modal: {
+            title: 'Version',
+            text: 'Vilket utförande av bilmodellen det är.',
+        },
+    },
+    modelYear: {
+        label: 'Modellår',
+        modal: {
+            title: 'Modellår',
+            text: 'Modellår sätts av tillverkaren. Handlaren ändrar ibland modellåret för att matcha transportstyrelsens definition för <i>årsmodell</i>. Definitionen för årsmodell innebär att bilar tillverkade andra halvan av året får nästa års modellår.',
+        },
+    },
+    mileage: {
+        label: 'Mätarställning',
+        formatData: (value, _) => (value || -1) >= 0 ? `${numberSeparator(value)} mil` : null,
+        modal: {
+            title: 'Mätarställning',
+            text: 'Antal mil som bilen har körts. I bilen anges det i kilometer istället.',
+        },
+    },
+    registrationNumber: {
+        label: 'Registreringsnummer',
+    },
+    vinNumber: { label: 'Chassinummer/VIN' },
+    chassis: {
+        label: 'Kaross',
+        modal: {
+            title: 'Kaross',
+            text: 'Vilken typ/form bilen har. ',
+        },
+    },
+    colorName: { label: 'Färg' },
+    enginePower: {
+        label: 'Effekt',
+        formatData: (value, _) => value ? `${value} hk` : null,
+    },
+    engineCylinders: {
+        label: 'Cylindrar',
+        modal: {
+            title: 'Cylindrar',
+            text: 'Antalet ger en indikation på motorns storlek. Ett "vanligt" antal ligger på 4 st.',
+        },
+    },
+    engineVolume: {
+        label: 'Motorvolym',
+        formatData: (value, _) => value ? `${value} cm3` : null,
+        modal: {
+            title: 'Motorvolym',
+            text: 'Den sammanlagda volymen av motorns cylindrar. Mäts i kubikcentimeter.',
+        },
+    },
+    maxSpeed: {
+        label: 'Toppfart',
+        formatData: (value, _) => value ? `${value} km/h` : null,
+        modal: {
+            title: 'Toppfart',
+            text: 'Högsta hastigheten som bilen går att köra.',
+        },
+    },
+    drivingWheel: {
+        label: 'Drivhjul',
+        modal: {
+            title: 'Drivhjul',
+            text: 'Vilka hjul som motorn ger kraft till och snurrar.',
+        },
+    },
+    torque: {
+        label: 'Vridmoment',
+        formatData: (value, _) => value ? `${value} Nm` : null,
+        modal: {
+            title: 'Vridmoment',
+            text: 'Bilens vridkraft. Hög siffra möjliggör att t.ex. dra tunga släp. Dieselmotorer har generellt mer vridmoment.',
+        },
+    },
+    acceleration: {
+        label: 'Acceleration 0-100 km/h',
+        formatData: (value, _) => value ? `${value} sek` : null,
+        modal: {
+            title: 'Acceleration 0-100 km/h',
+            text: 'Antal sekunder som bilen behöver för att ta sig till 100 km/h.',
+        },
+    },
+    gearbox: { label: 'Växellåda' },
+    gearboxType: { label: 'Växellåda' },
+    fuelType: {
+        label: 'Bränslegrupp',
+        modal: {
+            title: 'Bränslegrupp',
+            text: 'Vad bilen ska tankas med och drivs av.',
+        },
+    },
+    seats: {
+        label: 'Säten',
+        modal: {
+            title: 'Säten',
+            text: 'Antal personer som får åka i bilen.',
+        },
+    },
+    segment: {
+        label: 'Segment',
+        modal: {
+            title: 'Segment',
+            text: 'Vilken typ av bil det handlar om - t.ex. familjebil',
+        },
+    },
+    status: { label: 'Status' },
+    imported: {
+        label: 'Import/införsel',
+        formatData: (value, _) => (value ? 'Ja' : null),
+    },
+    firstRegistrationDate: {
+        label: 'Först registrerad',
+        formatData: (value, _) => value ? dateTimeFormat.format(`${value}`, dateTimeFormat.YearMonth) : null,
+    },
+    firstInService: {
+        label: 'Först i trafik',
+        formatData: (value, _) => value ? dateTimeFormat.format(`${value}`, dateTimeFormat.YearMonth) : null,
+    },
+    height: {
+        label: 'Längd/höjd/bredd',
+        formatData: (_, data) => {
+            var _a, _b, _c;
+            return `${((_a = data === null || data === void 0 ? void 0 : data.properties) === null || _a === void 0 ? void 0 : _a.length) || '-'} cm/${((_b = data === null || data === void 0 ? void 0 : data.properties) === null || _b === void 0 ? void 0 : _b.height) || '-'} cm/${((_c = data === null || data === void 0 ? void 0 : data.properties) === null || _c === void 0 ? void 0 : _c.width) || '-'} cm`;
+        },
+    },
+    serviceWeight: {
+        label: 'Tjänstevikt',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+        modal: {
+            title: 'Tjänstevikt',
+            text: 'Anger hur mycket bilen väger med en passagerare som väger ca 75kg.',
+        },
+    },
+    maxTotalWeight: {
+        label: 'Maxlast',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+    },
+    maxRoofWeight: {
+        label: 'Max taklast',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+        modal: {
+            title: 'Max taklast',
+            text: 'Hur många kilo last taket klarar av.',
+        },
+    },
+    trailerWeight: {
+        label: 'Max släpvagnsvikt',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+    },
+    trailerTotalWeightB: {
+        label: 'Totalvikt släp, B',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+        modal: {
+            title: 'Totalvikt släp, B',
+            text: 'Vikten man får dra med släp och ett vanligt B-körkort',
+        },
+    },
+    trailerTotalWeightBPlus: {
+        label: 'Totalvikt släp, B+',
+        formatData: (value, _) => value ? `${numberSeparator(value)} kg` : null,
+        modal: {
+            title: 'Totalvikt släp, B+',
+            text: 'Vikten man får dra med släp och ett utökat B-körkort',
+        },
+    },
+    groundClearence: {
+        label: 'Markfrigång',
+        formatData: (value, _) => value ? `${value} cm` : null,
+        modal: {
+            title: 'Markfrigång',
+            text: 'Avståndet mellan bilens undersida och marken.',
+        },
+    },
+    trunkSpace: {
+        label: 'Bagageutrymme - normalt',
+        formatData: (value, _) => value ? `${value} liter` : null,
+        modal: {
+            title: 'Bagageutrymme - normalt',
+            text: 'Volym på bagageutrymmet med uppfällda säten. Det mäts i liter.',
+        },
+    },
+    tankVolume: {
+        formatLabel: (item) => isElectric(item) ? 'Batterikapacitet' : 'Volym, bränsletank',
+        formatData: (value, data) => {
+            if (!value)
+                return null;
+            return isElectric(data) ? `${value} kWh` : `${value} liter`;
+        },
+        modal: {
+            dynamicTitle: (item) => isElectric(item) ? 'Batterikapacitet' : 'Volym, bränsletank',
+            dynamicText: (item) => isElectric(item)
+                ? 'Batteriets kapacitet i kilowattimmar'
+                : 'Antal liter bränsle som ryms i tanken.',
+        },
+    },
+    wheelBase: {
+        label: 'Hjulbas',
+        formatData: (value, _) => value ? `${value} cm` : null,
+        modal: {
+            title: 'Hjulbas',
+            text: 'Avståndet mellan fram- och bakhjul.',
+        },
+    },
+    tiresFront: { label: 'Däck, fram' },
+    tiresRear: { label: 'Däck, bak' },
+    drivingNoise: { label: 'Ljudnivå' },
+    payload: { label: 'Godsvikt' },
+    trailerWeightWithoutBreaks: { label: 'Totalvikt släp, utan bromsar' },
+    co2: {
+        label: 'CO2',
+        formatData: (value, _) => value ? `${value} g/km` : null,
+        modal: {
+            title: 'C02',
+            text: 'Anger hur mycket koldioxid fordonet släpper ut.',
+        },
+    },
+    environmentClass: {
+        label: 'Miljöklass',
+        modal: {
+            title: 'Miljöklass',
+            text: 'Används för att ställa krav på fordonets utsläpp.',
+        },
+    },
+    vehicleCategoryEU: { label: 'EU-kategori' },
+    fuelConsumptionMixedDriving: {
+        label: 'Bränsleförbrukning, blandad',
+        formatData: getFuelConsumption,
+        modal: {
+            title: 'Bränsleförbrukning, blandad',
+            text: 'Bränsleförbrukning vid blandad körning. Dvs. stadskörning och landsvägskörning under en och samma färd.',
+        },
+    },
+    fuelConsumptionCityDriving: {
+        label: 'Bränsleförbrukning, stad',
+        formatData: getFuelConsumption,
+        modal: {
+            title: 'Bränsleförbrukning, stad',
+            text: 'Bränsleförbrukning vid stadskörning.',
+        },
+    },
+    fuelConsumptionCountryRoadDriving: {
+        label: 'Bränsleförbrukning, landsväg',
+        formatData: getFuelConsumption,
+        modal: {
+            title: 'Bränsleförbrukning, landsväg',
+            text: 'Bränsleförbrukning vid landsvägskörning.',
+        },
+    },
+    nox: { label: 'Nox' },
+    thcNox: { label: 'THC Nox' },
+    ncapStar: {
+        label: 'Euro NCAP stjärnor',
+        modal: {
+            title: 'Euro NCAP stjärnor',
+            text: 'Universiellt säkerhetsbetyg, fler stjärnor innebär högre säkerhet.',
+        },
+    },
+    ncapYear: {
+        label: 'Testår',
+        modal: {
+            title: 'Testår',
+            text: 'Året som bilen säkerhets- och krocktestades.',
+        },
+    },
+    ncapMonth: { label: 'Testmånad' },
+    abs: {
+        label: 'ABS',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'ABS',
+            text: 'Förhindrar att bromsarna låser sig och reducerar bromssträckan.',
+        },
+    },
+    espSystem: {
+        label: 'Antisladd (ESP/DSTC/VSC/ASC)',
+        formatData: (value, _) => (value ? 'Ja' : null),
+    },
+    trcSystem: {
+        label: 'Antispinn',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'Antispinn',
+            text: 'Får bilen att skicka kraft till hjulet som har bästa kontakt med underlaget.',
+        },
+    },
+    isofixRearSeat: {
+        label: 'Isofix bak',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'Isofix bak',
+            text: 'Universiell fästanordning för barnstolar.',
+        },
+    },
+    airbagDriver: {
+        label: 'Airbag, förare',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'Airbag, förare',
+            text: 'Krockkudde för föraren.',
+        },
+    },
+    airbagPassenger: {
+        label: 'Airbag, passagerare',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'Airbag, passagerare',
+            text: 'Krockkudde för passagerare.',
+        },
+    },
+    airbagFrontSide: {
+        label: 'Airbag, sida fram',
+        formatData: (value, _) => (value ? 'Ja' : null),
+    },
+    brakeAssistance: {
+        label: 'Bromsassistans (Panikbroms - BA/EBA/BAS/AFU)',
+        formatData: (value, _) => (value ? 'Ja' : null),
+        modal: {
+            title: 'Bromsassistans (Panikbroms - BA/EBA/BAS/AFU)',
+            text: 'Säkerhetssystem som kan hjälpa till att bromsa och undvika olyckor. ',
+        },
+    },
+    tco3yrs: {
+        label: 'TCO, 3 år 2500 mil/år',
+        formatData: (value, _) => (value ? 'Ja' : null),
+    },
+    annualTax: {
+        label: 'Skatt',
+        formatData: (value, _) => value ? `${value} kr/år` : null,
+        modal: {
+            title: 'Skatt',
+            text: 'Summan fordonsskatt som måste betalas varje år.',
+        },
+    },
+    annualMalus: {
+        label: 'Skatt (Malus)',
+        formatData: (value, _) => value ? `${value} kr/år` : null,
+        modal: {
+            title: 'Malus - förhöjd fordonsskatt',
+            text: 'Bilen har en förhöjd skatt de tre första åren och därefter gäller ordinarie skatt på {insertValue}.',
+            nonConcatablePropValue: 'Bilen har en förhöjd skatt de tre första åren och därefter gäller ordinarie skatt.',
+            concatPropValue: 'annualTax',
+        },
+    },
+    annualBonus: {
+        label: 'Bonus',
+        formatData: (value, _) => value ? `${value} kr` : null,
+        modal: {
+            title: 'Bonus - för nya bilar med låga utsläpp',
+            text: 'Det här fordonet är berättigat till klimatbonus. Bonusen för denna bil är {annualBonus} och delas ut till den första registrerade ägaren efter 6 månader. Klicka <a target="_blank" rel="noopener noreferrer" title="Läs mer om bonus/malus" href="https://www.transportstyrelsen.se/bonusmalus">här</a> för att läsa mer.',
+            concatPropValue: 'annualBonus',
+        },
+    },
+};
+const All = [
+    'manufacturer',
+    'modelSeries',
+    'modelName',
+    'manufactureYear',
+    'mileage',
+    'gearboxType',
+    'enginePower',
+    'drivingWheel',
+    'fuelType',
+    'seats',
+    'colorName',
+    'registrationNumber',
+    'chassis',
+    'engineCylinders',
+    'engineVolume',
+    'maxSpeed',
+    'torque',
+    'acceleration',
+    'modelYear',
+    'vinNumber',
+    'segment',
+    'status',
+    'imported',
+    'firstRegistrationDate',
+    'firstInService',
+    'height',
+    'serviceWeight',
+    'maxTotalWeight',
+    'maxRoofWeight',
+    'trailerWeight',
+    'trailerTotalWeightB',
+    'trailerTotalWeightBPlus',
+    'groundClearence',
+    'trunkSpace',
+    'tankVolume',
+    'wheelBase',
+    'tiresFront',
+    'tiresRear',
+    'drivingNoise',
+    'payload',
+    'trailerWeightWithoutBreaks',
+    'co2',
+    'environmentClass',
+    'vehicleCategoryEU',
+    'fuelConsumptionMixedDriving',
+    'fuelConsumptionCityDriving',
+    'fuelConsumptionCountryRoadDriving',
+    'nox',
+    'thcNox',
+    'ncapStar',
+    'ncapYear',
+    'ncapMonth',
+    'abs',
+    'espSystem',
+    'trcSystem',
+    'isofixRearSeat',
+    'airbagDriver',
+    'airbagPassenger',
+    'airbagFrontSide',
+    'brakeAssistance',
+    'tco3yrs',
+    'annualTax',
+    'annualMalus',
+    'annualBonus',
+];
+const extractSpecData = (key, item) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const spec = specLabels[key];
+    let data = null;
+    if (!!item[key] || (item[key] || -1) > -1) {
+        data = item[key];
+    }
+    else if (!!((_a = item === null || item === void 0 ? void 0 : item.properties) === null || _a === void 0 ? void 0 : _a[key]) ||
+        (typeof ((_b = item === null || item === void 0 ? void 0 : item.properties) === null || _b === void 0 ? void 0 : _b[key]) === 'number' && (((_c = item === null || item === void 0 ? void 0 : item.properties) === null || _c === void 0 ? void 0 : _c[key]) || -1) > -1)) {
+        data = item.properties[key];
+    }
+    if (!spec || !data) {
+        return null;
+    }
+    let label = '';
+    if (spec.formatLabel) {
+        label = spec.formatLabel(item);
+    }
+    else if (spec.label) {
+        label = spec.label;
+    }
+    let value = '';
+    if (spec.formatData) {
+        value = spec.formatData(data, item);
+    }
+    else {
+        value = `${data}`;
+    }
+    const modal = spec.modal ? { title: '', text: '' } : undefined;
+    if (modal) {
+        if ((_d = spec.modal) === null || _d === void 0 ? void 0 : _d.dynamicTitle) {
+            modal.title = spec.modal.dynamicTitle(item);
+        }
+        else if ((_e = spec.modal) === null || _e === void 0 ? void 0 : _e.title) {
+            modal.title = spec.modal.title;
+        }
+        if ((_f = spec.modal) === null || _f === void 0 ? void 0 : _f.dynamicText) {
+            modal.text = spec.modal.dynamicText(item);
+        }
+        else if ((_g = spec.modal) === null || _g === void 0 ? void 0 : _g.text) {
+            modal.text = spec.modal.text;
+        }
+        if ((_h = spec.modal) === null || _h === void 0 ? void 0 : _h.concatPropValue) {
+            const concatObj = spec.modal.concatPropValue === key
+                ? { value }
+                : extractSpecData(spec.modal.concatPropValue, item);
+            if (concatObj === null || concatObj === void 0 ? void 0 : concatObj.value) {
+                modal.text = modal.text.replace('{insertValue}', concatObj.value);
+            }
+            else if (spec.modal.nonConcatablePropValue) {
+                modal.text = spec.modal.nonConcatablePropValue;
+            }
+        }
+    }
+    return {
+        label,
+        value,
+        modal,
+    };
+};
+export const getSpecificationList = (item) => All.map((x) => extractSpecData(x, item)).filter(notEmpty);

package/dist-src/utils/ssn.js

@@ -0,0 +1 @@
+export const ssnIsValid = (s) => (s ? /^\d{2,4}\d{2}\d{2}\-?\d{4}$/.test(s) : false);

package/dist-src/utils/vehicle-properties/compare-basic-properties.js

@@ -0,0 +1,36 @@
+import compareProperties from './compare-properties';
+const ORDER = Object.freeze({
+    Varumärke: 1,
+    Modell: 2,
+    Version: 3,
+    Modellår: 4,
+    Tillverkningsår: 5,
+    Mätarställning: 6,
+    Växellåda: 7,
+    Färg: 8,
+    Registreringsnummer: 9,
+    Bränslegrupp: 10,
+    Kaross: 11,
+    Segment: 12,
+    Skatt: 13,
+    Malus: 14,
+    Bonus: 15,
+});
+const compareByPredefinedOrder = (firstId, secondId) => {
+    const firstOrder = ORDER[firstId] || Number.MAX_SAFE_INTEGER;
+    const secondOrder = ORDER[secondId] || Number.MAX_SAFE_INTEGER;
+    if (firstOrder < secondOrder) {
+        return -1;
+    }
+    else if (secondOrder < firstOrder) {
+        return 1;
+    }
+    return 0;
+};
+export default (first, second) => {
+    const result = compareByPredefinedOrder(`${first.name}`, `${second.name}`);
+    if (result !== 0) {
+        return result;
+    }
+    return compareProperties(first, second);
+};

package/dist-src/utils/vehicle-properties/compare-categories.js

@@ -0,0 +1,27 @@
+const ID_ORDER = Object.freeze({
+    '1000': 1,
+    '71': 2,
+    '2': 3,
+    '1': 4,
+    '8': 5,
+    '6': 6,
+    '119': 7,
+});
+const compareById = (firstId, secondId) => {
+    const firstOrder = ID_ORDER[firstId] || Number.MAX_SAFE_INTEGER;
+    const secondOrder = ID_ORDER[secondId] || Number.MAX_SAFE_INTEGER;
+    if (firstOrder < secondOrder) {
+        return -1;
+    }
+    else if (secondOrder < firstOrder) {
+        return 1;
+    }
+    return 0;
+};
+export default (first, second) => {
+    const result = compareById(`${first.id}`, `${second.id}`);
+    if (result !== 0) {
+        return result;
+    }
+    return first.name.localeCompare(second.name);
+};

package/dist-src/utils/vehicle-properties/compare-properties.js

@@ -0,0 +1,3 @@
+export default (first, second) => {
+    return first.name.localeCompare(second.name);
+};