refactor(calendar-web): rename utils to style-utils

Author: samuelreichert

packages/pluggableWidgets/calendar-web/src/Calendar.editorPreview.tsx

@@ -5,7 +5,7 @@ import { Calendar, dateFnsLocalizer } from "react-big-calendar";
 import { CalendarPreviewProps } from "../typings/CalendarProps";
 import { CustomToolbar } from "./components/Toolbar";
 import "react-big-calendar/lib/css/react-big-calendar.css";
-import { constructWrapperStyle, WrapperStyleProps } from "./utils/utils";
+import { constructWrapperStyle, WrapperStyleProps } from "./utils/style-utils";
 import { eventPropGetter } from "./utils/calendar-utils";
 
 const localizer = dateFnsLocalizer({
@@ -17,7 +17,7 @@ const localizer = dateFnsLocalizer({
 });
 
 export function preview(props: CalendarPreviewProps): ReactElement {
-    const className = props.class;
+    const { class: className } = props;
     const wrapperStyle = constructWrapperStyle(props as WrapperStyleProps);
     const events = [
         {

packages/pluggableWidgets/calendar-web/src/Calendar.tsx

@@ -2,7 +2,7 @@ import classnames from "classnames";
 import { ReactElement, createElement } from "react";
 import { DnDCalendar, extractCalendarProps } from "./utils/calendar-utils";
 import { CalendarContainerProps } from "../typings/CalendarProps";
-import { constructWrapperStyle } from "./utils/utils";
+import { constructWrapperStyle } from "./utils/style-utils";
 import "./ui/Calendar.scss";
 
 export default function MxCalendar(props: CalendarContainerProps): ReactElement {

packages/pluggableWidgets/calendar-web/src/utils/utils.ts renamed to packages/pluggableWidgets/calendar-web/src/utils/style-utils.ts

@@ -1,10 +1,7 @@
 import { CSSProperties } from "react";
 import { CalendarContainerProps } from "../../typings/CalendarProps";
 
-export function getHeightScale(
-    height: number,
-    heightUnit: "pixels" | "percentageOfParent" | "percentageOfView"
-): string {
+function getHeightScale(height: number, heightUnit: "pixels" | "percentageOfParent" | "percentageOfView"): string {
     return `${height}${heightUnit === "pixels" ? "px" : heightUnit === "percentageOfView" ? "vh" : "%"}`;
 }
 
@@ -36,8 +33,7 @@ export function constructWrapperStyle(props: WrapperStyleProps): CSSProperties {
         style
     } = props;
 
-    const wrapperStyle: Pick<CSSProperties, "width" | "height" | "minHeight" | "maxHeight" | "maxWidth" | "overflowY"> =
-        {};
+    const wrapperStyle: Pick<CSSProperties, "width" | "height" | "minHeight" | "maxHeight" | "overflowY"> = {};
 
     wrapperStyle.width = `${width}${widthUnit === "pixels" ? "px" : "%"}`;
     if (heightUnit === "percentageOfWidth") {