83fdebf64d
- Add jscodeshift-based codemod to convert arrow function components to function declarations - Support React.FC, observer-wrapped, and forwardRef components - Include comprehensive test suite covering edge cases - Add npm script to run transformer across codebase - Target only .tsx files in source directories, excluding node_modules and declaration files * [WEB-5459] chore: updates after running codemod --------- Co-authored-by: sriramveeraghanta <veeraghanta.sriram@gmail.com>
40 lines
1 KiB
TypeScript
40 lines
1 KiB
TypeScript
import * as React from "react";
|
|
import { Row } from "../row";
|
|
import type { TRowVariant } from "../row/helper";
|
|
import { ERowVariant } from "../row/helper";
|
|
import { cn } from "../utils";
|
|
|
|
export interface ContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
variant?: TRowVariant;
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}
|
|
const DEFAULT_STYLE = "flex flex-col vertical-scrollbar scrollbar-lg h-full w-full overflow-y-auto";
|
|
|
|
const ContentWrapper = React.forwardRef(function ContentWrapper(
|
|
props: ContentWrapperProps,
|
|
ref: React.ForwardedRef<HTMLDivElement>
|
|
) {
|
|
const { variant = ERowVariant.REGULAR, className = "", children, ...rest } = props;
|
|
|
|
return (
|
|
<Row
|
|
ref={ref}
|
|
variant={variant}
|
|
className={cn(
|
|
DEFAULT_STYLE,
|
|
{
|
|
"py-page-y": variant === ERowVariant.REGULAR,
|
|
},
|
|
className
|
|
)}
|
|
{...rest}
|
|
>
|
|
{children}
|
|
</Row>
|
|
);
|
|
});
|
|
|
|
ContentWrapper.displayName = "plane-ui-wrapper";
|
|
|
|
export { ContentWrapper };
|