import { GridDefaults } from "constants/WidgetConstants";
import React, { ReactNode } from "react";
import useWidgetConfig from "utils/hooks/useWidgetConfig";
import { DynamicHeight } from "utils/WidgetFeatures";
import { WidgetProps } from "widgets/BaseWidget";
import {
  getWidgetMaxAutoHeight,
  getWidgetMinAutoHeight,
} from "widgets/WidgetUtils";
import AutoHeightContainer from "./AutoHeightContainer";

export type AutoHeightWrapperProps = {
  widgetProps: WidgetProps;
  children: ReactNode;
  onUpdateDynamicHeight: (height: number) => void;
};

function AutoHeightContainerWrapper(props: AutoHeightWrapperProps) {
  const { children, widgetProps } = props;
  const isCanvas = useWidgetConfig(widgetProps.type, "isCanvas");
  // eslint-disable-next-line react/jsx-no-useless-fragment
  if (isCanvas) return <>{children}</>;

  const onHeightUpdate = (height: number) => {
    props.onUpdateDynamicHeight(height);
  };

  const maxDynamicHeight = getWidgetMaxAutoHeight(widgetProps);
  const minDynamicHeight = getWidgetMinAutoHeight(widgetProps);

  const widgetHeightInPixels =
    (widgetProps.bottomRow - widgetProps.topRow) *
    GridDefaults.DEFAULT_GRID_ROW_HEIGHT;
  const isAutoHeightWithLimits =
    widgetProps.dynamicHeight === DynamicHeight.AUTO_HEIGHT_WITH_LIMITS;

  return (
    <AutoHeightContainer
      isAutoHeightWithLimits={isAutoHeightWithLimits}
      maxDynamicHeight={maxDynamicHeight}
      minDynamicHeight={minDynamicHeight}
      onHeightUpdate={onHeightUpdate}
      widgetHeightInPixels={widgetHeightInPixels}
      widgetProps={widgetProps}
    >
      {children}
    </AutoHeightContainer>
  );
}

export default AutoHeightContainerWrapper;