@bytebrand/fe-ui-core-autobahn 1.0.1 → 1.0.3

package/constants/highlights.ts

@@ -1,165 +1,165 @@
-import _get from 'lodash/get';
-import { selectors } from '@bytebrand/car-schema-selectors';
-
-export const climatisation = {
-  key: 'heatingCooling_climatisation',
-  climatisationKeys: [
-    // 'selector_climatisation_no_airCondition',
-    'selector_climatisation_airCondition',
-    'selector_climatisation_automaticAirCondition',
-    'selector_climatisation_2_automaticAirCondition',
-    'selector_climatisation_3_automaticAirCondition',
-    'selector_climatisation_4_automaticAirCondition',
-    'selector_climatisation_5_automaticAirCondition'
-  ],
-  endpointKey: 'heatingCooling.climatisation'
-};
-
-export const airbags = {
-  key: 'airbags_airbag',
-  airbagKeys: [
-    'selector_airbag_driver',
-    'selector_airbag_passenger',
-    'selector_airbag_front',
-    'selector_airbag_frontAndSide',
-    'selector_airbag_frontSideAndOther',
-    'selector_airbag_head',
-    'selector_airbag_knee',
-    'selector_airbag_seatCushion',
-    'selector_airbag_rearSeat',
-    'selector_airbag_rear',
-    'selector_airbag_airBelt',
-    'selector_airbag_pedestrian',
-    'selector_airbag_motorcycle'
-  ],
-  endpointKey: 'airbags.airbag'
-};
-
-export const trailerHitch = {
-  key: 'search_trailerHitch',
-  trailerHitchKeys: [
-    'trailerCouplingRotatable',
-    'trailerCouplingRemovable',
-    'trailerCouplingFix'
-  ],
-  endpointKey: 'trailerCoupling'
-};
-
-export const lights = {
-  key: 'search_noIncandescentLight',
-  noIncandescentLightKeys: [
-    'ledHeadlights',
-    'laserHeadlights',
-    'xenonHeadlights',
-    'biLEDHeadlights',
-    'biXenonHeadlights',
-    'daytimeRunningLightsLED'
-  ],
-  endpointKey: 'lights'
-};
-
-export const parkingAssistants = {
-  key: 'search_parkingAssistants',
-  parkingAssistantsKeys: [
-    'selector_parkingAssistants_front',
-    'selector_parkingAssistants_rear',
-    'selector_parkingAssistants_camera',
-    'selector_parkingAssistants_360Camera',
-    'selector_parkingAssistants_selfSteeringSystems',
-    'selector_parkingAssistants_other'
-  ],
-  endpointKey: 'assistants.parkingAssistants'
-};
-
-export const seatHeating = {
-  key: 'search_seatHeating',
-  driverSeats: {
-    key: 'selector_driverSeats_electricHeated',
-    endpointKey: 'seats.driverSeats'
-  },
-  coDriverSeats: {
-    key: 'selector_coDriverSeats_electricHeated',
-    endpointKey: 'seats.coDriverSeats'
-  },
-  backSeats: {
-    key: 'selector_backSeats_electricHeated',
-    endpointKey: 'seats.backSeats'
-  }
-};
-
-function isKeyTrueInCarObject(keys: any, endpoint: string, car: any) {
-  let result = false;
-
-  if (Array.isArray(keys)) {
-    keys.forEach((key: string) => {
-      if (result) { return true; }
-
-      const path = `${endpoint}.${key}`;
-
-      result = _get(car, path, false);
-    });
-  }
-
-  return result;
-}
-
-function isKeyInCarArray(keys: any, arr: any, car: any) {
-  let result = false;
-
-  if (Array.isArray(keys)) {
-    keys.forEach((key: string) => {
-      if (result) { return true; }
-
-      result = _get(car, arr, []).some((item: string) => item === key);
-    });
-  }
-
-  return result;
-}
-
-export function getActualHighlights(car: any, t: any) {
-  const result: any[] = [];
-
-  Object.keys(selectors.highlights).forEach((key: string) => {
-    const item = selectors.highlights[key].tkey;
-    let value = _get(car, item.replace('_', '.'), null);
-
-    /* unique cases */
-    switch (item) {
-      case climatisation.key:
-        value = climatisation.climatisationKeys.some((str: string) => str === _get(car, climatisation.endpointKey, ''));
-        break;
-
-      case airbags.key:
-        value = isKeyInCarArray(airbags.airbagKeys, airbags.endpointKey, car);
-        break;
-
-      case seatHeating.key:
-        const isDriverSeats = _get(car, seatHeating.driverSeats.endpointKey, []).some((i: string) => i === seatHeating.driverSeats.key);
-        const isCoDriverSeats = _get(car, seatHeating.coDriverSeats.endpointKey, []).some((i: string) => i === seatHeating.coDriverSeats.key);
-        const isBackSeats = _get(car, seatHeating.backSeats.endpointKey, []).some((i: string) => i === seatHeating.backSeats.key);
-        value = isDriverSeats || isCoDriverSeats || isBackSeats;
-        break;
-
-      case trailerHitch.key:
-        value = isKeyTrueInCarObject(trailerHitch.trailerHitchKeys, trailerHitch.endpointKey, car);
-        break;
-
-      case lights.key:
-        value = isKeyTrueInCarObject(lights.noIncandescentLightKeys, lights.endpointKey, car);
-        break;
-
-      case parkingAssistants.key:
-        value = isKeyInCarArray(parkingAssistants.parkingAssistantsKeys, parkingAssistants.endpointKey, car);
-        break;
-
-      default:
-    }
-
-    if (value) {
-      result.push({ icon: item, description: t(`cbd:${item}`) });
-    }
-  });
-
-  return result;
-}
+import _get from 'lodash/get';
+import { selectors } from '@bytebrand/car-schema-selectors';
+
+export const climatisation = {
+  key: 'heatingCooling_climatisation',
+  climatisationKeys: [
+    // 'selector_climatisation_no_airCondition',
+    'selector_climatisation_airCondition',
+    'selector_climatisation_automaticAirCondition',
+    'selector_climatisation_2_automaticAirCondition',
+    'selector_climatisation_3_automaticAirCondition',
+    'selector_climatisation_4_automaticAirCondition',
+    'selector_climatisation_5_automaticAirCondition'
+  ],
+  endpointKey: 'heatingCooling.climatisation'
+};
+
+export const airbags = {
+  key: 'airbags_airbag',
+  airbagKeys: [
+    'selector_airbag_driver',
+    'selector_airbag_passenger',
+    'selector_airbag_front',
+    'selector_airbag_frontAndSide',
+    'selector_airbag_frontSideAndOther',
+    'selector_airbag_head',
+    'selector_airbag_knee',
+    'selector_airbag_seatCushion',
+    'selector_airbag_rearSeat',
+    'selector_airbag_rear',
+    'selector_airbag_airBelt',
+    'selector_airbag_pedestrian',
+    'selector_airbag_motorcycle'
+  ],
+  endpointKey: 'airbags.airbag'
+};
+
+export const trailerHitch = {
+  key: 'search_trailerHitch',
+  trailerHitchKeys: [
+    'trailerCouplingRotatable',
+    'trailerCouplingRemovable',
+    'trailerCouplingFix'
+  ],
+  endpointKey: 'trailerCoupling'
+};
+
+export const lights = {
+  key: 'search_noIncandescentLight',
+  noIncandescentLightKeys: [
+    'ledHeadlights',
+    'laserHeadlights',
+    'xenonHeadlights',
+    'biLEDHeadlights',
+    'biXenonHeadlights',
+    'daytimeRunningLightsLED'
+  ],
+  endpointKey: 'lights'
+};
+
+export const parkingAssistants = {
+  key: 'search_parkingAssistants',
+  parkingAssistantsKeys: [
+    'selector_parkingAssistants_front',
+    'selector_parkingAssistants_rear',
+    'selector_parkingAssistants_camera',
+    'selector_parkingAssistants_360Camera',
+    'selector_parkingAssistants_selfSteeringSystems',
+    'selector_parkingAssistants_other'
+  ],
+  endpointKey: 'assistants.parkingAssistants'
+};
+
+export const seatHeating = {
+  key: 'search_seatHeating',
+  driverSeats: {
+    key: 'selector_driverSeats_electricHeated',
+    endpointKey: 'seats.driverSeats'
+  },
+  coDriverSeats: {
+    key: 'selector_coDriverSeats_electricHeated',
+    endpointKey: 'seats.coDriverSeats'
+  },
+  backSeats: {
+    key: 'selector_backSeats_electricHeated',
+    endpointKey: 'seats.backSeats'
+  }
+};
+
+function isKeyTrueInCarObject(keys: any, endpoint: string, car: any) {
+  let result = false;
+
+  if (Array.isArray(keys)) {
+    keys.forEach((key: string) => {
+      if (result) { return true; }
+
+      const path = `${endpoint}.${key}`;
+
+      result = _get(car, path, false);
+    });
+  }
+
+  return result;
+}
+
+function isKeyInCarArray(keys: any, arr: any, car: any) {
+  let result = false;
+
+  if (Array.isArray(keys)) {
+    keys.forEach((key: string) => {
+      if (result) { return true; }
+
+      result = _get(car, arr, []).some((item: string) => item === key);
+    });
+  }
+
+  return result;
+}
+
+export function getActualHighlights(car: any, t: any) {
+  const result: any[] = [];
+
+  Object.keys(selectors.highlights).forEach((key: string) => {
+    const item = selectors.highlights[key].tkey;
+    let value = _get(car, item.replace('_', '.'), null);
+
+    /* unique cases */
+    switch (item) {
+      case climatisation.key:
+        value = climatisation.climatisationKeys.some((str: string) => str === _get(car, climatisation.endpointKey, ''));
+        break;
+
+      case airbags.key:
+        value = isKeyInCarArray(airbags.airbagKeys, airbags.endpointKey, car);
+        break;
+
+      case seatHeating.key:
+        const isDriverSeats = _get(car, seatHeating.driverSeats.endpointKey, []).some((i: string) => i === seatHeating.driverSeats.key);
+        const isCoDriverSeats = _get(car, seatHeating.coDriverSeats.endpointKey, []).some((i: string) => i === seatHeating.coDriverSeats.key);
+        const isBackSeats = _get(car, seatHeating.backSeats.endpointKey, []).some((i: string) => i === seatHeating.backSeats.key);
+        value = isDriverSeats || isCoDriverSeats || isBackSeats;
+        break;
+
+      case trailerHitch.key:
+        value = isKeyTrueInCarObject(trailerHitch.trailerHitchKeys, trailerHitch.endpointKey, car);
+        break;
+
+      case lights.key:
+        value = isKeyTrueInCarObject(lights.noIncandescentLightKeys, lights.endpointKey, car);
+        break;
+
+      case parkingAssistants.key:
+        value = isKeyInCarArray(parkingAssistants.parkingAssistantsKeys, parkingAssistants.endpointKey, car);
+        break;
+
+      default:
+    }
+
+    if (value) {
+      result.push({ icon: item, description: t(`cbd:${item}`) });
+    }
+  });
+
+  return result;
+}

