feat(calendar-web): editorconfig edits

Author: rahmanunver

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

@@ -80,7 +80,7 @@ export function preview(props: CalendarPreviewProps): ReactElement {
         <div className={classnames("widget-events-preview", "widget-calendar", className)} style={wrapperStyle}>
             <Calendar
                 components={{ toolbar: CustomToolbar }}
-                defaultView={props.defaultView}
+                defaultView={props.defaultViewStandard}
                 events={events}
                 localizer={localizer}
                 messages={{ ...localizer.messages, work_week: "Custom" }}

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

@@ -85,7 +85,7 @@
                 </property>
                 <property key="defaultViewCustom" type="enumeration" defaultValue="month">
                     <caption>Initial selected view</caption>
-                    <description>Work week and agenda are only available in custom views</description>
+                    <description>The default view to show when the calendar is loaded</description>
                     <enumerationValues>
                         <enumerationValue key="day">Day</enumerationValue>
                         <enumerationValue key="week">Week</enumerationValue>
@@ -95,7 +95,7 @@
                     </enumerationValues>
                 </property>
                 <property key="defaultViewStandard" type="enumeration" defaultValue="month">
-                    <caption>Default view</caption>
+                    <caption>Initial selected view</caption>
                     <description>The default view to show when the calendar is loaded</description>
                     <enumerationValues>
                         <enumerationValue key="day">Day</enumerationValue>
@@ -119,9 +119,8 @@
                     <description>The hour at which the day view ends (1-24)</description>
                 </property>
                 <!-- Custom week caption -->
-                <property key="customViewCaption" type="translatableString" required="false">
+                <property key="customViewCaption" type="textTemplate" required="false">
                     <caption>Custom view caption</caption>
-                    <category>View</category>
                     <description>Label used for the custom work-week button and title. Defaults to "Custom".</description>
                     <translations>
                         <translation lang="en_US">Custom</translation>

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

@@ -11,7 +11,8 @@ const defaultProps: CalendarContainerProps = {
     databaseDataSource: new ListValueBuilder().withItems([]).build(),
     titleType: "attribute",
     view: "custom",
-    defaultView: "work_week",
+    defaultViewStandard: "month",
+    defaultViewCustom: "work_week",
     editable: "default",
     enableCreate: true,
     widthUnit: "percentage",

packages/pluggableWidgets/calendar-web/src/utils/calendar-utils.ts

@@ -69,7 +69,7 @@ interface DragAndDropCalendarProps<TEvent extends object = Event, TResource exte
 export function extractCalendarProps(props: CalendarContainerProps): DragAndDropCalendarProps<CalEvent, object> {
     const isCustomView = props.view === "custom";
     const defaultView = isCustomView ? props.defaultViewCustom : props.defaultViewStandard;
-    const customCaption: string = props.customViewCaption ?? "Custom";
+    const customCaption: string = props.customViewCaption?.value ?? "Custom";
     const visibleSet = new Set<number>();
     const dayProps = [
         { prop: props.showSunday, day: 0 },

packages/pluggableWidgets/calendar-web/typings/CalendarProps.d.ts

@@ -4,7 +4,7 @@
  * @author Mendix Widgets Framework Team
  */
 import { CSSProperties } from "react";
-import { ActionValue, EditableValue, ListValue, Option, ListActionValue, ListAttributeValue, ListExpressionValue } from "mendix";
+import { ActionValue, DynamicValue, EditableValue, ListValue, Option, ListActionValue, ListAttributeValue, ListExpressionValue } from "mendix";
 
 export type TitleTypeEnum = "attribute" | "expression";
 
@@ -47,7 +47,7 @@ export interface CalendarContainerProps {
     startDateAttribute?: EditableValue<Date>;
     minHour: number;
     maxHour: number;
-    customViewCaption?: any;
+    customViewCaption?: DynamicValue<string>;
     showMonday: boolean;
     showTuesday: boolean;
     showWednesday: boolean;
@@ -99,7 +99,7 @@ export interface CalendarPreviewProps {
     startDateAttribute: string;
     minHour: number | null;
     maxHour: number | null;
-    customViewCaption: any;
+    customViewCaption: string;
     showMonday: boolean;
     showTuesday: boolean;
     showWednesday: boolean;