@smartbooks-ai/layout 0.1.1 → 0.1.2

package/dist/components/PageWithMenuLayout/PageWithMenuLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageWithMenuLayout.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/PageWithMenuLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAclE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,aAAa,CAAC;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqGhE,CAAC"}
+{"version":3,"file":"PageWithMenuLayout.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/PageWithMenuLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAalE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,aAAa,CAAC;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqGhE,CAAC"}

package/dist/components/PageWithMenuLayout/PageWithMenuLayout.js

@@ -6,10 +6,10 @@ import IconButton from '@mui/material/IconButton';
 import MenuList from '@mui/material/MenuList';
 import { createPortal } from 'react-dom';
 import { NavLink, Outlet, useNavigate } from 'react-router';
-import useLocalStorage from 'use-local-storage';
 import { AppsSelect, CompanySelect, LogoHeaderImage, LogoHeaderText, MenuItemWithChildren, UserProfileSelect, } from './index';
 import * as Styled from './styles';
 import { useMenuToggle } from './useMenuToggle';
+import { useLocalStorage } from '../../hooks';
 export const PageWithMenuLayout = ({ resolvedCompanyCode, topMenu, bottomMenu, profile, switchToCompany, logout, additionalOutletContent, applicationTitle, applications, }) => {
     const { isExpanded, openMenu, toggleIsExpanded } = useMenuToggle();
     const navigate = useNavigate();

package/dist/components/PageWithMenuLayout/useMenuToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/useMenuToggle.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;CAczB,CAAC"}
+{"version":3,"file":"useMenuToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/useMenuToggle.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa;;;;CAczB,CAAC"}

package/dist/components/PageWithMenuLayout/useMenuToggle.js

@@ -1,5 +1,6 @@
 import { useEffect, useMemo } from 'react';
-import { useProfile, useToggle } from '@smartbooks-ai/layout';
+import { useToggle } from '../../hooks';
+import { useProfile } from '../../security/ProfileContext';
 export const useMenuToggle = () => {
     const { value: isExpanded, toggle: toggleIsExpanded, switchOn: openMenu, switchOff: closeMenu } = useToggle(true);
     const { profile } = useProfile();

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useIsAuthorized } from './useIsAuthorized';
+export { useLocalStorage } from './useLocalStorage';
 export { useToggle } from './useToggle';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/hooks/index.js

@@ -1,2 +1,3 @@
 export { useIsAuthorized } from './useIsAuthorized';
+export { useLocalStorage } from './useLocalStorage';
 export { useToggle } from './useToggle';

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,12 @@
+type Serializer<T> = (object: T | undefined) => string;
+type Parser<T> = (val: string) => T | undefined;
+type Setter<T> = React.Dispatch<React.SetStateAction<T | undefined>>;
+type Options<T> = Partial<{
+    serializer: Serializer<T>;
+    parser: Parser<T>;
+    logger: (error: unknown) => void;
+    syncData: boolean;
+}>;
+declare function useLocalStorage<T>(key: string, defaultValue: T, options?: Options<T>): [T, Setter<T>];
+export { useLocalStorage };
+//# sourceMappingURL=useLocalStorage.d.ts.map

package/dist/hooks/useLocalStorage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocalStorage.d.ts","sourceRoot":"","sources":["../../src/hooks/useLocalStorage.ts"],"names":[],"mappings":"AAGA,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,CAAC;AACvD,KAAK,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,GAAG,SAAS,CAAC;AAChD,KAAK,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC;AAErE,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC;IACxB,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH,iBAAS,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AA6FhG,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/hooks/useLocalStorage.js

@@ -0,0 +1,86 @@
+// https://github.com/nas5w/use-local-storage/blob/main/src/index.ts
+import { useEffect, useMemo, useRef, useState } from 'react';
+function useLocalStorage(key, defaultValue, options) {
+    const opts = useMemo(() => {
+        return {
+            serializer: JSON.stringify,
+            parser: JSON.parse,
+            logger: console.log,
+            syncData: true,
+            ...options,
+        };
+    }, [options]);
+    const { serializer, parser, logger, syncData } = opts;
+    const rawValueRef = useRef(null);
+    const [value, setValue] = useState(() => {
+        if (typeof window === 'undefined')
+            return defaultValue;
+        try {
+            rawValueRef.current = window.localStorage.getItem(key);
+            const res = rawValueRef.current ? parser(rawValueRef.current) : defaultValue;
+            return res;
+        }
+        catch (e) {
+            logger(e);
+            return defaultValue;
+        }
+    });
+    useEffect(() => {
+        if (typeof window === 'undefined')
+            return;
+        const updateLocalStorage = () => {
+            // Browser ONLY dispatch storage events to other tabs, NOT current tab.
+            // We need to manually dispatch storage event for current tab
+            if (value !== undefined) {
+                const newValue = serializer(value);
+                const oldValue = rawValueRef.current;
+                rawValueRef.current = newValue;
+                window.localStorage.setItem(key, newValue);
+                window.dispatchEvent(new StorageEvent('storage', {
+                    storageArea: window.localStorage,
+                    url: window.location.href,
+                    key,
+                    newValue,
+                    oldValue,
+                }));
+            }
+            else {
+                window.localStorage.removeItem(key);
+                window.dispatchEvent(new StorageEvent('storage', {
+                    storageArea: window.localStorage,
+                    url: window.location.href,
+                    key,
+                }));
+            }
+        };
+        try {
+            updateLocalStorage();
+        }
+        catch (e) {
+            logger(e);
+        }
+    }, [value, key, serializer, rawValueRef, logger]);
+    useEffect(() => {
+        if (!syncData)
+            return;
+        const handleStorageChange = (e) => {
+            if (e.key !== key || e.storageArea !== window.localStorage)
+                return;
+            try {
+                if (e.newValue !== rawValueRef.current) {
+                    rawValueRef.current = e.newValue;
+                    setValue(e.newValue ? parser(e.newValue) : undefined);
+                }
+            }
+            catch (e) {
+                logger(e);
+            }
+        };
+        if (typeof window === 'undefined')
+            return;
+        window.addEventListener('storage', handleStorageChange);
+        return () => window.removeEventListener('storage', handleStorageChange);
+    }, [key, syncData, parser, rawValueRef, logger]);
+    return [value, setValue];
+}
+export { useLocalStorage };

package/package.json

@@ -1,8 +1,7 @@
 {
   "author": "smartbooks",
   "dependencies": {
-    "@smartbooks-ai/api-client": "0.1.1",
-    "use-local-storage": "^3.0.0",
+    "@smartbooks-ai/api-client": "0.1.2",
     "use-resize-observer": "^9.1.0"
   },
   "devDependencies": {
@@ -52,5 +51,5 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.1.1"
+  "version": "0.1.2"
 }