@bytebrand/fe-ui-core 4.8.49 → 4.8.51

package/source/components/SearchWidget/BasicDataWidget/BasicDataWidget.story.js

@@ -0,0 +1,834 @@
+import React from 'react';
+import { Resizable } from 're-resizable';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+
+import BasicDataWidget from './BasicDataWidget.tsx';
+import styles from './BasicDataWidget.story.styl';
+
+
+
+const resizableProps = {
+  className: styles.resizable
+};
+export class BasicDataWidgetStory extends React.Component {
+  constructor() {
+    super();
+  }
+
+
+  render() {
+    const t = (phrase) => {
+      const dictionary = {
+        ['filters.bodyTypePlaceholder']: 'Select body type',
+        ['filters.manufacturerPlaceholder']: 'Brand',
+        ['filters.modelPlaceholder']: 'Model',
+        ['filters.submodelPlaceholder']: 'Submodel (Plus / GTI / etc)',
+        ['addManufacturerAndModel']: 'add manufacturer & model',
+        ['filters.first_registration']: 'First Registration',
+        ['filters.from']: 'from',
+        ['filters.to']: 'to',
+        ['filters.priceTitle']: 'Price in €',
+        ['filters.rateTitle']: 'Monthly rate',
+        ['filters.rate']: 'Rate',
+        ['filters.price']: 'Price',
+        "defaultValue": "any, 60 Months",
+        ['rateSearchWidget.changeRateLink']: 'change',
+        ['rateSearchWidget.defaultValue']: 'any, 60 Months',
+        ['rateSearchWidget.monthlyInstallment']: 'Monatsrate',
+        ['common:rateSearchWidget.firstInstallment']: 'Anzahlung'
+      };
+    
+      return dictionary[phrase];
+    };
+
+    const widgetProps = {
+      t,
+        "MMS_GROUPS": [
+            {
+                "MANUFACTURER": {
+                    "values": "",
+                    "options": [
+                        {
+                            "value": "top",
+                            "label": "TOP MARKEN",
+                            "isDisabled": true
+                        },
+                        {
+                            "value": "Audi",
+                            "label": "Audi"
+                        },
+                        {
+                            "value": "BMW",
+                            "label": "BMW"
+                        },
+                        {
+                            "value": "Ford",
+                            "label": "Ford"
+                        },
+                        {
+                            "value": "Mercedes-Benz",
+                            "label": "Mercedes-Benz"
+                        },
+                        {
+                            "value": "Opel",
+                            "label": "Opel"
+                        },
+                        {
+                            "value": "Renault",
+                            "label": "Renault"
+                        },
+                        {
+                            "value": "Volkswagen",
+                            "label": "Volkswagen"
+                        },
+                        {
+                            "value": "regular",
+                            "label": "ALLE MARKEN",
+                            "isDisabled": true
+                        },
+                        {
+                            "value": "Abarth",
+                            "label": "Abarth"
+                        },
+                        {
+                            "value": "Alfa Romeo",
+                            "label": "Alfa Romeo"
+                        },
+                        {
+                            "value": "Alpina",
+                            "label": "Alpina"
+                        },
+                        {
+                            "value": "Audi",
+                            "label": "Audi"
+                        },
+                        {
+                            "value": "Bentley",
+                            "label": "Bentley"
+                        },
+                        {
+                            "value": "BMW",
+                            "label": "BMW"
+                        },
+                        {
+                            "value": "Borgward",
+                            "label": "Borgward"
+                        },
+                        {
+                            "value": "Cadillac",
+                            "label": "Cadillac"
+                        },
+                        {
+                            "value": "Chevrolet",
+                            "label": "Chevrolet"
+                        },
+                        {
+                            "value": "Citroen",
+                            "label": "Citroen"
+                        },
+                        {
+                            "value": "Corvette",
+                            "label": "Corvette"
+                        },
+                        {
+                            "value": "Cupra",
+                            "label": "Cupra"
+                        },
+                        {
+                            "value": "Dacia",
+                            "label": "Dacia"
+                        },
+                        {
+                            "value": "Dodge",
+                            "label": "Dodge"
+                        },
+                        {
+                            "value": "DS",
+                            "label": "DS"
+                        },
+                        {
+                            "value": "Ferrari",
+                            "label": "Ferrari"
+                        },
+                        {
+                            "value": "Fiat",
+                            "label": "Fiat"
+                        },
+                        {
+                            "value": "Ford",
+                            "label": "Ford"
+                        },
+                        {
+                            "value": "Gmc",
+                            "label": "Gmc"
+                        },
+                        {
+                            "value": "Honda",
+                            "label": "Honda"
+                        },
+                        {
+                            "value": "Hyundai",
+                            "label": "Hyundai"
+                        },
+                        {
+                            "value": "Infiniti",
+                            "label": "Infiniti"
+                        },
+                        {
+                            "value": "Isuzu",
+                            "label": "Isuzu"
+                        },
+                        {
+                            "value": "Jaguar",
+                            "label": "Jaguar"
+                        },
+                        {
+                            "value": "Jeep",
+                            "label": "Jeep"
+                        },
+                        {
+                            "value": "Kia",
+                            "label": "Kia"
+                        },
+                        {
+                            "value": "Lada",
+                            "label": "Lada"
+                        },
+                        {
+                            "value": "Lancia",
+                            "label": "Lancia"
+                        },
+                        {
+                            "value": "Land Rover",
+                            "label": "Land Rover"
+                        },
+                        {
+                            "value": "Lexus",
+                            "label": "Lexus"
+                        },
+                        {
+                            "value": "Lotus",
+                            "label": "Lotus"
+                        },
+                        {
+                            "value": "MAN",
+                            "label": "MAN"
+                        },
+                        {
+                            "value": "Maserati",
+                            "label": "Maserati"
+                        },
+                        {
+                            "value": "Mazda",
+                            "label": "Mazda"
+                        },
+                        {
+                            "value": "Mercedes-Benz",
+                            "label": "Mercedes-Benz"
+                        },
+                        {
+                            "value": "Mini",
+                            "label": "Mini"
+                        },
+                        {
+                            "value": "Mitsubishi",
+                            "label": "Mitsubishi"
+                        },
+                        {
+                            "value": "Nissan",
+                            "label": "Nissan"
+                        },
+                        {
+                            "value": "Opel",
+                            "label": "Opel"
+                        },
+                        {
+                            "value": "Peugeot",
+                            "label": "Peugeot"
+                        },
+                        {
+                            "value": "Porsche",
+                            "label": "Porsche"
+                        },
+                        {
+                            "value": "Renault",
+                            "label": "Renault"
+                        },
+                        {
+                            "value": "Seat",
+                            "label": "Seat"
+                        },
+                        {
+                            "value": "Skoda",
+                            "label": "Skoda"
+                        },
+                        {
+                            "value": "Smart",
+                            "label": "Smart"
+                        },
+                        {
+                            "value": "Ssangyong",
+                            "label": "Ssangyong"
+                        },
+                        {
+                            "value": "Subaru",
+                            "label": "Subaru"
+                        },
+                        {
+                            "value": "Suzuki",
+                            "label": "Suzuki"
+                        },
+                        {
+                            "value": "Tesla",
+                            "label": "Tesla"
+                        },
+                        {
+                            "value": "Toyota",
+                            "label": "Toyota"
+                        },
+                        {
+                            "value": "Volkswagen",
+                            "label": "Volkswagen"
+                        },
+                        {
+                            "value": "Volvo",
+                            "label": "Volvo"
+                        },
+                        {
+                            "value": "Wenckstern",
+                            "label": "Wenckstern"
+                        }
+                    ]
+                },
+                "MODEL": {
+                    "values": "",
+                    "options": []
+                },
+                "SUB_MODEL": {
+                    "values": ""
+                },
+                "SERIES": {
+                    "values": ""
+                }
+            }
+        ],
+        "BODY_TYPE": {
+            "values": [],
+            "options": [
+                "selector_category_combi",
+                "selector_category_sedan",
+                "selector_category_compact",
+                "selector_category_coupe",
+                "selector_category_convertible",
+                "selector_category_suv",
+                "selector_category_van",
+                "selector_category_transporter",
+                "selector_category_minibus"
+            ]
+        },
+        "FIRST_REGISTRATION": {
+            "controls": {
+                "from": "",
+                "to": ""
+            },
+            "values": {
+                "from": 2012,
+                "to": 2021,
+                "type": ""
+            },
+            "options": [
+                {
+                    "from": 2012,
+                    "to": 2013,
+                    "count": 1
+                },
+                {
+                    "from": 2013,
+                    "to": 2014,
+                    "count": 236
+                },
+                {
+                    "from": 2014,
+                    "to": 2015,
+                    "count": 1243
+                },
+                {
+                    "from": 2015,
+                    "to": 2016,
+                    "count": 3326
+                },
+                {
+                    "from": 2016,
+                    "to": 2017,
+                    "count": 6024
+                },
+                {
+                    "from": 2017,
+                    "to": 2018,
+                    "count": 4905
+                },
+                {
+                    "from": 2018,
+                    "to": 2019,
+                    "count": 6027
+                },
+                {
+                    "from": 2019,
+                    "to": 2020,
+                    "count": 12672
+                },
+                {
+                    "from": 2020,
+                    "to": 2021,
+                    "count": 5292
+                },
+                {
+                    "from": 2021,
+                    "to": 2021,
+                    "count": 5277
+                }
+            ]
+        },
+        "PRICE": {
+            "controls": {
+                "from": "",
+                "to": ""
+            },
+            "values": {
+                "from": 0,
+                "to": 315790000,
+                "type": ""
+            },
+            "options": [
+                {
+                    "from": 0,
+                    "to": 15789500,
+                    "count": 65894
+                },
+                {
+                    "from": 15789500,
+                    "to": 31579000,
+                    "count": 0
+                },
+                {
+                    "from": 31579000,
+                    "to": 47368500,
+                    "count": 0
+                },
+                {
+                    "from": 47368500,
+                    "to": 63158000,
+                    "count": 0
+                },
+                {
+                    "from": 63158000,
+                    "to": 78947500,
+                    "count": 0
+                },
+                {
+                    "from": 78947500,
+                    "to": 94737000,
+                    "count": 0
+                },
+                {
+                    "from": 94737000,
+                    "to": 110526500,
+                    "count": 0
+                },
+                {
+                    "from": 110526500,
+                    "to": 126316000,
+                    "count": 0
+                },
+                {
+                    "from": 126316000,
+                    "to": 142105500,
+                    "count": 0
+                },
+                {
+                    "from": 142105500,
+                    "to": 157895000,
+                    "count": 0
+                },
+                {
+                    "from": 157895000,
+                    "to": 173684500,
+                    "count": 0
+                },
+                {
+                    "from": 173684500,
+                    "to": 189474000,
+                    "count": 0
+                },
+                {
+                    "from": 189474000,
+                    "to": 205263500,
+                    "count": 0
+                },
+                {
+                    "from": 205263500,
+                    "to": 221053000,
+                    "count": 0
+                },
+                {
+                    "from": 221053000,
+                    "to": 236842500,
+                    "count": 0
+                },
+                {
+                    "from": 236842500,
+                    "to": 252632000,
+                    "count": 0
+                },
+                {
+                    "from": 252632000,
+                    "to": 268421500,
+                    "count": 0
+                },
+                {
+                    "from": 268421500,
+                    "to": 284211000,
+                    "count": 0
+                },
+                {
+                    "from": 284211000,
+                    "to": 300000500,
+                    "count": 0
+                },
+                {
+                    "from": 300000500,
+                    "to": 315790000,
+                    "count": 1
+                }
+            ]
+        },
+        "RATE": {
+            "controls": {
+                "monthlyInstallmentFrom": "any",
+                "monthlyInstallmentTo": "any",
+                "firstInstallment": 0,
+                "paybackPeriod": 60
+            },
+            "values": {
+                "monthlyInstallmentFrom": null,
+                "monthlyInstallmentTo": null,
+                "firstInstallment": null,
+                "paybackPeriod": null
+            }
+        },
+        "MILEAGE": {
+            "controls": {
+                "from": "",
+                "to": ""
+            },
+            "values": {
+                "from": 0,
+                "to": 157894.74,
+                "type": ""
+            },
+            "options": [
+                {
+                    "from": 0,
+                    "to": 7894.74,
+                    "count": 41491
+                },
+                {
+                    "from": 7894.74,
+                    "to": 15789.47,
+                    "count": 7137
+                },
+                {
+                    "from": 15789.47,
+                    "to": 23684.21,
+                    "count": 5264
+                },
+                {
+                    "from": 23684.21,
+                    "to": 31578.95,
+                    "count": 3699
+                },
+                {
+                    "from": 31578.95,
+                    "to": 39473.68,
+                    "count": 1625
+                },
+                {
+                    "from": 39473.68,
+                    "to": 47368.42,
+                    "count": 1394
+                },
+                {
+                    "from": 47368.42,
+                    "to": 55263.16,
+                    "count": 1054
+                },
+                {
+                    "from": 55263.16,
+                    "to": 63157.89,
+                    "count": 934
+                },
+                {
+                    "from": 63157.89,
+                    "to": 71052.63,
+                    "count": 802
+                },
+                {
+                    "from": 71052.63,
+                    "to": 78947.37,
+                    "count": 595
+                },
+                {
+                    "from": 78947.37,
+                    "to": 86842.11,
+                    "count": 564
+                },
+                {
+                    "from": 86842.11,
+                    "to": 94736.84,
+                    "count": 407
+                },
+                {
+                    "from": 94736.84,
+                    "to": 102631.58,
+                    "count": 338
+                },
+                {
+                    "from": 102631.58,
+                    "to": 110526.32,
+                    "count": 92
+                },
+                {
+                    "from": 110526.32,
+                    "to": 118421.05,
+                    "count": 68
+                },
+                {
+                    "from": 118421.05,
+                    "to": 126315.79,
+                    "count": 62
+                },
+                {
+                    "from": 126315.79,
+                    "to": 134210.53,
+                    "count": 56
+                },
+                {
+                    "from": 134210.53,
+                    "to": 142105.26,
+                    "count": 31
+                },
+                {
+                    "from": 142105.26,
+                    "to": 150000,
+                    "count": 21
+                },
+                {
+                    "from": 150000,
+                    "to": 157894.74,
+                    "count": 3
+                }
+            ]
+        },
+        "POWER": {
+            "controls": {
+                "from": "",
+                "to": "",
+                "type": "PS"
+            },
+            "typeOptions": [
+                "PS",
+                "KW"
+            ],
+            "values": {
+                "from": 0,
+                "to": 17642.11,
+                "type": "PS"
+            },
+            "options": [
+                {
+                    "from": 0,
+                    "to": 882.11,
+                    "count": 65621
+                },
+                {
+                    "from": 882.11,
+                    "to": 1764.21,
+                    "count": 1
+                },
+                {
+                    "from": 1764.21,
+                    "to": 2646.32,
+                    "count": 0
+                },
+                {
+                    "from": 2646.32,
+                    "to": 3528.42,
+                    "count": 0
+                },
+                {
+                    "from": 3528.42,
+                    "to": 4410.53,
+                    "count": 0
+                },
+                {
+                    "from": 4410.53,
+                    "to": 5292.63,
+                    "count": 1
+                },
+                {
+                    "from": 5292.63,
+                    "to": 6174.74,
+                    "count": 0
+                },
+                {
+                    "from": 6174.74,
+                    "to": 7056.84,
+                    "count": 0
+                },
+                {
+                    "from": 7056.84,
+                    "to": 7938.95,
+                    "count": 0
+                },
+                {
+                    "from": 7938.95,
+                    "to": 8821.05,
+                    "count": 0
+                },
+                {
+                    "from": 8821.05,
+                    "to": 9703.16,
+                    "count": 0
+                },
+                {
+                    "from": 9703.16,
+                    "to": 10585.26,
+                    "count": 0
+                },
+                {
+                    "from": 10585.26,
+                    "to": 11467.37,
+                    "count": 0
+                },
+                {
+                    "from": 11467.37,
+                    "to": 12349.47,
+                    "count": 0
+                },
+                {
+                    "from": 12349.47,
+                    "to": 13231.58,
+                    "count": 0
+                },
+                {
+                    "from": 13231.58,
+                    "to": 14113.68,
+                    "count": 0
+                },
+                {
+                    "from": 14113.68,
+                    "to": 14995.79,
+                    "count": 0
+                },
+                {
+                    "from": 14995.79,
+                    "to": 15877.89,
+                    "count": 0
+                },
+                {
+                    "from": 15877.89,
+                    "to": 16760,
+                    "count": 0
+                },
+                {
+                    "from": 16760,
+                    "to": 17642.11,
+                    "count": 1
+                }
+            ]
+        },
+        "CONSUMPTION": {
+            "values": {},
+            "options": [
+                {
+                    "from": 1,
+                    "to": 18
+                }
+            ]
+        },
+        "SEATS": {
+            "values": {},
+            "options": [
+                {
+                    "from": 1,
+                    "to": 12
+                }
+            ]
+        },
+        "DOORS": {
+            "values": "",
+            "options": [
+                {
+                    "key": "two_doors",
+                    "value": 2
+                },
+                {
+                    "key": "three_doors",
+                    "value": 3
+                },
+                {
+                    "key": "four_doors",
+                    "value": 4
+                },
+                {
+                    "key": "five_doors",
+                    "value": 5
+                },
+                {
+                    "key": "all_doors",
+                    "value": 0
+                }
+            ]
+        },
+        "FUEL": {
+            "values": [],
+            "options": [
+                "selector_fuel_petrol",
+                "selector_fuel_diesel",
+                "selector_fuel_electrical",
+                "selector_fuel_hybridElectricalPetrol",
+                "selector_fuel_hybridElectricalDiesel",
+                "selector_fuel_carGas",
+                "selector_fuel_naturalGas",
+                "selector_fuel_ethanol",
+                "selector_fuel_hydrogen"
+            ],
+            "aggregation": {
+                "selector_fuel_petrol": 38926,
+                "selector_fuel_diesel": 23410,
+                "selector_fuel_hybridElectricalPetrol": 2276,
+                "selector_fuel_electrical": 738,
+                "selector_fuel_naturalGas": 323,
+                "selector_fuel_carGas": 25,
+                "selector_fuel_hybridElectricalDiesel": 8,
+                "selector_fuel_hydrogen": 7,
+                "selector_fuel_ethanol": 1
+            }
+        }
+    };
+
+    return (
+    <div className={styles.wrapper}>
+      <Resizable {...resizableProps}>
+        <BasicDataWidget {...widgetProps} />
+      </Resizable>
+    </div>
+    );
+  }
+}
+
+storiesOf('BasicDataWidget', module)
+  .add('BasicDataWidget', () => (
+    <BasicDataWidgetStory />
+  ));