Development (#236)

* 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

Author: shannonhochkins

.storybook/main.ts

@@ -25,9 +25,6 @@ export default ({
     options: {
     }
   },
-  docs: {
-    autodocs: 'tag'
-  },
   typescript: {
     check: true,
     reactDocgen: 'react-docgen-typescript',

.storybook/preview.tsx

@@ -19,6 +19,7 @@ const theme = {
 
 
 export default {
+  tags: ['autodocs'],
   decorators: [
     withThemeFromJSXProvider({
       themes: {
@@ -60,7 +61,6 @@ export default {
       </div>
     },
   ],
-
   parameters: {
     layout: 'centered',
     controls: {

CHANGELOG.md

@@ -1,3 +1,25 @@
+# 5.0.6
+
+### @hakit/components
+- NEW - ThemeProvider - Overhaul on state management, now uses a store to manage the theme, this will reduce re-renders and allow you to programmatically change the theme from anywhere in your application, this is also exposed as a hook `useThemeStore` to allow you to change the theme from anywhere in your application if need be.
+- BREAKING - ThemeProvider.includeThemeControls - This prop is most likely never used for production dashboards, it's been removed as part of this release, if you still want to use the ThemeControls you can import the ThemeControlsModal component directly from the components package and include adjacent to the ThemeProvider.
+- BUGFIX - SidebarCard - The TimeCard included in the header of the timecard had a hover effect that was introduced in a previous release, this has been removed.
+- NEW - TimeCard - `timeEntity` and `dateEntity` now available as new props to specify custom date/time entities if need be.
+- BUGFIX - LightControls - When a light entity didn't support color, the slider would appear in a grey scale colour, it will now naturally appear rendering an average kelvin value. fixes [issue](https://github.com/shannonhochkins/ha-component-kit/issues/226)
+- BUGFIX - CalendarCard - When specifying a default view via the `view` prop, the internal logic (when the component was < 400px wide) would reset the view to week view, it will only do this logic now if a view prop was not specified, fixes [issue](https://github.com/shannonhochkins/ha-component-kit/issues/231)
+
+
+### @hakit/core
+- BUGFIX - useEntity will now return a kelvin value for a light that doesn't support color, previously it would return the default colour for the "off" state.
+- Locales & types updated to align with latest home assistant version
+
+### NPM CREATE v1.1.12
+- Deploy script was missing `prompts` package when creating the template, thanks for reporting @maumi, fixes [issue](https://github.com/shannonhochkins/ha-component-kit/issues/229)
+
+### Maintenance
+
+- Upgraded storybook and cleaned up sidebar to reduce redundant secondary pages with a demo
+
 
 # 5.0.5
 

hass-connect-fake/mocks/mockEntities.ts

@@ -52,6 +52,7 @@ export const entities: HassEntities = {
       friendly_name: "Dining room light",
     },
   }),
+
   ...createLight("light.fake_light_2", {
     attributes: {
       friendly_name: "Office Down light",
@@ -69,6 +70,29 @@ export const entities: HassEntities = {
       rgb_color: [64, 255, 112],
     },
   }),
+  ...createLight("light.no_color", {
+    attributes: {
+      supported_color_modes: [
+        "brightness"
+      ],
+      color_mode: "brightness",
+      brightness: 250,
+      off_with_transition: false,
+      off_brightness: null,
+      supported_features: 40,
+      icon: "mdi:lightbulb",
+      friendly_name: "Light No Color",
+      min_color_temp_kelvin: undefined,
+      max_color_temp_kelvin: undefined,
+      min_mireds: undefined,
+      max_mireds: undefined,
+      effect_list: undefined,
+      hs_color: undefined,
+      rgb_color: undefined,
+      xy_color: undefined,
+      raw_state: undefined,
+    },
+  }),
   ...createSwitch("switch.fake_switch"),
   ...createSwitch("switch.unavailable", {
     state: "unavailable",