@bytebrand/fe-ui-core 4.1.55 → 4.1.57

package/package.json

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

package/source/components/SearchPage/SearchTopBar/SearchTopBar.styl

@@ -46,8 +46,7 @@
   font-weight: 700
 
 .sorting
-  flex-basis: 20%
-  min-width: 140px
+  min-width: 180px;
   [class*='MuiPaper-root'], [class*='MuiOutlinedInput-root']
     font-size: 14px !important
 
@@ -96,6 +95,6 @@
   color: $skyBlue
   font-size: 13px
   display: flex
-  justify-content: end
+  justify-content: flex-end
   align-items: center
   column-gap: 10px

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

@@ -99,6 +99,7 @@ import Discount100De from './SVG/common/Discount100De';
 import NewFlagEn from './SVG/common/NewFlagEn';
 import NewFlagDe from './SVG/common/NewFlagDe';
 import AutodeLogo from './SVG/common/AutodeLogo';
+import CheckGreen from './SVG/common/CheckGreen';
 
 // vehicle
 import EmergencyBrakeAssistant from './SVG/vehicle/EmergencyBrakeAssistant';
@@ -386,6 +387,7 @@ const components: IComponentsProp = {
   discount100en: Discount100En,
   discount66de: Discount66De,
   discount100de: Discount100De,
+  checkGreen: CheckGreen,
 
   // TODO: rename all icons according to convention
   cross: DeleteV1Icon,

package/source/components/_common/IconSVG/SVG/common/CheckGreen.tsx

@@ -0,0 +1,22 @@
+/* tslint:disable */
+import React from 'react';
+
+const CheckGreen = (
+  props: any
+) => {
+  return (
+    <svg
+      width="19"
+      height="19"
+      viewBox="0 0 19 19"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      { ...props }
+    >
+      <path d="M9.49967 0.333252C4.43967 0.333252 0.333008 4.43992 0.333008 9.49992C0.333008 14.5599 4.43967 18.6666 9.49967 18.6666C14.5597 18.6666 18.6663 14.5599 18.6663 9.49992C18.6663 4.43992 14.5597 0.333252 9.49967 0.333252ZM9.49967 16.8333C5.45717 16.8333 2.16634 13.5424 2.16634 9.49992C2.16634 5.45742 5.45717 2.16659 9.49967 2.16659C13.5422 2.16659 16.833 5.45742 16.833 9.49992C16.833 13.5424 13.5422 16.8333 9.49967 16.8333ZM13.7072 5.44825L7.66634 11.4891L5.29217 9.12409L3.99967 10.4166L7.66634 14.0833L14.9997 6.74992L13.7072 5.44825Z" fill="#72E128"/>
+    </svg>
+  )
+}
+
+export default CheckGreen;
+/* tslint:enable */

package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.tsx

@@ -7,7 +7,7 @@ import Button from '../../../Button/Button';
 import MaterialAccordionGroup from '../../../MaterialAccordionGroup/MaterialAccordionGroup';
 import classNames from 'classnames';
 import MaterialSwitch from '../../../MaterialSwitch/MaterialSwitch';
-import { COOKIE_SCHEMA } from '@bytebrand/fe-ui-core/source/framework/constants/common';
+import { COOKIE_SCHEMA } from '../../../../../framework/constants/common';
 
 const ManageCookieModal = () => {
   const [analytcisMasterSwitch, setAnalyticsMasterSwitch] = useState(true);
@@ -15,22 +15,24 @@ const ManageCookieModal = () => {
   const [analyticsSwitches, setAnalyticsSwitches] = useState({});
   const [marketingSwitches, setMarketingSwitches] = useState({});
 
-
-  useEffect(() => {
-    const newAnalyticsSwitches = COOKIE_SCHEMA.analytics.reduce((acc, item) => ({...acc, [item]: true}), {});
-    const newMarketingSwitches = COOKIE_SCHEMA.marketing.reduce((acc, item) => ({...acc, [item]: true}), {});
-    setAnalyticsSwitches(newAnalyticsSwitches);
-    setMarketingSwitches(newMarketingSwitches);
-  }, []);
+  useEffect(
+    () => {
+      const newAnalyticsSwitches = COOKIE_SCHEMA.analytics.reduce((acc, item) => ({ ...acc, [item]: true }), {});
+      const newMarketingSwitches = COOKIE_SCHEMA.marketing.reduce((acc, item) => ({ ...acc, [item]: true }), {});
+      setAnalyticsSwitches(newAnalyticsSwitches);
+      setMarketingSwitches(newMarketingSwitches);
+    },
+    []
+  );
 
   const onHandleAnalyticsSwitchValue = (value: boolean) => {
-    const newAnalyticsSwitches = Object.keys(analyticsSwitches).reduce((acc, item) => ({ ...acc, [item]: value }), {})
+    const newAnalyticsSwitches = Object.keys(analyticsSwitches).reduce((acc, item) => ({ ...acc, [item]: value }), {});
     setAnalyticsSwitches(newAnalyticsSwitches);
     setAnalyticsMasterSwitch(value);
   };
 
   const onHandleMarketingSwitchValue = (value: boolean) => {
-    const newAnalyticsSwitches = Object.keys(analyticsSwitches).reduce((acc, item) => ({ ...acc, [item]: value }), {})
+    const newAnalyticsSwitches = Object.keys(analyticsSwitches).reduce((acc, item) => ({ ...acc, [item]: value }), {});
     setMarketingSwitches(newAnalyticsSwitches);
     setMarketingMasterSwitch(value);
   };
@@ -91,7 +93,7 @@ const ManageCookieModal = () => {
               <span>{cookie}</span>
               <MaterialSwitch
                 value={analyticsSwitches[cookie]}
-                onChange={() => { setAnalyticsSwitches(s => ({ ...s, [cookie]: !s[cookie]})) }}
+                onChange={() => { setAnalyticsSwitches(s => ({ ...s, [cookie]: !s[cookie] })); }}
               />
             </div>
           )}
@@ -112,7 +114,7 @@ const ManageCookieModal = () => {
               <span>Cookie</span>
               <MaterialSwitch
                 value={marketingSwitches[cookie]}
-                onChange={() => setMarketingSwitches(s => ({ ...s, [cookie]: !s[cookie]}))}
+                onChange={() => setMarketingSwitches(s => ({ ...s, [cookie]: !s[cookie] }))}
               />
             </div>
           )}

package/source/components/_common/Modal/modals/PreviewCookieModal/PreviewCookieModal.tsx

@@ -14,7 +14,7 @@ const PreviewCookieModal = ({ toggleModal, setModal }: IPreviewCookieModal) => {
     localStorage.setItem('cookieConfig', JSON.stringify([]));
     toggleModal();
   };
-  
+
   return (
     <div className={styles.modalWrapper}>
       <IconSVG name='autodeLogo' customDimensions />

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

@@ -89,7 +89,7 @@ const TimePicker = ({
 
   useEffect(
     () => {
-      setCurrentDay(new Date(nextWeekDaysFull[day]).getDay())
+      setCurrentDay(new Date(nextWeekDaysFull[day]).getDay());
       if (isAfterWorkingHours() && date.getDay() === 0) {
         setCurrentDay(1);
       }

package/source/framework/constants/common.ts

@@ -13,4 +13,4 @@ export const COOKIE_SCHEMA = {
   analytics: ['PugT', 'locale', '_gcl_au', '_ga', '_gid', '_gat_UA-31842-13', 'uid', 'callback', 'demdex', '_hjFirstSeen', '_hjIncludedInSessionSample', '_hjIncludedInPageviewSample', '_hjAbsoluteSessionInProgress', 'vuid'],
   marketing: ['_fbp', 'test_cookie', 'tuuid', 'tuuid_lu', 'c', 'CMID', 'CMPS', 'CMPRO', 'uuid2', 'IDE', 'um', 'umeh', 'cf', 'cip', 'cnac', 'car', 'KRTBCOOKIE_97', 'IDSYNC', 'dpm', '_kuid_', 'fr', 'cto_bundle',
     'visitor-id', 'data-c-ts', 'data-c', 'CMTS', 'mv_tokens', 'A3', 'mv_tokens_eu-v1', 'am_tokens', 'am_tokens_eu-v1', '_hjSessionUser_2590373', 'iteo', '_hjSession_2590373', 'MyVerivoxAuth', 'VxCheckAuth']
-}
+};