@etsoo/toolpad 1.0.12 → 1.0.13

package/build/cjs/PageContainer/PageContainerToolbar.js

@@ -0,0 +1,26 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageContainerToolbar = PageContainerToolbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const PageContainerToolbarRoot = (0, material_1.styled)("div")(({ theme }) => ({
+    display: "flex",
+    flexDirection: "row",
+    gap: theme.spacing(1),
+    // Ensure the toolbar is always on the right side, even after wrapping
+    marginLeft: "auto"
+}));
+/**
+ *
+ * Demos:
+ *
+ * - [Page Container](https://mui.com/toolpad/core/react-page-container/)
+ *
+ * API:
+ *
+ * - [PageContainerToolbar API](https://mui.com/toolpad/core/api/page-container-toolbar)
+ */
+function PageContainerToolbar(props) {
+    return (0, jsx_runtime_1.jsx)(PageContainerToolbarRoot, { ...props });
+}

package/build/cjs/PageContainer/PageContainerToolbar.test.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const vitest_1 = require("vitest");
+const PageContainerToolbar_1 = require("./PageContainerToolbar");
+const describeConformance_1 = __importDefault(require("../utils/describeConformance"));
+(0, vitest_1.describe)("PageContainerToolbar", () => {
+    (0, describeConformance_1.default)((0, jsx_runtime_1.jsx)(PageContainerToolbar_1.PageContainerToolbar, {}), () => ({
+        skip: ["themeDefaultProps"]
+    }));
+    (0, vitest_1.test)("dummy test", () => { });
+});

package/build/cjs/PageContainer/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageContainer"), exports);
+__exportStar(require("./PageContainerToolbar"), exports);

package/build/cjs/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AppProvider"), exports);
+__exportStar(require("./DashboardLayout"), exports);
+__exportStar(require("./Account"), exports);
+__exportStar(require("./PageContainer"), exports);
+__exportStar(require("./useActivePage"), exports);
+__exportStar(require("./useLocalStorageState"), exports);
+__exportStar(require("./useSessionStorageState"), exports);
+__exportStar(require("./persistence/codec"), exports);

package/build/cjs/nextjs/AppProvider.js

@@ -0,0 +1,18 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProvider = AppProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const router_1 = require("next/compat/router");
+const AppProviderNextApp_1 = require("./AppProviderNextApp");
+const AppProviderNextPages_1 = require("./AppProviderNextPages");
+/**
+ * @ignore - internal component.
+ */
+function AppProvider(props) {
+    const router = (0, router_1.useRouter)();
+    const AppProviderComponent = router
+        ? AppProviderNextPages_1.AppProviderNextPages
+        : AppProviderNextApp_1.AppProviderNextApp;
+    return (0, jsx_runtime_1.jsx)(AppProviderComponent, { ...props });
+}

package/build/cjs/nextjs/AppProvider.test.js

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const AppProvider_1 = require("./AppProvider");
+vitest_1.vi.mock("next/navigation", () => {
+    const searchParams = new URLSearchParams();
+    const push = () => { };
+    const replace = () => { };
+    const router = { push, replace };
+    return {
+        usePathname: () => "/",
+        useSearchParams: () => searchParams,
+        useRouter: () => router
+    };
+});
+vitest_1.vi.mock("next/router", () => ({ useRouter: () => null }));
+vitest_1.vi.mock("next/compat/router", () => ({ useRouter: () => null }));
+function RouterTest({ children }) {
+    const [pathname, setPathname] = React.useState("/page");
+    const router = React.useMemo(() => {
+        return {
+            pathname,
+            searchParams: new URLSearchParams(),
+            navigate: (path) => setPathname(String(path))
+        };
+    }, [pathname]);
+    return (0, jsx_runtime_1.jsx)(AppProvider_1.AppProvider, { router: router, children: children });
+}
+(0, vitest_1.describe)("Nextjs AppProvider", () => {
+    (0, vitest_1.test)("renders content correctly", async () => {
+        // placeholder test
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(RouterTest, { children: "Hello" }));
+        (0, vitest_1.expect)(react_1.screen.getByText("Hello")).toBeTruthy();
+    });
+});

package/build/cjs/nextjs/AppProviderNextApp.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProviderNextApp = AppProviderNextApp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const navigation_1 = require("next/navigation");
+const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
+/**
+ * @ignore - internal component.
+ */
+function AppProviderNextApp(props) {
+    const pathname = (0, navigation_1.usePathname)();
+    const searchParams = (0, navigation_1.useSearchParams)();
+    const { push, replace } = (0, navigation_1.useRouter)();
+    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
+        if (history === "auto" || history === "push") {
+            return push(String(url));
+        }
+        if (history === "replace") {
+            return replace(String(url));
+        }
+        throw new Error(`Invalid history option: ${history}`);
+    }, [push, replace]);
+    const routerImpl = React.useMemo(() => ({
+        pathname,
+        searchParams,
+        navigate
+    }), [pathname, navigate, searchParams]);
+    return (0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { router: routerImpl, ...props });
+}

