baseui 10.10.0 → 10.11.0

package/layer/tether.js.flow

@@ -7,10 +7,10 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import * as React from 'react';
 import Popper from 'popper.js';
-import type {Instance as PopperInstance} from 'popper.js';
-import {toPopperPlacement, parsePopperOffset} from './utils.js';
-import {TETHER_PLACEMENT} from './constants.js';
-import type {TetherPropsT, TetherStateT, PopperDataObjectT} from './types.js';
+import type { Instance as PopperInstance } from 'popper.js';
+import { toPopperPlacement, parsePopperOffset } from './utils.js';
+import { TETHER_PLACEMENT } from './constants.js';
+import type { TetherPropsT, TetherStateT, PopperDataObjectT } from './types.js';
 
 class Tether extends React.Component<TetherPropsT, TetherStateT> {
   static defaultProps = {
@@ -32,7 +32,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
   };
 
   componentDidMount() {
-    this.setState({isMounted: true});
+    this.setState({ isMounted: true });
   }
 
   componentDidUpdate(prevProps: TetherPropsT, prevState: TetherStateT) {
@@ -42,7 +42,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
     // between it and the input element.
 
     if (this.props.anchorRef) {
-      const {height, width} = this.props.anchorRef.getBoundingClientRect();
+      const { height, width } = this.props.anchorRef.getBoundingClientRect();
 
       if (this.anchorHeight !== height || this.anchorWidth !== width) {
         this.anchorHeight = height;
@@ -52,7 +52,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
     }
 
     if (this.props.popperRef) {
-      const {height, width} = this.props.popperRef.getBoundingClientRect();
+      const { height, width } = this.props.popperRef.getBoundingClientRect();
 
       if (this.popperHeight !== height || this.popperWidth !== width) {
         this.popperHeight = height;
@@ -67,7 +67,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
             console.warn(
               `[baseui][TetherBehavior] ref has not been passed to the Popper's anchor element.
               See how to pass the ref to an anchor element in the Popover example
-              http://baseui.design/components/popover#anchor-ref-handling-example`,
+              http://baseui.design/components/popover#anchor-ref-handling-example`
             );
           }
         } else {
@@ -82,8 +82,8 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
   }
 
   initializePopper() {
-    const {placement, popperOptions} = this.props;
-    const {modifiers, ...restOptions} = popperOptions;
+    const { placement, popperOptions } = this.props;
+    const { modifiers, ...restOptions } = popperOptions;
 
     if (!this.props.anchorRef || !this.props.popperRef) return;
 
@@ -110,7 +110,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
           fn: this.onPopperUpdate,
           order: 900,
         },
-        preventOverflow: {enabled: true},
+        preventOverflow: { enabled: true },
         ...modifiers,
       },
       ...restOptions,
@@ -120,9 +120,7 @@ class Tether extends React.Component<TetherPropsT, TetherStateT> {
   onPopperUpdate = (data: PopperDataObjectT) => {
     const normalizedOffsets = {
       popper: parsePopperOffset(data.offsets.popper),
-      arrow: data.offsets.arrow
-        ? parsePopperOffset(data.offsets.arrow)
-        : {top: 0, left: 0},
+      arrow: data.offsets.arrow ? parsePopperOffset(data.offsets.arrow) : { top: 0, left: 0 },
     };
     this.props.onPopperUpdate(normalizedOffsets, data);
   };

package/layer/types.js.flow

@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import * as React from 'react';
-import {TETHER_PLACEMENT} from './constants.js';
-import type {OverrideT} from '../helpers/overrides.js';
+import { TETHER_PLACEMENT } from './constants.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
 /** LayersManager */
 export type LayersManagerPropsT = {
@@ -140,7 +140,7 @@ export type TetherPropsT = {
   /** Options to be passes to the Popper on its initialization.
    Refer to the [Popper documentation](https://github.com/popperjs/popper.js/blob/v1.x/docs/_includes/popper-documentation.md)
    for the full list of available options. */
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   popperOptions: any,
 };
 

package/layer/utils.js.flow

@@ -6,16 +6,10 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import type {
-  TetherPlacementT,
-  PopperOffsetT,
-  NormalizedOffsetT,
-} from './types.js';
+import type { TetherPlacementT, PopperOffsetT, NormalizedOffsetT } from './types.js';
 
 export function toPopperPlacement(placement: TetherPlacementT): string {
-  return placement
-    .replace(/(Top|Left)$/, '-start')
-    .replace(/(Right|Bottom)$/, '-end');
+  return placement.replace(/(Top|Left)$/, '-start').replace(/(Right|Bottom)$/, '-end');
 }
 
 /**

package/layout-grid/cell.js.flow

@@ -7,10 +7,10 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import React from 'react';
-import {getOverrides} from '../helpers/overrides.js';
-import {StyledCell as DefaultStyledCell} from './styled-components.js';
-import {GridContext} from './grid.js';
-import type {CellPropsT} from './types.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { StyledCell as DefaultStyledCell } from './styled-components.js';
+import { GridContext } from './grid.js';
+import type { CellPropsT } from './types.js';
 
 export default function Cell({
   align,
@@ -24,10 +24,7 @@ export default function Cell({
   span,
   overrides = {},
 }: CellPropsT) {
-  const [StyledCell, overrideProps] = getOverrides(
-    overrides.Cell,
-    DefaultStyledCell,
-  );
+  const [StyledCell, overrideProps] = getOverrides(overrides.Cell, DefaultStyledCell);
   const gridContext = React.useContext(GridContext);
   return (
     <StyledCell

package/layout-grid/grid.js.flow

@@ -6,18 +6,16 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 import * as React from 'react';
-import {getOverrides} from '../helpers/overrides.js';
-import {STYLE, STYLE_VALUES} from './constants.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { STYLE, STYLE_VALUES } from './constants.js';
 import {
   StyledGrid as DefaultStyledGrid,
   StyledGridWrapper as DefaultStyledGridWrapper,
 } from './styled-components.js';
 
-import type {GridPropsT, SharedGridPropsT} from './types.js';
+import type { GridPropsT, SharedGridPropsT } from './types.js';
 
-export const GridContext: React.Context<SharedGridPropsT> = React.createContext(
-  {},
-);
+export const GridContext: React.Context<SharedGridPropsT> = React.createContext({});
 
 export default function Grid({
   align,
@@ -32,13 +30,10 @@ export default function Grid({
   gridUnit,
   overrides = {},
 }: GridPropsT) {
-  const [StyledGrid, overrideProps] = getOverrides(
-    overrides.Grid,
-    DefaultStyledGrid,
-  );
+  const [StyledGrid, overrideProps] = getOverrides(overrides.Grid, DefaultStyledGrid);
   const [StyledGridWrapper, wrapperProps] = getOverrides(
     overrides.GridWrapper,
-    DefaultStyledGridWrapper,
+    DefaultStyledGridWrapper
   );
   const presetStyleValues = STYLE_VALUES[gridStyle];
   const gridStyleValues = presetStyleValues
@@ -59,27 +54,17 @@ export default function Grid({
   return (
     <StyledGridWrapper
       $behavior={behavior}
-      $gridMargins={
-        gridMargins != null ? gridMargins : gridStyleValues.$gridMargins
-      }
-      $gridMaxWidth={
-        gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth
-      }
+      $gridMargins={gridMargins != null ? gridMargins : gridStyleValues.$gridMargins}
+      $gridMaxWidth={gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth}
       $gridUnit={gridUnit != null ? gridUnit : gridStyleValues.$gridUnit}
       {...wrapperProps}
     >
       <StyledGrid
         $align={align}
         $behavior={behavior}
-        $gridGutters={
-          gridGutters != null ? gridGutters : gridStyleValues.$gridGutters
-        }
-        $gridMargins={
-          gridMargins != null ? gridMargins : gridStyleValues.$gridMargins
-        }
-        $gridMaxWidth={
-          gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth
-        }
+        $gridGutters={gridGutters != null ? gridGutters : gridStyleValues.$gridGutters}
+        $gridMargins={gridMargins != null ? gridMargins : gridStyleValues.$gridMargins}
+        $gridMaxWidth={gridMaxWidth != null ? gridMaxWidth : gridStyleValues.$gridMaxWidth}
         $gridUnit={gridUnit != null ? gridUnit : gridStyleValues.$gridUnit}
         {...overrideProps}
       >

package/layout-grid/index.js.flow

@@ -5,13 +5,13 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import {StyledGrid, StyledCell} from './styled-components.js';
+import { StyledGrid, StyledCell } from './styled-components.js';
 import Grid from './grid.js';
 import Cell from './cell.js';
 
 import DeprecatedHOC from '../utils/deprecated-component.js';
 
-export {StyledGrid, StyledCell, Grid, Cell};
+export { StyledGrid, StyledCell, Grid, Cell };
 export * from './constants.js';
 
 const componentName = 'Layout Grid (baseui/layout-grid)';

package/layout-grid/styled-components.js.flow

@@ -6,9 +6,9 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {styled} from '../styles/index.js';
-import {getMediaQueries} from '../helpers/responsive-helpers.js';
-import {BEHAVIOR} from './constants.js';
+import { styled } from '../styles/index.js';
+import { getMediaQueries } from '../helpers/responsive-helpers.js';
+import { BEHAVIOR } from './constants.js';
 import type {
   ResponsiveT,
   StyledGridPropsT,
@@ -28,11 +28,9 @@ export const StyledGridWrapper = styled<StyledGridWrapperPropsT>(
     margin: 'auto',
     maxWidth:
       $behavior === BEHAVIOR.fixed
-        ? `${$gridMaxWidth +
-            2 * getResponsiveNumber($gridMargins, Infinity) -
-            1}${$gridUnit}`
+        ? `${$gridMaxWidth + 2 * getResponsiveNumber($gridMargins, Infinity) - 1}${$gridUnit}`
         : null,
-  }),
+  })
 );
 
 export const StyledGrid = styled<StyledGridPropsT>(
@@ -52,18 +50,10 @@ export const StyledGrid = styled<StyledGridPropsT>(
         return {
           ...acc,
           [cur]: {
-            paddingLeft: `${getResponsiveNumber(
-              $gridMargins,
-              idx,
-            )}${$gridUnit}`,
-            paddingRight: `${getResponsiveNumber(
-              $gridMargins,
-              idx,
-            )}${$gridUnit}`,
-            marginLeft: `-${getResponsiveNumber($gridGutters, idx) /
-              2}${$gridUnit}`,
-            marginRight: `-${getResponsiveNumber($gridGutters, idx) /
-              2}${$gridUnit}`,
+            paddingLeft: `${getResponsiveNumber($gridMargins, idx)}${$gridUnit}`,
+            paddingRight: `${getResponsiveNumber($gridMargins, idx)}${$gridUnit}`,
+            marginLeft: `-${getResponsiveNumber($gridGutters, idx) / 2}${$gridUnit}`,
+            marginRight: `-${getResponsiveNumber($gridGutters, idx) / 2}${$gridUnit}`,
             alignItems: getResponsiveValue($align, idx),
           },
         };
@@ -74,7 +64,7 @@ export const StyledGrid = styled<StyledGridPropsT>(
         marginLeft: `-${getResponsiveNumber($gridGutters, 0) / 2}${$gridUnit}`,
         marginRight: `-${getResponsiveNumber($gridGutters, 0) / 2}${$gridUnit}`,
         alignItems: getResponsiveValue($align, 0),
-      },
+      }
     );
     return {
       boxSizing: 'border-box',
@@ -82,13 +72,11 @@ export const StyledGrid = styled<StyledGridPropsT>(
       flexWrap: 'wrap',
       maxWidth:
         $behavior === BEHAVIOR.fixed
-          ? `${$gridMaxWidth +
-              2 * getResponsiveNumber($gridMargins, Infinity) -
-              1}${$gridUnit}`
+          ? `${$gridMaxWidth + 2 * getResponsiveNumber($gridMargins, Infinity) - 1}${$gridUnit}`
           : null,
       ...gridStyles,
     };
-  },
+  }
 );
 
 export const StyledCell = styled<StyledCellPropsT>(
@@ -124,18 +112,15 @@ export const StyledCell = styled<StyledCellPropsT>(
           ...acc,
           [cur]: {
             display: 'block',
-            width: `calc(${(100 / getResponsiveNumber($gridColumns, idx)) *
-              Math.min(
-                getResponsiveNumber($span, idx),
-                getResponsiveNumber($gridColumns, idx),
-              )}% - ${getResponsiveNumber($gridGutters, idx)}${$gridUnit})`,
-            marginLeft: `calc(${(100 / getResponsiveNumber($gridColumns, idx)) *
-              Math.min(
-                getResponsiveNumber($skip, idx),
-                getResponsiveNumber($gridColumns, idx) - 1,
-              )}% + ${getResponsiveNumber($gridGutters, idx) / 2}${$gridUnit})`,
-            marginRight: `${getResponsiveNumber($gridGutters, idx) /
-              2}${$gridUnit}`,
+            width: `calc(${
+              (100 / getResponsiveNumber($gridColumns, idx)) *
+              Math.min(getResponsiveNumber($span, idx), getResponsiveNumber($gridColumns, idx))
+            }% - ${getResponsiveNumber($gridGutters, idx)}${$gridUnit})`,
+            marginLeft: `calc(${
+              (100 / getResponsiveNumber($gridColumns, idx)) *
+              Math.min(getResponsiveNumber($skip, idx), getResponsiveNumber($gridColumns, idx) - 1)
+            }% + ${getResponsiveNumber($gridGutters, idx) / 2}${$gridUnit})`,
+            marginRight: `${getResponsiveNumber($gridGutters, idx) / 2}${$gridUnit}`,
             marginBottom: `${getResponsiveNumber($gridGaps, idx)}${$gridUnit}`,
             alignSelf: getResponsiveValue($align, idx),
             order: getResponsiveNumber($order, idx),
@@ -149,13 +134,13 @@ export const StyledCell = styled<StyledCellPropsT>(
         marginBottom: `${getResponsiveNumber($gridGaps, 0)}${$gridUnit}`,
         alignSelf: getResponsiveValue($align, 0),
         order: getResponsiveNumber($order, 0),
-      },
+      }
     );
     return {
       boxSizing: 'border-box',
       ...cellStyles,
     };
-  },
+  }
 );
 
 function getResponsiveNumber<T>(responsive: ResponsiveT<T>, i: number): number {

package/layout-grid/types.js.flow

@@ -7,16 +7,13 @@ LICENSE file in the root directory of this source tree.
 // @flow
 
 import * as React from 'react';
-import {ALIGNMENT, BEHAVIOR, STYLE} from './constants.js';
+import { ALIGNMENT, BEHAVIOR, STYLE } from './constants.js';
 
-import type {OverrideT} from '../helpers/overrides.js';
+import type { OverrideT } from '../helpers/overrides.js';
 
 export type ResponsiveT<T> = T | Array<T>;
 
-export type AlignmentT =
-  | typeof ALIGNMENT.start
-  | typeof ALIGNMENT.center
-  | typeof ALIGNMENT.end;
+export type AlignmentT = typeof ALIGNMENT.start | typeof ALIGNMENT.center | typeof ALIGNMENT.end;
 
 export type BehaviorT = typeof BEHAVIOR.fixed | typeof BEHAVIOR.fluid;
 export type CSSLengthUnitT =

package/link/index.js.flow

@@ -7,9 +7,9 @@ LICENSE file in the root directory of this source tree.
 // @flow
 // Styled elements
 import * as React from 'react';
-import {Link} from './styled-components.js';
-import {withWrapper} from '../styles/index.js';
-import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
+import { Link } from './styled-components.js';
+import { withWrapper } from '../styles/index.js';
+import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
 
 function LinkFocus(props) {
   const [focusVisible, setFocusVisible] = React.useState(false);
@@ -23,16 +23,16 @@ function LinkFocus(props) {
       setFocusVisible(false);
     }
   };
-  return props.children({focusVisible, handleFocus, handleBlur});
+  return props.children({ focusVisible, handleFocus, handleBlur });
 }
 
 export const StyledLink = withWrapper(
   Link,
-  Styled =>
-    function StyledLink({animateUnderline, ...restProps}) {
+  (Styled) =>
+    function StyledLink({ animateUnderline, ...restProps }) {
       return (
         <LinkFocus>
-          {focusProps => (
+          {(focusProps) => (
             <Styled
               data-baseweb="link"
               $isAnimateUnderline={animateUnderline}
@@ -44,7 +44,7 @@ export const StyledLink = withWrapper(
           )}
         </LinkFocus>
       );
-    },
+    }
 );
 
 declare var __DEV__: boolean;

package/link/styled-components.js.flow

@@ -6,13 +6,13 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-import {styled} from '../styles/index.js';
+import { styled } from '../styles/index.js';
 
 export const Link = styled<{
   $isAnimateUnderline: boolean,
   $isFocusVisible: boolean,
-}>('a', ({$theme, $isAnimateUnderline, $isFocusVisible}) => {
-  const {colors, typography, animation, direction} = $theme;
+}>('a', ({ $theme, $isAnimateUnderline, $isFocusVisible }) => {
+  const { colors, typography, animation, direction } = $theme;
 
   const underlineLTR = `linear-gradient(transparent calc(100% - 1px), ${colors.linkHover} 1px), linear-gradient(transparent calc(100% - 1px), ${colors.linkText} 1px)`;
 
@@ -30,8 +30,7 @@ export const Link = styled<{
     textDecoration: $isAnimateUnderline ? 'none' : 'underline',
     textUnderlinePosition: 'under',
     willChange: 'background-size',
-    backgroundSize:
-      direction === 'rtl' ? '100% 100%, 100% 100%' : '0% 100%, 100% 100%',
+    backgroundSize: direction === 'rtl' ? '100% 100%, 100% 100%' : '0% 100%, 100% 100%',
     backgroundRepeat: 'no-repeat',
     backgroundImage: $isAnimateUnderline
       ? direction === 'rtl'
@@ -40,8 +39,7 @@ export const Link = styled<{
       : 'none',
     ':hover': {
       color: colors.linkHover,
-      backgroundSize:
-        direction === 'rtl' ? '0% 100%, 100% 100%' : '100% 100%, 100% 100%',
+      backgroundSize: direction === 'rtl' ? '0% 100%, 100% 100%' : '100% 100%, 100% 100%',
     },
     ':focus': {
       outline: $isFocusVisible ? `3px solid ${colors.accent}` : 'none',

package/list/index.d.ts

@@ -64,7 +64,6 @@ export interface LabelPropsT {
 }
 
 export interface MenuAdapterPropsT extends PropsT {
-  // eslint-disable-next-line flowtype/no-weak-types
   item: any;
   onMouseEnter: (event: React.MouseEvent<HTMLLIElement>) => any;
   onClick: (event: React.MouseEvent<HTMLLIElement>) => any;
@@ -82,9 +81,7 @@ export const MenuAdapter: React.FC<MenuAdapterPropsT>;
 export const StyledRoot: StyletronComponent<{}>;
 export const StyledContent: StyletronComponent<StyledContentPropsT>;
 export const StyledEndEnhancerContainer: StyletronComponent<{}>;
-export const StyledArtworkContainer: StyletronComponent<
-  StyledArtworkContainerPropsT
->;
+export const StyledArtworkContainer: StyletronComponent<StyledArtworkContainerPropsT>;
 
 export interface HeadingPropsT {
   heading: React.ReactNode;
@@ -110,13 +107,7 @@ export const ListHeading: React.ForwardRefExoticComponent<
 export const StyledHeadingRoot: StyletronComponent<{}>;
 export const StyledHeadingContent: StyletronComponent<{}>;
 export const StyledHeadingContentRow: StyletronComponent<{}>;
-export const StyledHeadingMainHeading: StyletronComponent<
-  StyledHeadingHeadingPropsT
->;
-export const StyledHeadingSubHeading: StyletronComponent<
-  StyledHeadingHeadingPropsT
->;
-export const StyledHeadingEndEnhancerContainer: StyletronComponent<
-  StyledHeadingEndEnhancerContainerPropsT
->;
+export const StyledHeadingMainHeading: StyletronComponent<StyledHeadingHeadingPropsT>;
+export const StyledHeadingSubHeading: StyletronComponent<StyledHeadingHeadingPropsT>;
+export const StyledHeadingEndEnhancerContainer: StyletronComponent<StyledHeadingEndEnhancerContainerPropsT>;
 export const StyledHeadingEndEnhancerDescriptionContainer: StyletronComponent<{}>;

package/list/index.js.flow

@@ -6,12 +6,12 @@ LICENSE file in the root directory of this source tree.
 */
 // @flow
 
-export {default as ListItem} from './list-item.js';
-export {default as ListItemLabel} from './list-item-label.js';
-export {default as ListHeading} from './list-heading.js';
-export {default as MenuAdapter} from './menu-adapter.js';
+export { default as ListItem } from './list-item.js';
+export { default as ListItemLabel } from './list-item-label.js';
+export { default as ListHeading } from './list-heading.js';
+export { default as MenuAdapter } from './menu-adapter.js';
 
-export {ARTWORK_SIZES, SHAPE} from './constants.js';
+export { ARTWORK_SIZES, SHAPE } from './constants.js';
 export * from './styled-components.js';
 export type * from './types.js';
 

package/list/list-heading.js

@@ -116,7 +116,7 @@ var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/_react.default.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/_react.default.createElement(Content, contentProps, /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(HeadingContainer, _extends({
@@ -127,11 +127,11 @@ var ListHeading = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     $isText: isEndEnhancerString
   }, endEnhancerContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: EndEnhancer
-  }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(SubHeadingContainer, _extends({
+  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/_react.default.createElement(_styledComponents.StyledHeadingContentRow, null, /*#__PURE__*/_react.default.createElement(SubHeadingContainer, _extends({
     $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: SubHeading
-  })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/_react.default.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/_react.default.createElement(RenderNode, {
+  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/_react.default.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/_react.default.createElement(RenderNode, {
     component: EndEnhancerDescription
   })))));
 });