Development (#267)

* Feature/throttle updates and responsive bug (#241)

* Fixing throttle updates and resposnive issue

* Updating package and changelog with locales

* Small refactor

* Updating changelog

* 248 reported delays with card updates (#249)

* Updates with timecard issues

* Fixed bug where ticking function wouldn't update the clock if no entity or other props are provided

* Optimsations with tooltip

* updating log

* Updating changelog

* Reverting time card story changes

* Typo

* Locales, prettier & bumping version

* Optional breakpoints (#263)

* WIP on 253-add-useruser-hook

* Cleanup

* Adding case where the window context from match media is null

* Add useUser hook (#260)

* Adding useUser hook and documentation

* adding temp alias

* Upgrading storybook

* Removing framer motion (#265)

* Removing framer motion

* Moving AutoHeight to shared directory

* Removing redundant state variable

* Small performance optimisation

* Updating locales

* Ready for release

Author: shannonhochkins

.storybook/main.ts

@@ -54,6 +54,7 @@ export default ({
           "@hooks": ["packages/core/src/hooks"],
           "@utils/*": ["packages/core/src/utils/*"],
           "@typings": ["packages/core/src/types"],
+          '@stories/*': ['stories/*'],
         }
       },
     }

CHANGELOG.md

@@ -1,3 +1,30 @@
+# 5.1.0
+
+### @hakit/components
+- NEW - Modal position - Now positioned centered within the screen vertically
+- BREAKING - `framer-motion` has been removed entirely as a core dependency, this was previously used to animate the modals and other components, most of the main animations are still supported visually, the main ones that will change are the expand/collapse scale animation from the card to the modal, Custom logic for the Group component to maintain the "expand" / "collapse" animations, Added custom scale functionality to mimic what framer-motion does with whileTap - solves [issue](https://github.com/shannonhochkins/ha-component-kit/issues/209)
+- BREAKING - `breakpoints`, `setBreakpoints` have been moved to the themeStore and out of @hakit/core, nothing in @hakit/core consumes or uses these values, so it makes sense to move to the components package and set via the ThemeProvider
+- NEW - Breakpoints can now be disabled or edited with a smaller pool of breakpoints, or no breakpoints at all, this is useful if you're using a custom theme and want to disable the breakpoints entirely, or if you want to use a smaller set of breakpoints without having to configure all of them. This has all been documented in storybook - solves [issue](https://github.com/shannonhochkins/ha-component-kit/issues/244)
+
+### @hakit/core
+- IMPROVEMENT - Error handling on setBreakpoints if the user provided invalid breakpoint values as values should be provided in a linear format
+- PERFORMANCE - optimisation to useBreakpoint, now state will only update when any of the matches change
+- BUGFIX - If switching window context dynamically, the window match logic will not work and will have to shift midway, this has been addressed
+- NEW - introduced onDisconnect callback for HassConnect options
+- NEW - Added retry connection functionality when the connection is lost for long running dashboards
+- NEW - Locale functionality moved to it's own component to fetch these before render
+- NEW - useUser - a new hook to return the current user of the dashboard logged in at the time - [issue](https://github.com/shannonhochkins/ha-component-kit/issues/253)
+- NEW - Updated locales to match latest home assistant release
+
+
+### General
+
+- CHORE - Updated storybook to latest
+- DOCS - Added documentation to related hooks and methods to retrieve a user, useUser hook exposed, and getUser method still available from useHass
+- DOCS - Simplified other related docs
+- DOCS - Documented custom breakpoints
+
+
 # 5.0.9
 
 ### @hakit/components

hass-connect-fake/index.tsx

@@ -34,8 +34,6 @@ import { mockCallApi } from './mocks/fake-call-api';
 import reolinkSnapshot from './assets/reolink-snapshot.jpg';
 import { logs } from './mocks/mockLogs';
 import {dailyForecast, hourlyForecast} from './mocks/mockWeather';
-import { DEFAULT_BREAKPOINTS } from '../packages/core/src/HassConnect/HassContext'
-
 interface HassProviderProps {
   children: (ready: boolean) => ReactNode;
   hassUrl: string;
@@ -289,6 +287,13 @@ const useStore = create<Store>((set) => ({
   auth: fakeAuth,
   setAuth: (auth) => set({ auth }),
   config: fakeConfig,
+  user: {
+    id: '',
+    is_admin: false,
+    is_owner: false,
+    name: 'Joe Bloggs',
+  },
+  setUser: (user) => set({ user }),
   setConfig: (config) => {
     set((state) => {
       if (state.connection && 'mockEvent' in state.connection && config) {
@@ -311,13 +316,6 @@ const useStore = create<Store>((set) => ({
   callApi: async (): Promise<unknown> => {
     return {};
   },
-  /** getter for breakpoints, if using @hakit/components, the breakpoints are stored here to retrieve in different locations */
-  breakpoints: DEFAULT_BREAKPOINTS,
-  /** setter for breakpoints, if using @hakit/components, the breakpoints are stored here to retrieve in different locations */
-  setBreakpoints: (breakpoints) => set({ breakpoints: {
-    ...breakpoints,
-    xlg: breakpoints.lg + 1,
-  } }),
   globalComponentStyles: {},
   setGlobalComponentStyles: (globalComponentStyles) => set({ globalComponentStyles }),
 }))