@bytebrand/fe-ui-core 4.1.140 → 4.1.141

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.1.140",
+  "version": "4.1.141",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/_common/IconSVG/IconSVGConfig.tsx

@@ -307,33 +307,6 @@ import HandingOverDashboard from './SVG/common/HandingOverDashboard';
 import PickupDashboard from './SVG/common/PickupDashboard';
 import DashboardQuestionMark from './SVG/common/DashboardQuestionMark';
 
-// flags
-import UA from './SVG/flags/UA';
-import CH from './SVG/flags/CH';
-import AT from './SVG/flags/AT';
-import BE from './SVG/flags/BE';
-import BG from './SVG/flags/BG';
-import HR from './SVG/flags/HR';
-import CZ from './SVG/flags/CZ';
-import DK from './SVG/flags/DK';
-import FI from './SVG/flags/FI';
-import FR from './SVG/flags/FR';
-import DE from './SVG/flags/DE';
-import GB from './SVG/flags/GB';
-import HU from './SVG/flags/HU';
-import IT from './SVG/flags/IT';
-import LI from './SVG/flags/LI';
-import LU from './SVG/flags/LU';
-import NL from './SVG/flags/NL';
-import NO from './SVG/flags/NO';
-import PL from './SVG/flags/PL';
-import RO from './SVG/flags/RO';
-import SK from './SVG/flags/SK';
-import SI from './SVG/flags/SI';
-import ES from './SVG/flags/ES';
-import SE from './SVG/flags/SE';
-import RU from './SVG/flags/RU';
-
 interface IComponentsProp {
   [key: string]: (props: any) => React.ReactNode;
 }
@@ -731,34 +704,7 @@ const components: IComponentsProp = {
   deliveryDashboard: DeliveryDashboard,
   handingOverDashboard: HandingOverDashboard,
   pickupDashboard: PickupDashboard,
-  dashboardQuestionMark: DashboardQuestionMark,
-
-  // flags
-  ua:UA,
-  ch:CH,
-  at:AT,
-  be:BE,
-  bg:BG,
-  hr:HR,
-  cz:CZ,
-  dk:DK,
-  fi:FI,
-  fr:FR,
-  de:DE,
-  gb:GB,
-  hu:HU,
-  it:IT,
-  li:LI,
-  lu:LU,
-  nl:NL,
-  no:NO,
-  pl:PL,
-  ro:RO,
-  sk:SK,
-  si:SI,
-  es:ES,
-  se:SE,
-  ru:RU
+  dashboardQuestionMark: DashboardQuestionMark
 };
 
 export default components;

package/source/components/_common/MaterialSelect/MaterialSelect.tsx

@@ -35,6 +35,7 @@ export interface IVehicleModalProps {
   items: IItems[];
   selectClassName?: string;
   amountOfItems?: number;
+  customDimensionsIcon?: boolean;
 }
 
 const ITEM_HEIGHT = isMobileOnly ? 56 : 48;
@@ -61,6 +62,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
   required,
   items,
   icon,
