@bytebrand/fe-ui-core 4.0.248 → 4.0.250

package/package.json

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

package/source/components/_common/MaterialAutocomplete/MaterialAutocomplete.styled.tsx

@@ -13,7 +13,7 @@ export const Theme = createTheme({
         popupIndicator: {
           padding: 4,
         },
-        root: {
+        root: ({ ownerState }) => ({
           ['&.Mui-focused + [data-popper-placement*="bottom"] .MuiOutlinedInput-root']: {
             borderTopRightRadius: 0,
             borderTopLeftRadius: 0
@@ -37,7 +37,10 @@ export const Theme = createTheme({
             borderBottomRightRadius: 0,
             borderLeft: '2px solid #1976d2',
             borderRight: '2px solid #1976d2',
-            borderTop: '2px solid #1976d2'
+            borderTop: '2px solid #1976d2',
+            ...(ownerState.error && { // tslint:disable-line
+              borderColor: '#d32f2f'
+            })
           },
           ['&.Mui-focused + [data-popper-placement*="bottom"] > .MuiPaper-root']: {
             borderTopLeftRadius: 0,
@@ -45,6 +48,9 @@ export const Theme = createTheme({
             borderLeft: '2px solid #1976d2',
             borderRight: '2px solid #1976d2',
             borderBottom: '2px solid #1976d2',
+            ...(ownerState.error && { // tslint:disable-line
+              borderColor: '#d32f2f'
+            }),
             marginTop: '-3px'
           },
           ['& + .MuiAutocomplete-popper .MuiAutocomplete-listbox']: {
@@ -66,7 +72,7 @@ export const Theme = createTheme({
           ['& + .MuiAutocomplete-popper > .MuiPaper-root::-webkit-scrollbar-thumb:hover']: {
             backgroundColor: 'grey'
           }
-        }
+        })
       }
     },
     MuiChip: {

package/source/components/_common/MaterialAutocomplete/MaterialAutocomplete.tsx

@@ -90,6 +90,7 @@ const MaterialAutocomplete: React.FC<IMaterialAutocompleteProps> = ({
         multiple={multiple}
         handleHomeEndKeys
         value={value}
+        error={error}
         onChange={(e, newValue, reason: string, details?: { option: any }) => {
           if (typeof newValue === 'string') {
             onChange(newValue);

package/source/framework/utils/CommonUtils.ts

@@ -408,14 +408,14 @@ export function getChipFilterValue (chip: any, t: (key: string, options?: object
 
     case 'MANUFACTURER_EXCLUDE':
     case 'MODEL_EXCLUDE':
-      title = t(`filters.${chipFilterKey.toLocaleLowerCase()}`);
+      title = t(`SearchPage:filters.${chipFilterKey.toLocaleLowerCase()}`);
       filterValue = `${title} ${chipFilterValue}`;
       break;
 
     case 'FIRST_REGISTRATION':
-      title = t(`filters.${chipFilterKey.toLocaleLowerCase()}`);
-      from = chipFilterValue.from ? `${t('filters.from')} ${chipFilterValue.from} ` : '';
-      to = chipFilterValue.to ? `${t('filters.to')} ${chipFilterValue.to}` : '';
+      title = t(`SearchPage:filters.${chipFilterKey.toLocaleLowerCase()}`);
+      from = chipFilterValue.from ? `${t('SearchPage:filters.from')} ${chipFilterValue.from} ` : '';
+      to = chipFilterValue.to ? `${t('SearchPage:filters.to')} ${chipFilterValue.to}` : '';
       filterValue = `${title} ${from} ${to}`;
       break;
 
@@ -425,21 +425,21 @@ export function getChipFilterValue (chip: any, t: (key: string, options?: object
     case 'EMISSION_CO2':
     case 'POWER':
     case 'IMAGES_COUNT':
-      title = t(`filters.${chipFilterKey.toLocaleLowerCase()}`);
-      from = chipFilterValue.from ? `${t('filters.from')} ${getFormattedPrice(+chipFilterValue.from)} ` : '';
-      to = chipFilterValue.to ? `${t('filters.to')} ${getFormattedPrice(+chipFilterValue.to)}` : '';
+      title = t(`SearchPage:filters.${chipFilterKey.toLocaleLowerCase()}`);
+      from = chipFilterValue.from ? `${t('SearchPage:filters.from')} ${getFormattedPrice(+chipFilterValue.from)} ` : '';
+      to = chipFilterValue.to ? `${t('SearchPage:filters.to')} ${getFormattedPrice(+chipFilterValue.to)}` : '';
       const type = chipFilterValue.type ? ` ${chipFilterValue.type}` : '';
       filterValue = `${title} ${from} ${to}${type}`;
       break;
 
     case 'DOORS':
     case 'OWNERS':
-      filterValue = t(`filters.${chipFilterValue}`);
+      filterValue = t(`SearchPage:filters.${chipFilterValue}`);
       break;
 
     case 'SEATS':
     case 'CUBIC_CAPACITY':
-      title = t(`filters.${chipFilterKey.toLocaleLowerCase()}`);
+      title = t(`SearchPage:filters.${chipFilterKey.toLocaleLowerCase()}`);
       const fromTo = `${chipFilterValue.from} - ${chipFilterValue.to}`;
       filterValue = `${title} ${fromTo}`;
       break;
@@ -450,15 +450,15 @@ export function getChipFilterValue (chip: any, t: (key: string, options?: object
       const newFromValue: any = (fromValue === 'NaN') ? '1' : fromValue;
       const newToValue: any = (toValue === 'NaN') ? '18' : toValue;
       const fromToWithInfo = `${newFromValue} - ${newToValue}`;
-      filterValue = t(`filtersChips.${chipFilterKey.toLocaleLowerCase()}`, { value: fromToWithInfo });
+      filterValue = t(`SearchPage:filtersChips.${chipFilterKey.toLocaleLowerCase()}`, { value: fromToWithInfo });
       break;
 
     case 'ONLINE_SINCE':
-      filterValue = t(`filters.${chipFilterValue}`);
+      filterValue = t(`SearchPage:filters.${chipFilterValue}`);
       break;
 
     case 'GENERAL_INSPECTION':
-      filterValue = t(`filtersChips.generalInspection`, { month: t(`filters.${chipFilterValue}`) });
+      filterValue = t(`SearchPage:filtersChips.generalInspection`, { month: t(`SearchPage:filters.${chipFilterValue}`) });
       break;
 
     case 'RATE':
@@ -471,11 +471,11 @@ export function getChipFilterValue (chip: any, t: (key: string, options?: object
         .map((field: string) => {
           const rowValue = rowValues[field];
           const value = Number.isFinite(+rowValue) ? getFormattedPrice(+rowValue) : rowValue;
-          return +rowValue ? t(`filtersChips.${field}Chip`, { value }) : null;
+          return +rowValue ? t(`SearchPage:filtersChips.${field}Chip`, { value }) : null;
         })
         .filter((item: any) => !!item)
       );
-      const rateValue = `${t('filtersChips.rateChip')} ${values[0].length ? values[0].join(' ') : t('filtersChips.any')}`;
+      const rateValue = `${t('SearchPage:filtersChips.rateChip')} ${values[0].length ? values[0].join(' ') : t('SearchPage:filtersChips.any')}`;
       filterValue = `${rateValue}, ${values[1].join(', ')}`;
       break;