@tolokoban/ui 0.18.1 → 0.18.2

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

@@ -1,5 +1,6 @@
 export * from "./debounced-effect";
 export * from "./hotkey";
+export * from "./local-storage-state";
 export * from "./resize-observer";
 export * from "./state-updater";
 export * from "./throwable";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAEhC,mBAAmB,UAAU,CAAA"}

package/lib/dist/hooks/index.js

@@ -1,7 +1,8 @@
 export * from "./debounced-effect.js";
 export * from "./hotkey.js";
+export * from "./local-storage-state.js";
 export * from "./resize-observer.js";
 export * from "./state-updater.js";
 export * from "./throwable.js";
 export * from "./undoable-state.js";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLG1CQUFtQixDQUFBO0FBQ2pDLGNBQWMsaUJBQWlCLENBQUE7QUFDL0IsY0FBYyxhQUFhLENBQUE7QUFDM0IsY0FBYyxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaG9va3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGtCQUFrQixDQUFBIn0=

package/lib/dist/hooks/local-storage-state.d.ts

@@ -0,0 +1,8 @@
+/**
+ * State variable that can be stored in local storage.
+ * @param defaultValue Default value for initialization.
+ * @param storageKey Key where to store it in local storage.
+ * @param ensureType If defined, it is used to transform the value read from storage.
+ */
+export declare function useLocalStorageState<T>(defaultValue: T, storageKey: string, ensureType?: (value: unknown) => T): [value: T, setValue: (value: T) => void];
+//# sourceMappingURL=local-storage-state.d.ts.map

package/lib/dist/hooks/local-storage-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-state.d.ts","sourceRoot":"","sources":["../../src/hooks/local-storage-state.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAClC,YAAY,EAAE,CAAC,EACf,UAAU,EAAE,MAAM,EAClB,UAAU,GAAE,CAAC,KAAK,EAAE,OAAO,KAAK,CAAkC,GACnE,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAW1C"}

package/lib/dist/hooks/local-storage-state.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+/**
+ * State variable that can be stored in local storage.
+ * @param defaultValue Default value for initialization.
+ * @param storageKey Key where to store it in local storage.
+ * @param ensureType If defined, it is used to transform the value read from storage.
+ */
+export function useLocalStorageState(defaultValue, storageKey, ensureType = (value) => value) {
+    const [value, setValue] = React.useState(get(storageKey, defaultValue, ensureType));
+    return [
+        value,
+        (newValue) => {
+            setValue(newValue);
+            window.localStorage.setItem(storageKey, JSON.stringify(newValue));
+        },
+    ];
+}
+function get(key, defaultValue, ensureType) {
+    const text = window.localStorage.getItem(key);
+    if (text === null)
+        return defaultValue;
+    try {
+        const value = JSON.parse(text);
+        return ensureType(value);
+    }
+    catch (ex) {
+        console.error(`Unexpected value in local storage "${key}":`, ex);
+        return defaultValue;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYWwtc3RvcmFnZS1zdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ob29rcy9sb2NhbC1zdG9yYWdlLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7OztHQUtHO0FBQ0gsTUFBTSxVQUFVLG9CQUFvQixDQUNoQyxZQUFlLEVBQ2YsVUFBa0IsRUFDbEIsYUFBb0MsQ0FBQyxLQUFjLEVBQUUsRUFBRSxDQUFDLEtBQVU7SUFFbEUsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUNwQyxHQUFHLENBQUksVUFBVSxFQUFFLFlBQVksRUFBRSxVQUFVLENBQUMsQ0FDL0MsQ0FBQTtJQUNELE9BQU87UUFDSCxLQUFLO1FBQ0wsQ0FBQyxRQUFXLEVBQUUsRUFBRTtZQUNaLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtZQUNsQixNQUFNLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO1FBQ3JFLENBQUM7S0FDSixDQUFBO0FBQ0wsQ0FBQztBQUVELFNBQVMsR0FBRyxDQUNSLEdBQVcsRUFDWCxZQUFlLEVBQ2YsVUFBaUM7SUFFakMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUE7SUFDN0MsSUFBSSxJQUFJLEtBQUssSUFBSTtRQUFFLE9BQU8sWUFBWSxDQUFBO0lBRXRDLElBQUksQ0FBQztRQUNELE1BQU0sS0FBSyxHQUFZLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDdkMsT0FBTyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDNUIsQ0FBQztJQUFDLE9BQU8sRUFBRSxFQUFFLENBQUM7UUFDVixPQUFPLENBQUMsS0FBSyxDQUFDLHNDQUFzQyxHQUFHLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQTtRQUNoRSxPQUFPLFlBQVksQ0FBQTtJQUN2QixDQUFDO0FBQ0wsQ0FBQyJ9

package/lib/dist/info.d.ts

@@ -1,5 +1,5 @@
 export declare const name = "@tolokoban/ui";
-export declare const version = "0.18.1";
+export declare const version = "0.18.2";
 export declare const description = "React components with theme";
 export declare const homepage = "https://tolokoban.github.io/ui";
 //# sourceMappingURL=info.d.ts.map

package/lib/dist/info.js

@@ -1,5 +1,5 @@
 export const name = "@tolokoban/ui";
-export const version = "0.18.1";
+export const version = "0.18.2";
 export const description = "React components with theme";
 export const homepage = "https://tolokoban.github.io/ui";
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mby5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9pbmZvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxlQUFlLENBQUE7QUFDbkMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQTtBQUMvQixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsNkJBQTZCLENBQUE7QUFDeEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLGdDQUFnQyxDQUFBIn0=

package/lib/dist/view/index.js

@@ -1,4 +1,4 @@
-// This file has been generated on Fri, 09 Aug 2024 13:46:59 GMT
+// This file has been generated on Sat, 10 Aug 2024 13:57:58 GMT
 export * from "./Button/index.js";
 export * from "./Chip/index.js";
 export * from "./Combo/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tolokoban/ui",
-    "version": "0.18.1",
+    "version": "0.18.2",
     "description": "React components with theme",
     "homepage": "https://tolokoban.github.io/ui",
     "main": "./lib/dist/index.js",