+  customDimensionsIcon,
   amountOfItems = MENU_ITEMS
 }: IVehicleModalProps) => {
   const [newValue, setValue] = useState('');
@@ -172,7 +174,7 @@ const MaterialSelect: React.FC<IVehicleModalProps> = ({
           inputProps={{
             className: selectClassName
           }}
-          IconComponent={() => <ArrowSelect className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
+          IconComponent={() => <ArrowSelect customDimensions={customDimensionsIcon} className={IconClassNames} name={!!icon ? icon : 'arrowSelect'} />}
           MenuProps={{
             disablePortal: true,
             disableAutoFocus: true,

package/source/components/_common/TimePicker/TimePicker.styl

@@ -17,5 +17,7 @@
         padding-right: 0 !important
 
 .selectIcon
-    width: 30px
+    width: 21px
+    height: auto
+    max-width: none !important
     padding-right: 10px

package/source/components/_common/TimePicker/TimePicker.tsx

@@ -46,8 +46,8 @@ const TimePicker = ({
   const nextWeekDays = [...Array(7).keys()].map((days, index) => (
   {
     value: index,
-    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' }),
-    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { weekday: 'short', day: 'numeric', month: '2-digit' })
+    label: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' }),
+    day: new Date(Date.now() + setNewDay + 86400000 * days).toLocaleString(lang, { day: '2-digit', month: '2-digit', year: 'numeric' })
   }
   ));
   const nextWeekDaysFull = [...Array(7).keys()].map(days => new Date(Date.now() + setNewDay + 86400000 * days));
@@ -124,6 +124,7 @@ const TimePicker = ({
         classNameIcon={styles.selectIcon}
         items={nextWeekDays}
         amountOfItems={6}
+        customDimensionsIcon
       />
       <MaterialSelect
         onChange={(value: any) => timeChange(value)}
@@ -136,6 +137,7 @@ const TimePicker = ({
         classNameIcon={styles.selectIcon}
         items={getTimeRanges()}
         amountOfItems={6}
+        customDimensionsIcon
       />
     </div>
   );

package/source/components/_common/IconSVG/SVG/flags/AT.tsx

@@ -1,18 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const AT = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="600"
-    {...props}
-    viewBox="0 0 900 600"
-  >
-    <path fill="#ed2939" d="M0 0h900v600H0z" />
-    <path fill="#fff" d="M0 200h900v200H0z" />
-  </svg>
-);
-
-export default AT;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/BE.tsx

@@ -1,19 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const BE = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="780"
-    {...props}
-    viewBox="0 0 900 600"
-  >
-    <path fill="#ed2939" d="M0 0h900v780H0z" />
-    <path fill="#fae042" d="M0 0h600v780H0z" />
-    <path d="M0 0h300v780H0z" />
-  </svg>
-);
-
-export default BE;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/BG.tsx

@@ -1,13 +0,0 @@
-/* tslint:disable */
-import * as React from 'react';
-
-const BG = (
-    props: any
-) => (
-    <svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3" {...props}>
-      <path fill="#fff" d="M0 0h5v3H0z"/><path fill="#00966E" d="M0 1h5v2H0z"/><path fill="#D62612" d="M0 2h5v1H0z"/>
-    </svg>
-);
-
-export default BG;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/CH.tsx

@@ -1,18 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const CH = (props: any) => (
-  <svg
-    width="512"
-    height="512"
-    viewBox="0 0 32 32"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M0 0h32v32H0z" fill="red" />
-    <path d="M13 6h6v7h7v6h-7v7h-6v-7H6v-6h7z" fill="#fff" />
-  </svg>
-);
-
-export default CH;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/CZ.tsx

@@ -1,20 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const CZ = (props: any) => (
-  <svg
-    version="1.0"
-    xmlns="http://www.w3.org/2000/svg"
-    width="900"
-    height="600"
-    viewBox="0 0 900 600"
-    {...props}
-  >
-    <path fill="#d7141a" d="M0 0h900v600H0z" />
-    <path fill="#fff" d="M0 0h900v300H0z" />
-    <path d="M450 300L0 0v600z" fill="#11457e" />
-  </svg>
-);
-
-export default CZ;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/DE.tsx

@@ -1,19 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const DE = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1000"
-    height="600"
-    viewBox="0 0 5 3"
-    {...props}
-  >
-    <path d="M0 0h5v3H0z" />
-    <path fill="#D00" d="M0 1h5v2H0z" />
-    <path fill="#FFCE00" d="M0 2h5v1H0z" />
-  </svg>
-);
-
-export default DE;
-/* tslint:enable */

package/source/components/_common/IconSVG/SVG/flags/DK.tsx

@@ -1,16 +0,0 @@
-/* tslint:disable */
-import * as React from "react";
-
-const DK = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 37 28"
-    {...props}
-  >
-    <path fill="#c60c30" d="M0 0h37v28H0z" />
-    <path fill="#fff" d="M0 12h12V0h4v12h21v4H16v12h-4V16H0z" />
-  </svg>
-);
-
-export default DK;
-/* tslint:enable */