package/constants/price.ts

@@ -1,9 +1,9 @@
-export const priceRatings = ['noRating', 'highPrice', 'increasedPrice', 'fairPrice', 'goodPrice', 'topPrice'];
-
-export const priceRatingConfig: any = {
-  topPrice: { min: -25, max: -9 },
-  goodPrice: { min: -9, max: -4 },
-  fairPrice: { min: -4, max: 4 },
-  increasedPrice: { min: 4, max: 17 },
-  highPrice: { min: 17, max: 25 }
-};
+export const priceRatings = ['noRating', 'highPrice', 'increasedPrice', 'fairPrice', 'goodPrice', 'topPrice'];
+
+export const priceRatingConfig: any = {
+  topPrice: { min: -25, max: -9 },
+  goodPrice: { min: -9, max: -4 },
+  fairPrice: { min: -4, max: 4 },
+  increasedPrice: { min: 4, max: 17 },
+  highPrice: { min: 17, max: 25 }
+};

package/constants/selectors.ts

@@ -1,38 +1,38 @@
-import { selectors } from '@bytebrand/car-schema-selectors';
-
-// Basic data
-export const BODY_TYPES = selectors.category
-  .filter(category => category !== 'selector_unknown');
-
-// Engine | Transmission | Drive
-export const FUEL_TYPES = selectors.fuel
-  .filter(fuel => fuel !== 'selector_unknown');
-
-export const TRANSMISSION_TYPES = selectors.gearbox
-  .filter((gearbox: string) => gearbox !== 'selector_unknown');
-
-export const DRIVE_TYPES = selectors.driveType
-  .filter((driveType: string) => driveType !== 'selector_unknown');
-
-// Color | Pad
-export const EXTERIOR_COLORS = selectors.exteriorColor
-  .filter((color: string) => color !== 'selector_unknown');
-export const INTERIOR_COLORS = selectors.interiorColor
-  .filter((color: string) => color !== 'selector_unknown');
-export const INTERIOR_TYPES = selectors.interiorType
-  .filter((color: string) => color !== 'selector_unknown');
-
-// Highlights
-export const HIGHLIGHTS_TYPES = Object.keys(selectors.highlights)
-  .map((key: string) => selectors.highlights[key].tkey);
-
-// Environment
-export const EMISSION_CLASS = selectors.emissionClass
-  .filter((emClass: string) => emClass !== 'selector_unknown');
-
-export const EMISSION_STICKERS = selectors.emissionSticker
-  .filter((sticker: string) => sticker !== 'selector_unknown');
-
-  // Availability
-export const DELIVERY_PERIODS = selectors.deliveryPeriod
-.filter((deliveryPeriod: string) => deliveryPeriod !== 'selector_unknown');
+import { selectors } from '@bytebrand/car-schema-selectors';
+
+// Basic data
+export const BODY_TYPES = selectors.category
+  .filter(category => category !== 'selector_unknown');
+
+// Engine | Transmission | Drive
+export const FUEL_TYPES = selectors.fuel
+  .filter(fuel => fuel !== 'selector_unknown');
+
+export const TRANSMISSION_TYPES = selectors.gearbox
+  .filter((gearbox: string) => gearbox !== 'selector_unknown');
+
+export const DRIVE_TYPES = selectors.driveType
+  .filter((driveType: string) => driveType !== 'selector_unknown');
+
+// Color | Pad
+export const EXTERIOR_COLORS = selectors.exteriorColor
+  .filter((color: string) => color !== 'selector_unknown');
+export const INTERIOR_COLORS = selectors.interiorColor
+  .filter((color: string) => color !== 'selector_unknown');
+export const INTERIOR_TYPES = selectors.interiorType
+  .filter((color: string) => color !== 'selector_unknown');
+
+// Highlights
+export const HIGHLIGHTS_TYPES = Object.keys(selectors.highlights)
+  .map((key: string) => selectors.highlights[key].tkey);
+
+// Environment
+export const EMISSION_CLASS = selectors.emissionClass
+  .filter((emClass: string) => emClass !== 'selector_unknown');
+
+export const EMISSION_STICKERS = selectors.emissionSticker
+  .filter((sticker: string) => sticker !== 'selector_unknown');
+
+  // Availability
+export const DELIVERY_PERIODS = selectors.deliveryPeriod
+.filter((deliveryPeriod: string) => deliveryPeriod !== 'selector_unknown');