package/build/cjs/nextjs/AppProviderNextPages.js

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProviderNextPages = AppProviderNextPages;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const router_1 = require("next/router");
+const collections_1 = require("../utils/collections");
+const AppProviderComponent_1 = require("../AppProvider/AppProviderComponent");
+/**
+ * @ignore - internal component.
+ */
+function AppProviderNextPages(props) {
+    const { push, replace, asPath, query } = (0, router_1.useRouter)();
+    const search = React.useMemo(() => {
+        const params = new URLSearchParams();
+        Object.entries(query ?? {}).forEach(([key, value]) => {
+            (0, collections_1.asArray)(value ?? []).forEach((v) => {
+                params.append(key, v);
+            });
+        });
+        return params.toString();
+    }, [query]);
+    // Stable search params object
+    const searchParams = React.useMemo(() => new URLSearchParams(search), [search]);
+    const navigate = React.useCallback((url, { history = "auto" } = {}) => {
+        if (history === "auto" || history === "push") {
+            return push(String(url));
+        }
+        if (history === "replace") {
+            return replace(String(url));
+        }
+        throw new Error(`Invalid history option: ${history}`);
+    }, [push, replace]);
+    const routerImpl = React.useMemo(() => ({
+        pathname: asPath,
+        searchParams,
+        navigate
+    }), [asPath, navigate, searchParams]);
+    return (0, jsx_runtime_1.jsx)(AppProviderComponent_1.AppProvider, { router: routerImpl, ...props });
+}

package/build/cjs/nextjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AppProvider"), exports);

package/build/cjs/persistence/codec.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CODEC_STRING = exports.CODEC_JSON_STRICT = exports.CODEC_JSON = exports.CODE_BOOLEAN = exports.CODEC_NUMBER = exports.CODEC_DATE_ONLY = exports.CODEC_DATE = void 0;
+/**
+ * A codec that can encode and decode Date objects to and from strings.
+ */
+exports.CODEC_DATE = {
+    parse: (value) => new Date(value),
+    stringify: (value) => value.toISOString()
+};
+/**
+ * A codec that can encode and decode Date objects to and from strings, but only the date part.
+ */
+exports.CODEC_DATE_ONLY = {
+    parse: (value) => new Date(value),
+    stringify: (value) => value.toISOString().split("T")[0]
+};
+/**
+ * A codec that can encode and decode numbers to and from strings.
+ */
+exports.CODEC_NUMBER = {
+    parse: (value) => Number(value),
+    stringify: (value) => String(value)
+};
+/**
+ * A codec that can encode and decode boolean values to and from strings.
+ */
+exports.CODE_BOOLEAN = {
+    parse: (value) => value === "true",
+    stringify: (value) => String(value)
+};
+/**
+ * A codec that can encode and decode JSON values to and from strings.
+ */
+exports.CODEC_JSON = {
+    parse: (value) => {
+        try {
+            return JSON.parse(value);
+        }
+        catch {
+            return null;
+        }
+    },
+    stringify: (value) => JSON.stringify(value)
+};
+/**
+ * A codec that can encode and decode JSON values to and from strings.
+ * If the JSON value is invalid, parsing will fail.
+ */
+exports.CODEC_JSON_STRICT = {
+    parse: (value) => JSON.parse(value),
+    stringify: (value) => JSON.stringify(value)
+};
+/**
+ * A codec that can encode and decode strings to and from strings.
+ */
+exports.CODEC_STRING = {
+    parse: (value) => value,
+    stringify: (value) => value
+};

package/build/cjs/persistence/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useStorageState"), exports);

package/build/cjs/persistence/useStorageState.js

