Development (#237)

* 229 documentation generation has hiccups with events (#235)

* Cleanup of sidebar, updating storybook & fixing a few other issues

* Moving theme out of state, and adding to new exported store

* Adding missing dependancy (#234)

* Only forcing view when not specified (#233)

* Adding colour fallback when light entity only supports brightness and no color (#232)

* Removing redundant code

* Prep for release

* Quick patch to calendar card

Author: shannonhochkins

CHANGELOG.md

@@ -1,3 +1,12 @@
+# 5.0.7
+
+### @hakit/components
+
+- BUGFIX - CalendarCard - Logic to swap out the view only when the view prop was undefined was a bit of a premature optimization, there's now two additional props `disableNarrow` and `disableAutoView` to disable the logic independently, fixes [issue](https://github.com/shannonhochkins/ha-component-kit/issues/231)
+
+### @hakit/core
+- No changes, alignment with components package so versions are aligned
+
 # 5.0.6
 
 ### @hakit/components

packages/components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hakit/components",
   "type": "module",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "private": false,
   "keywords": [
     "react",
@@ -69,7 +69,7 @@
     "@emotion/react": ">=11.x.x",
     "@emotion/styled": ">=11.x",
     "@fullcalendar/react": ">=6.x.x",
-    "@hakit/core": "^5.0.6",
+    "@hakit/core": "^5.0.7",
     "@mui/material": "^6.3.0",
     "@use-gesture/react": ">=10.x",
     "autolinker": ">=4.x",

packages/components/src/Cards/CalendarCard/index.tsx

@@ -323,6 +323,10 @@ export interface CalendarCardProps extends Omit<CardBaseProps<"div", EntityName>
   timeZone?: string;
   /** the default rendered view @default "dayGridMonth" */
   view?: "dayGridMonth" | "listWeek" | "dayGridDay";
+  /** based on the available size of the card, the view will automatically change based on the size @default false */
+  disableAutoView?: boolean;
+  /** disables the narrow class/styles from being added when the card is too small @default false */
+  disableNarrow?: boolean;
   /** include the header controls @default true */
   includeHeader?: boolean;
 }
@@ -398,6 +402,8 @@ function InternalCalendarCard({
   className,
   timeZone,
   view,
+  disableAutoView = false,
+  disableNarrow = false,
   includeHeader = true,
   cssStyles,
   key,
@@ -509,23 +515,23 @@ function InternalCalendarCard({
         calRef.current.requestResize();
         if (width < 400) {
           // only change the view if it's not already in listWeek, and not defined as an input prop
-          if (typeof view !== "undefined" && calendarApi.view.type !== "listWeek") {
+          if (!disableAutoView && calendarApi.view.type !== "listWeek") {
             changeView((api) => {
               api.setOption("eventDisplay", "auto");
               api.changeView("listWeek");
               setActiveView("listWeek");
             });
           }
-          if (!narrow) {
+          if (!narrow && !disableNarrow) {
             setNarrow(true);
           }
         }
-        if (width >= 400 && narrow) {
+        if (width >= 400 && narrow && !disableNarrow) {
           setNarrow(false);
         }
       }
     },
-    [narrow, view, changeView],
+    [narrow, disableAutoView, disableNarrow, changeView],
   );
   useEffect(() => {
     if (width) {

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hakit/core",
-  "version": "5.0.6",
+  "version": "5.0.7",
   "private": false,
   "type": "module",
   "keywords": [