package/constants.ts

@@ -1,91 +1,91 @@
-// Autobahn (auto.de redesign) — shared lookup constants.
-// Typed replacement for the design kit's `window.*` globals (data.jsx / ui.jsx / CdpModules.jsx).
-// Pure data only — no DOM, no store access. Imported by the ported presentational components.
-//
-// NOTE on counts: the BODY_TYPES / QUICK_FILTERS sample counts below are the design's
-// placeholder figures. They are only used by the W2 filter UI, which will replace them with
-// REAL aggregation counts from searchStore.aggregation. They are not rendered as real data in W1.
-
-/** Pkw-EnVKV CO₂ efficiency classes (best → worst) and their band colors. */
-export const CO2_CLASSES = ['A', 'B', 'C', 'D', 'E', 'F', 'G'] as const;
-export type Co2Class = (typeof CO2_CLASSES)[number];
-export const CO2_COLORS: readonly string[] = [
-  '#1FA01F', '#5DAE2E', '#9FC21C', '#F2C200', '#F2900D', '#E8601A', '#D4202B',
-];
-
-/** Preisbewertung (price-rating) tiers, index 0 = Top … 4 = Hoch. green → red. */
-export const TIER_LABELS = ['Top Preis', 'Guter Preis', 'Fairer Preis', 'Erhöht', 'Hoher Preis'] as const;
-// i18n key suffixes parallel to TIER_LABELS — components render t('autobahn:tier.<key>') so the
-// Preisbewertung label localizes (TIER_LABELS stays the German source-of-truth used for tier→index logic).
-export const TIER_KEYS = ['top', 'good', 'fair', 'raised', 'high'] as const;
-export const TIER_COLORS: readonly string[] = ['#0F7B43', '#4FA86B', '#C7B53A', '#E08A2B', '#D4502B'];
-export type RatingTier = 0 | 1 | 2 | 3 | 4;
-
-/** SRP sort options (labels match the design; mapped to real sort params by the SRP container). */
-export const SORTS = [
-  'Relevanz',
-  'Preis aufsteigend',
-  'Preis absteigend',
-  'Erstzulassung',
-  'Kilometerstand',
-  'Leistung',
-] as const;
-export type SortLabel = (typeof SORTS)[number];
-
-/** Quick-filter chips for the srp-bar: [lucide icon, label, defaultActive?]. */
-export type QuickFilter = readonly [icon: string, label: string, defaultActive?: boolean];
-export const QUICK_FILTERS: readonly QuickFilter[] = [
-  ['sliders-horizontal', 'Filter', true],
-  ['fuel', 'Diesel'],
-  ['cog', 'Automatik'],
-  ['battery-charging', 'Hybrid'],
-  ['gauge', 'bis 50.000 km'],
-  ['wallet', 'bis 300 €/mtl.'],
-  ['calendar', 'ab 2022'],
-];
-
-/** Brand shortlist for the Marke select (full list comes from appStore.manufacturers at runtime). */
-export const BRANDS: readonly string[] = [
-  'VW', 'Mercedes-Benz', 'BMW', 'Audi', 'Opel', 'Škoda', 'Ford', 'Hyundai',
-];
-
-/** Body-type tiles: [label, lucide icon, placeholder count]. Counts are design placeholders (W2 → real aggregations). */
-export type BodyType = readonly [label: string, icon: string, placeholderCount: string];
-export const BODY_TYPES: readonly BodyType[] = [
-  ['Kleinwagen', 'car', '4.812'],
-  ['Limousine', 'car-front', '5.530'],
-  ['Kombi', 'caravan', '6.118'],
-  ['SUV', 'truck', '7.940'],
-  ['Cabrio', 'wind', '1.270'],
-  ['Van', 'bus', '2.691'],
-];
-
-/** Marker text rendered wherever the design shows a field we have no real data source for yet. */
-export const NEEDS_DATA_LABEL = 'Daten folgt';
-
-// ---------------------------------------------------------------------------
-// Legacy shared constants (moved here from fe-ui-core).
-//
-// This block mirrors the public symbol set of the old
-// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
-// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
-// implementations live under ./constants/ (core.ts, app.ts, price.ts,
-// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
-// ---------------------------------------------------------------------------
-
-export {
-  offers,
-  checkoutOffers,
-  checkoutWarranties,
-  checkoutSteps,
-  checkoutSubStep,
-  DELIVERY_PERIODS_EXTRA,
-  THREE,
-  WLTP_ENERGY_EFFICIENCY_CLASS
-} from './constants/core';
-
-export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
-
-export { priceRatings } from './constants/price';
-
-export { THROTTLE_DELAY } from './constants/Search';
+// Autobahn (auto.de redesign) — shared lookup constants.
+// Typed replacement for the design kit's `window.*` globals (data.jsx / ui.jsx / CdpModules.jsx).
+// Pure data only — no DOM, no store access. Imported by the ported presentational components.
+//
+// NOTE on counts: the BODY_TYPES / QUICK_FILTERS sample counts below are the design's
+// placeholder figures. They are only used by the W2 filter UI, which will replace them with
+// REAL aggregation counts from searchStore.aggregation. They are not rendered as real data in W1.
+
+/** Pkw-EnVKV CO₂ efficiency classes (best → worst) and their band colors. */
+export const CO2_CLASSES = ['A', 'B', 'C', 'D', 'E', 'F', 'G'] as const;
+export type Co2Class = (typeof CO2_CLASSES)[number];
+export const CO2_COLORS: readonly string[] = [
+  '#1FA01F', '#5DAE2E', '#9FC21C', '#F2C200', '#F2900D', '#E8601A', '#D4202B',
+];
+
+/** Preisbewertung (price-rating) tiers, index 0 = Top … 4 = Hoch. green → red. */
+export const TIER_LABELS = ['Top Preis', 'Guter Preis', 'Fairer Preis', 'Erhöht', 'Hoher Preis'] as const;
+// i18n key suffixes parallel to TIER_LABELS — components render t('autobahn:tier.<key>') so the
+// Preisbewertung label localizes (TIER_LABELS stays the German source-of-truth used for tier→index logic).
+export const TIER_KEYS = ['top', 'good', 'fair', 'raised', 'high'] as const;
+export const TIER_COLORS: readonly string[] = ['#0F7B43', '#4FA86B', '#C7B53A', '#E08A2B', '#D4502B'];
+export type RatingTier = 0 | 1 | 2 | 3 | 4;
+
+/** SRP sort options (labels match the design; mapped to real sort params by the SRP container). */
+export const SORTS = [
+  'Relevanz',
+  'Preis aufsteigend',
+  'Preis absteigend',
+  'Erstzulassung',
+  'Kilometerstand',
+  'Leistung',
+] as const;
+export type SortLabel = (typeof SORTS)[number];
+
+/** Quick-filter chips for the srp-bar: [lucide icon, label, defaultActive?]. */
+export type QuickFilter = readonly [icon: string, label: string, defaultActive?: boolean];
+export const QUICK_FILTERS: readonly QuickFilter[] = [
+  ['sliders-horizontal', 'Filter', true],
+  ['fuel', 'Diesel'],
+  ['cog', 'Automatik'],
+  ['battery-charging', 'Hybrid'],
+  ['gauge', 'bis 50.000 km'],
+  ['wallet', 'bis 300 €/mtl.'],
+  ['calendar', 'ab 2022'],
+];
+
+/** Brand shortlist for the Marke select (full list comes from appStore.manufacturers at runtime). */
+export const BRANDS: readonly string[] = [
+  'VW', 'Mercedes-Benz', 'BMW', 'Audi', 'Opel', 'Škoda', 'Ford', 'Hyundai',
+];
+
+/** Body-type tiles: [label, lucide icon, placeholder count]. Counts are design placeholders (W2 → real aggregations). */
+export type BodyType = readonly [label: string, icon: string, placeholderCount: string];
+export const BODY_TYPES: readonly BodyType[] = [
+  ['Kleinwagen', 'car', '4.812'],
+  ['Limousine', 'car-front', '5.530'],
+  ['Kombi', 'caravan', '6.118'],
+  ['SUV', 'truck', '7.940'],
+  ['Cabrio', 'wind', '1.270'],
+  ['Van', 'bus', '2.691'],
+];
+
+/** Marker text rendered wherever the design shows a field we have no real data source for yet. */
+export const NEEDS_DATA_LABEL = 'Daten folgt';
+
+// ---------------------------------------------------------------------------
+// Legacy shared constants (moved here from fe-ui-core).
+//
+// This block mirrors the public symbol set of the old
+// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
+// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
+// implementations live under ./constants/ (core.ts, app.ts, price.ts,
+// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
+// ---------------------------------------------------------------------------
+
+export {
+  offers,
+  checkoutOffers,
+  checkoutWarranties,
+  checkoutSteps,
+  checkoutSubStep,
+  DELIVERY_PERIODS_EXTRA,
+  THREE,
+  WLTP_ENERGY_EFFICIENCY_CLASS
+} from './constants/core';
+
+export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
+
+export { priceRatings } from './constants/price';
+
+export { THROTTLE_DELAY } from './constants/Search';