@bytebrand/fe-ui-core 4.1.198 → 4.1.200

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.1.198",
3
+ "version": "4.1.200",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -60,7 +60,8 @@ class BodyType extends React.Component<IBodyTypeBlock> {
60
60
  formControlClassName: styles.wrapBodyType,
61
61
  onChange: this.onBodyTypeCheckboxChange(option),
62
62
  checked: isChecked,
63
- label: this.renderLabel(option, isChecked)
63
+ label: this.renderLabel(option, isChecked),
64
+ key: option
64
65
  };
65
66
 
66
67
  return option !== 'selector_unknown' ? (
@@ -78,7 +78,8 @@ class Doors extends React.Component<IDoorsProps, IDoorsState> {
78
78
  value: option.key,
79
79
  checked: fieldValues.includes(option.key) || fieldValues.includes(ALL_DOORS_KEY),
80
80
  onChange: this.onFilterChange,
81
- type: index !== fieldOptions.length - 1 ? 'door' : 'text'
81
+ type: index !== fieldOptions.length - 1 ? 'door' : 'text',
82
+ key: option.key
82
83
  };
83
84
 
84
85
  return (
@@ -239,6 +239,7 @@ const EquipmentsWidget = (props: IEquipmentsWidget) => {
239
239
  t={t}
240
240
  onCheckboxClick={onCheckboxClick}
241
241
  aggregation={aggObj}
242
+ key={categoryName}
242
243
  />;
243
244
  };
244
245
 
@@ -39,7 +39,7 @@ export const Theme = createTheme({
39
39
  root: ({ ownerState }) => ({
40
40
  minHeight: '44px !important',
41
41
  fontSize: '14px important',
42
- ...(ownerState.isComponent && {
42
+ ...(ownerState.disableRipple && {
43
43
  cursor: 'initial !important',
44
44
  '&:hover': {
45
45
  background: 'transparent !important'
@@ -12,18 +12,16 @@ interface IListItem {
12
12
  divider?: boolean;
13
13
  onClick?: () => void;
14
14
  href?: string;
15
- isComponent?: string;
16
15
  isSelect?: boolean;
17
16
  Link?: any;
17
+ handleClose?: () => void;
18
18
  }
19
19
 
20
- const ListItem = ({ icon, label, amount, divider, onClick, href, isComponent, Link, handleClose }: IListItem) => {
20
+ const ListItem = ({ icon, label, amount, divider, onClick, href, Link, handleClose }: IListItem) => {
21
21
  return !!href ? (
22
22
  <Link color='#4C4E64DE' variant='caption' to={href} underline='none' onClick={onClick}>
23
23
  <MenuItem
24
24
  divider={divider}
25
- disableRipple={isComponent ? true : false}
26
- isComponent={isComponent}
27
25
  >
28
26
  {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
29
27
  <ListItemText>
@@ -39,8 +37,7 @@ const ListItem = ({ icon, label, amount, divider, onClick, href, isComponent, Li
39
37
  handleClose();
40
38
  }}
41
39
  divider={divider}
42
- disableRipple={isComponent ? true : false}
43
- isComponent={isComponent}
40
+ disableRipple={true}
44
41
  >
45
42
  {icon && <ListItemIcon><IconSVG customDimensions name={icon} /></ListItemIcon>}
46
43
  <ListItemText>