@bytebrand/fe-ui-core 4.8.51 → 4.8.52

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/source/components/OfferPanel/OfferCheckboxGroup/CheckboxContainer.tsx +1 -1
  3. package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx +3 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.8.51",
3
+ "version": "4.8.52",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
package/source/components/OfferPanel/OfferCheckboxGroup/CheckboxContainer.tsx CHANGED
@@ -128,7 +128,7 @@ class CheckboxContainer extends React.Component<ICheckboxProps, {}> {
128
128
  {description ? (
129
129
  <span className={styles.labelContent}>
130
130
  {description}
131
- {tooltipDescription && <MaterialTooltip zindex={10000} text={tooltipDescription} className={styles.tooltipCheckbox} icon='InfoTransparent' />}
131
+ {tooltipDescription && <MaterialTooltip zindex={10000} disablePortal={false} text={tooltipDescription} className={styles.tooltipCheckbox} icon='InfoTransparent' />}
132
132
  </span>
133
133
  ) : false}
134
134
  </label>
package/source/components/_common/MaterialTooltip/MaterialTooltip.tsx CHANGED
@@ -13,6 +13,7 @@ interface IMaterialTooltip {
13
13
  placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
14
14
  disabled?: Boolean;
15
15
  zindex?: number;
16
+ disablePortal?: boolean;
16
17
  }
17
18
 
18
19
  const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
@@ -32,7 +33,7 @@ const LightTooltip = styled(({ className, ...props }: TooltipProps) => (
32
33
  }
33
34
  }));
34
35
 
35
- const MaterialTooltip = ({ text, placement, className, disabled, zindex }: IMaterialTooltip) => {
36
+ const MaterialTooltip = ({ text, placement, className, disabled, zindex, disablePortal = true }: IMaterialTooltip) => {
36
37
  const [isOpen, setIsOpen] = useState(false);
37
38
 
38
39
  const onHandleMenuOpen = (event: any) => {
@@ -71,7 +72,7 @@ const MaterialTooltip = ({ text, placement, className, disabled, zindex }: IMate
71
72
  className={className}
72
73
  zindex={zindex}
73
74
  PopperProps={{
74
- disablePortal: true
75
+ disablePortal
75
76
  }}
76
77
  >
77
78
  <IconButton>