@@ -0,0 +1,153 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStorageStateServer = useStorageStateServer;
+exports.useStorageState = useStorageState;
+const React = __importStar(require("react"));
+const codec_1 = require("./codec");
+// storage events only work across tabs, we'll use an event emitter to announce within the current tab
+const currentTabChangeListeners = new Map();
+function onCurrentTabStorageChange(key, handler) {
+    let listeners = currentTabChangeListeners.get(key);
+    if (!listeners) {
+        listeners = new Set();
+        currentTabChangeListeners.set(key, listeners);
+    }
+    listeners.add(handler);
+}
+function offCurrentTabStorageChange(key, handler) {
+    const listeners = currentTabChangeListeners.get(key);
+    if (!listeners) {
+        return;
+    }
+    listeners.delete(handler);
+    if (listeners.size === 0) {
+        currentTabChangeListeners.delete(key);
+    }
+}
+function emitCurrentTabStorageChange(key) {
+    const listeners = currentTabChangeListeners.get(key);
+    if (listeners) {
+        listeners.forEach((listener) => listener());
+    }
+}
+if (typeof window !== "undefined") {
+    const origSetItem = window.localStorage.setItem;
+    window.localStorage.setItem = function setItem(key, value) {
+        const result = origSetItem.call(this, key, value);
+        emitCurrentTabStorageChange(key);
+        return result;
+    };
+}
+function subscribe(area, key, callback) {
+    if (!key) {
+        return () => { };
+    }
+    const storageHandler = (event) => {
+        if (event.storageArea === area && event.key === key) {
+            callback();
+        }
+    };
+    window.addEventListener("storage", storageHandler);
+    onCurrentTabStorageChange(key, callback);
+    return () => {
+        window.removeEventListener("storage", storageHandler);
+        offCurrentTabStorageChange(key, callback);
+    };
+}
+function getSnapshot(area, key) {
+    if (!key) {
+        return null;
+    }
+    try {
+        return area.getItem(key);
+    }
+    catch {
+        // ignore
+        // See https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#feature-detecting_localstorage
+        return null;
+    }
+}
+function setValue(area, key, value) {
+    if (!key) {
+        return;
+    }
+    try {
+        if (value === null) {
+            area.removeItem(key);
+        }
+        else {
+            area.setItem(key, String(value));
+        }
+    }
+    catch {
+        // ignore
+        // See https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#feature-detecting_localstorage
+        return;
+    }
+    emitCurrentTabStorageChange(key);
+}
+const serverValue = [null, () => { }];
+function useStorageStateServer() {
+    return serverValue;
+}
+function encode(codec, value) {
+    return value === null ? null : codec.stringify(value);
+}
+function decode(codec, value) {
+    return value === null ? null : codec.parse(value);
+}
+// Start with null for the hydration, and then switch to the actual value.
+const getKeyServerSnapshot = () => null;
+function useStorageState(area, key, initializer = null, options) {
+    const codec = (options?.codec ?? codec_1.CODEC_STRING);
+    const [initialValue] = React.useState(initializer);
+    const encodedInitialValue = React.useMemo(() => encode(codec, initialValue), [codec, initialValue]);
+    const subscribeKey = React.useCallback((callback) => subscribe(area, key, callback), [area, key]);
+    const getKeySnapshot = React.useCallback(() => getSnapshot(area, key) ?? encodedInitialValue, [area, encodedInitialValue, key]);
+    const encodedStoredValue = React.useSyncExternalStore(subscribeKey, getKeySnapshot, getKeyServerSnapshot);
+    const storedValue = React.useMemo(() => decode(codec, encodedStoredValue), [codec, encodedStoredValue]);
+    const setStoredValue = React.useCallback((value) => {
+        const valueToStore = value instanceof Function ? value(storedValue) : value;
+        const encodedValueToStore = encode(codec, valueToStore);
+        setValue(area, key, encodedValueToStore);
+    }, [area, codec, storedValue, key]);
+    const [nonStoredValue, setNonStoredValue] = React.useState(initialValue);
+    if (!key) {
+        return [nonStoredValue, setNonStoredValue];
+    }
+    return [storedValue, setStoredValue];
+}

package/build/cjs/persistence/useStorageState.test.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const react_1 = require("@testing-library/react");
+const useStorageState_1 = require("./useStorageState");
+(0, vitest_1.describe)("useStorageState", () => {
+    (0, vitest_1.beforeEach)(() => {
+        window.localStorage.clear();
+    });
+    (0, vitest_1.test)("can do basic local storage with initial value", async () => {
+        const { result, rerender } = (0, react_1.renderHook)(() => (0, useStorageState_1.useStorageState)(window.localStorage, "foo", "bar"));
+        (0, vitest_1.expect)(result.current[0]).toBe("bar");
+        (0, react_1.act)(() => {
+            result.current[1]("baz");
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe("baz");
+    });
+    (0, vitest_1.test)("can do basic local storage without initial value", async () => {
+        const { result, rerender } = (0, react_1.renderHook)(() => (0, useStorageState_1.useStorageState)(window.localStorage, "foo"));
+        (0, vitest_1.expect)(result.current[0]).toBe(null);
+        (0, react_1.act)(() => {
+            result.current[1]("baz");
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe("baz");
+    });
+    (0, vitest_1.test)("can clear storage value, and reset to intiial value", async () => {
+        const { result, rerender } = (0, react_1.renderHook)(() => (0, useStorageState_1.useStorageState)(window.localStorage, "foo", "bar"));
+        (0, react_1.act)(() => {
+            result.current[1]("baz");
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe("baz");
+        (0, react_1.act)(() => {
+            result.current[1](null);
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe("bar");
+    });
+    (0, vitest_1.test)("can clear storage value", async () => {
+        const { result, rerender } = (0, react_1.renderHook)(() => (0, useStorageState_1.useStorageState)(window.localStorage, "foo"));
+        (0, react_1.act)(() => {
+            result.current[1]("baz");
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe("baz");
+        (0, react_1.act)(() => {
+            result.current[1](null);
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toBe(null);
+    });
+    (0, vitest_1.test)("can handle complex types", async () => {
+        const { result, rerender } = (0, react_1.renderHook)(() => (0, useStorageState_1.useStorageState)(window.localStorage, "foo", { a: 1 }, { codec: JSON }));
+        (0, vitest_1.expect)(result.current[0]).toEqual({ a: 1 });
+        (0, react_1.act)(() => {
+            result.current[1]({ b: 2 });
+        });
+        rerender();
+        (0, vitest_1.expect)(result.current[0]).toEqual({ b: 2 });
+    });
+});