@ekz/react-utils 1.0.1 → 1.0.2

package/lib/cjs/browser/index.d.ts

@@ -0,0 +1 @@
+export { useWindowFocusDetection } from './useWindowFocusDetection';

package/lib/cjs/browser/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowFocusDetection = void 0;
+var useWindowFocusDetection_1 = require("./useWindowFocusDetection");
+Object.defineProperty(exports, "useWindowFocusDetection", { enumerable: true, get: function () { return useWindowFocusDetection_1.useWindowFocusDetection; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/browser/index.ts"],"names":[],"mappings":";;;AAAA,qEAAoE;AAA3D,kIAAA,uBAAuB,OAAA"}

package/lib/cjs/browser/useWindowFocusDetection.d.ts

@@ -0,0 +1 @@
+export declare function useWindowFocusDetection(): boolean;

package/lib/cjs/browser/useWindowFocusDetection.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowFocusDetection = useWindowFocusDetection;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useWindowFocusDetection() {
+    const [isVisible, setVisible] = React.useState(!document.hidden);
+    const visibilityChangeHandler = React.useCallback(() => {
+        setVisible(!document.hidden);
+    }, []);
+    React.useEffect(() => {
+        document.addEventListener('visibilitychange', visibilityChangeHandler);
+        return () => document.removeEventListener('visibilitychange', visibilityChangeHandler);
+    }, [visibilityChangeHandler]);
+    return isVisible;
+}
+//# sourceMappingURL=useWindowFocusDetection.js.map

package/lib/cjs/browser/useWindowFocusDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowFocusDetection.js","sourceRoot":"","sources":["../../../src/main/web/browser/useWindowFocusDetection.ts"],"names":[],"mappings":";;AAEA,0DAaC;;AAfD,qDAA+B;AAE/B,SAAgB,uBAAuB;IACnC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM,uBAAuB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACnD,UAAU,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,CAAC;QACvE,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,CAAC;IAC3F,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,OAAO,SAAS,CAAC;AACrB,CAAC"}

package/lib/cjs/effects/index.d.ts

@@ -0,0 +1,3 @@
+export { useDebouncedEffect } from './useDebouncedEffect';
+export { useEffectOnUpdate } from './useEffectOnUpdate';
+export { useRefresh } from './useRefresh';

package/lib/cjs/effects/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefresh = exports.useEffectOnUpdate = exports.useDebouncedEffect = void 0;
+var useDebouncedEffect_1 = require("./useDebouncedEffect");
+Object.defineProperty(exports, "useDebouncedEffect", { enumerable: true, get: function () { return useDebouncedEffect_1.useDebouncedEffect; } });
+var useEffectOnUpdate_1 = require("./useEffectOnUpdate");
+Object.defineProperty(exports, "useEffectOnUpdate", { enumerable: true, get: function () { return useEffectOnUpdate_1.useEffectOnUpdate; } });
+var useRefresh_1 = require("./useRefresh");
+Object.defineProperty(exports, "useRefresh", { enumerable: true, get: function () { return useRefresh_1.useRefresh; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/effects/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/effects/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,yDAAwD;AAA/C,sHAAA,iBAAiB,OAAA;AAC1B,2CAA0C;AAAjC,wGAAA,UAAU,OAAA"}

package/lib/cjs/effects/useDebouncedEffect.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useDebouncedEffect(timeoutMs: number, effect: React.EffectCallback, dependencyList?: React.DependencyList): void;

package/lib/cjs/effects/useDebouncedEffect.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebouncedEffect = useDebouncedEffect;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const timers_1 = require("../timers");
+function useDebouncedEffect(timeoutMs, effect, dependencyList) {
+    const deps = dependencyList || [];
+    const timeout = (0, timers_1.useTimeout)(timeoutMs);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    React.useEffect(() => timeout(effect), deps);
+}
+//# sourceMappingURL=useDebouncedEffect.js.map

package/lib/cjs/effects/useDebouncedEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedEffect.js","sourceRoot":"","sources":["../../../src/main/web/effects/useDebouncedEffect.ts"],"names":[],"mappings":";;AAIA,gDASC;;AAbD,qDAA+B;AAE/B,sCAAuC;AAEvC,SAAgB,kBAAkB,CAC9B,SAAiB,EACjB,MAA4B,EAC5B,cAAqC;IAErC,MAAM,IAAI,GAAG,cAAc,IAAI,EAAE,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,SAAS,CAAC,CAAC;IACtC,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC"}

package/lib/cjs/effects/useEffectOnUpdate.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useEffectOnUpdate(effect: React.EffectCallback, deps?: React.DependencyList): void;

package/lib/cjs/effects/useEffectOnUpdate.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectOnUpdate = useEffectOnUpdate;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useEffectOnUpdate(effect, deps) {
+    const hasMounted = React.useRef(false);
+    React.useEffect(() => {
+        if (hasMounted.current) {
+            return effect();
+        }
+        hasMounted.current = true;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+}
+//# sourceMappingURL=useEffectOnUpdate.js.map

package/lib/cjs/effects/useEffectOnUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectOnUpdate.js","sourceRoot":"","sources":["../../../src/main/web/effects/useEffectOnUpdate.ts"],"names":[],"mappings":";;AAEA,8CAYC;;AAdD,qDAA+B;AAE/B,SAAgB,iBAAiB,CAAC,MAA4B,EAAE,IAA2B;IACvF,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,MAAM,EAAE,CAAC;QACpB,CAAC;QAED,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAE1B,uDAAuD;IAC3D,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,CAAC"}

package/lib/cjs/effects/useRefresh.d.ts

@@ -0,0 +1,3 @@
+type RefreshToken = number;
+export declare function useRefresh(): [RefreshToken, () => void];
+export {};

package/lib/cjs/effects/useRefresh.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefresh = useRefresh;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useRefresh() {
+    const [token, setToken] = React.useState(0);
+    const refresh = React.useCallback(() => setToken((x) => x + 1), []);
+    return React.useMemo(() => [token, refresh], [token, refresh]);
+}
+//# sourceMappingURL=useRefresh.js.map

package/lib/cjs/effects/useRefresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefresh.js","sourceRoot":"","sources":["../../../src/main/web/effects/useRefresh.ts"],"names":[],"mappings":";;AAIA,gCAMC;;AAVD,qDAA+B;AAI/B,SAAgB,UAAU;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,MAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;AACnE,CAAC"}

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

@@ -0,0 +1 @@
+export { useToggle, type ToggleApi } from './useToggle';

package/lib/cjs/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggle = void 0;
+var useToggle_1 = require("./useToggle");
+Object.defineProperty(exports, "useToggle", { enumerable: true, get: function () { return useToggle_1.useToggle; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/hooks/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwD;AAA/C,sGAAA,SAAS,OAAA"}

package/lib/cjs/hooks/useToggle.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface ToggleApi {
+    isEnabled: boolean;
+    onEnable(): void;
+    onDisable(): void;
+    onToggle(): void;
+    setEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare function useToggle(initialOpen?: boolean): ToggleApi;

package/lib/cjs/hooks/useToggle.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useToggle = useToggle;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useToggle(initialOpen = false) {
+    const [isEnabled, setEnabled] = React.useState(initialOpen);
+    const onEnable = React.useCallback(() => setEnabled(true), []);
+    const onDisable = React.useCallback(() => setEnabled(false), []);
+    const onToggle = React.useCallback(() => setEnabled((isEnabled) => !isEnabled), []);
+    return React.useMemo(() => ({ isEnabled, onEnable, onDisable, onToggle, setEnabled }), [isEnabled, onEnable, onDisable, onToggle]);
+}
+//# sourceMappingURL=useToggle.js.map

package/lib/cjs/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","sourceRoot":"","sources":["../../../src/main/web/hooks/useToggle.ts"],"names":[],"mappings":";;AAUA,8BAWC;;AArBD,qDAA+B;AAU/B,SAAgB,SAAS,CAAC,WAAW,GAAG,KAAK;IACzC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAE5D,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpF,OAAO,KAAK,CAAC,OAAO,CAChB,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAChE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC7C,CAAC;AACN,CAAC"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,7 @@
+export * from './browser';
+export * from './effects';
+export * from './hooks';
+export * from './storage';
+export * from './time';
+export * from './timers';
+export * from './ts';

package/lib/cjs/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./browser"), exports);
+tslib_1.__exportStar(require("./effects"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./storage"), exports);
+tslib_1.__exportStar(require("./time"), exports);
+tslib_1.__exportStar(require("./timers"), exports);
+tslib_1.__exportStar(require("./ts"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/main/web/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,oDAA0B;AAC1B,kDAAwB;AACxB,oDAA0B;AAC1B,iDAAuB;AACvB,mDAAyB;AACzB,+CAAqB"}

package/lib/cjs/storage/backends.d.ts

@@ -0,0 +1,20 @@
+export interface StorageBackend {
+    get(): string | null;
+    set(value: string): void;
+    delete(): void;
+}
+declare abstract class GenericStorageBackend implements StorageBackend {
+    private key;
+    protected abstract storage: Storage;
+    constructor(key: string);
+    get(): string | null;
+    set(value: string): void;
+    delete(): void;
+}
+export declare class LocalStorageBackend extends GenericStorageBackend {
+    protected storage: Storage;
+}
+export declare class SessionStorageBackend extends GenericStorageBackend {
+    protected storage: Storage;
+}
+export {};

package/lib/cjs/storage/backends.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SessionStorageBackend = exports.LocalStorageBackend = void 0;
+class GenericStorageBackend {
+    constructor(key) {
+        this.key = key;
+    }
+    get() {
+        return this.storage.getItem(this.key);
+    }
+    set(value) {
+        this.storage.setItem(this.key, value);
+    }
+    delete() {
+        this.storage.removeItem(this.key);
+    }
+}
+class LocalStorageBackend extends GenericStorageBackend {
+    constructor() {
+        super(...arguments);
+        this.storage = localStorage;
+    }
+}
+exports.LocalStorageBackend = LocalStorageBackend;
+class SessionStorageBackend extends GenericStorageBackend {
+    constructor() {
+        super(...arguments);
+        this.storage = sessionStorage;
+    }
+}
+exports.SessionStorageBackend = SessionStorageBackend;
+//# sourceMappingURL=backends.js.map

package/lib/cjs/storage/backends.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backends.js","sourceRoot":"","sources":["../../../src/main/web/storage/backends.ts"],"names":[],"mappings":";;;AAMA,MAAe,qBAAqB;IAGhC,YAAoB,GAAW;QAAX,QAAG,GAAH,GAAG,CAAQ;IAAG,CAAC;IAEnC,GAAG;QACC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IAED,GAAG,CAAC,KAAa;QACb,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACF,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtC,CAAC;CACJ;AAED,MAAa,mBAAoB,SAAQ,qBAAqB;IAA9D;;QACc,YAAO,GAAG,YAAY,CAAC;IACrC,CAAC;CAAA;AAFD,kDAEC;AAED,MAAa,qBAAsB,SAAQ,qBAAqB;IAAhE;;QACc,YAAO,GAAG,cAAc,CAAC;IACvC,CAAC;CAAA;AAFD,sDAEC"}

package/lib/cjs/storage/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { StorageService } from './services';
+export { StorageService };
+export type { StorageBackend } from './backends';
+export interface StoredValue<T> {
+    value: T;
+    set(value: T): void;
+    update: React.Dispatch<React.SetStateAction<T>>;
+    delete(): void;
+}
+export interface StoredValueConfig<T> {
+    defaultValue: T;
+    serialize: (value: T) => string | null;
+    deserialize: (value: string) => T;
+}
+export declare function useLocalStorage<T>(name: string, config: StoredValueConfig<T>): StoredValue<T>;
+export declare function useSessionStorage<T>(name: string, config: StoredValueConfig<T>): StoredValue<T>;
+export declare function useStoredValue<T>(service: StorageService<T>): StoredValue<T>;

package/lib/cjs/storage/index.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StorageService = void 0;
+exports.useLocalStorage = useLocalStorage;
+exports.useSessionStorage = useSessionStorage;
+exports.useStoredValue = useStoredValue;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const services_1 = require("./services");
+Object.defineProperty(exports, "StorageService", { enumerable: true, get: function () { return services_1.StorageService; } });
+function useLocalStorage(name, config) {
+    const service = React.useMemo(() => (0, services_1.fromLocalStorage)(name, config.defaultValue, config.serialize, config.deserialize), [name, config.defaultValue, config.serialize, config.deserialize]);
+    return useStoredValue(service);
+}
+function useSessionStorage(name, config) {
+    const service = React.useMemo(() => (0, services_1.fromSessionStorage)(name, config.defaultValue, config.serialize, config.deserialize), [name, config.defaultValue, config.serialize, config.deserialize]);
+    return useStoredValue(service);
+}
+function useStoredValue(service) {
+    const [value, setValue] = React.useState(service.get());
+    React.useEffect(() => service.addChangeListener(setValue), [service]);
+    const set = React.useCallback((value) => {
+        service.set(value);
+    }, [service]);
+    const updateValue = React.useCallback((updater) => {
+        return typeof updater === 'function'
+            ? service.update(updater)
+            : service.set(updater);
+    }, [service]);
+    const deleteValue = React.useCallback(() => {
+        service.delete();
+    }, [service]);
+    return React.useMemo(() => {
+        return { value, set, update: updateValue, delete: deleteValue };
+    }, [value, set, deleteValue, updateValue]);
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/storage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/storage/index.ts"],"names":[],"mappings":";;;AAoBA,0CAOC;AAED,8CAOC;AAED,wCA4BC;;AAlED,qDAA+B;AAE/B,yCAAkF;AAEzE,+FAFA,yBAAc,OAEA;AAgBvB,SAAgB,eAAe,CAAI,IAAY,EAAE,MAA4B;IACzE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,IAAA,2BAAgB,EAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EACvF,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CACpE,CAAC;IAEF,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;AACnC,CAAC;AAED,SAAgB,iBAAiB,CAAI,IAAY,EAAE,MAA4B;IAC3E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,IAAA,6BAAkB,EAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,EACzF,CAAC,IAAI,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,CACpE,CAAC;IAEF,OAAO,cAAc,CAAC,OAAO,CAAC,CAAC;AACnC,CAAC;AAED,SAAgB,cAAc,CAAI,OAA0B;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAI,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAE3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtE,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CACzB,CAAC,KAAQ,EAAE,EAAE;QACT,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,OAAgC,EAAE,EAAE;QACjC,OAAO,OAAO,OAAO,KAAK,UAAU;YAChC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,OAA0B,CAAC;YAC5C,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,CAAC,MAAM,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtB,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;IACpE,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;AAC/C,CAAC"}

package/lib/cjs/storage/services.d.ts

@@ -0,0 +1,20 @@
+import { type StorageBackend } from './backends';
+type ChangeListener<T> = (value: T) => unknown;
+type Unsubscribe = () => void;
+export declare class StorageService<T> {
+    private storage;
+    private defaultValue;
+    private serialize;
+    private deserialize;
+    private changeListeners;
+    constructor(storage: StorageBackend, defaultValue: T, serialize: (value: T) => string | null, deserialize: (value: string) => T);
+    get(): T;
+    set(value: T): void;
+    update(updater: (value: T) => T): void;
+    delete(): void;
+    addChangeListener(listener: ChangeListener<T>): Unsubscribe;
+    private emitChange;
+}
+export declare function fromLocalStorage<T>(key: string, defaultValue: T, serialize: (value: T) => string | null, deserialize: (value: string) => T): StorageService<T>;
+export declare function fromSessionStorage<T>(key: string, defaultValue: T, serialize: (value: T) => string | null, deserialize: (value: string) => T): StorageService<T>;
+export {};

package/lib/cjs/storage/services.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StorageService = void 0;
+exports.fromLocalStorage = fromLocalStorage;
+exports.fromSessionStorage = fromSessionStorage;
+const backends_1 = require("./backends");
+class StorageService {
+    constructor(storage, defaultValue, serialize, deserialize) {
+        this.storage = storage;
+        this.defaultValue = defaultValue;
+        this.serialize = serialize;
+        this.deserialize = deserialize;
+        this.changeListeners = [];
+    }
+    get() {
+        const value = this.storage.get();
+        if (value == null) {
+            return this.defaultValue;
+        }
+        return this.deserialize(value);
+    }
+    set(value) {
+        const serialized = this.serialize(value);
+        if (serialized != null) {
+            this.storage.set(serialized);
+        }
+        else {
+            this.delete();
+        }
+        this.emitChange();
+    }
+    update(updater) {
+        const value = updater(this.get());
+        this.set(value);
+        this.emitChange();
+    }
+    delete() {
+        this.storage.delete();
+        this.emitChange();
+    }
+    addChangeListener(listener) {
+        const unsubscribe = () => {
+            const index = this.changeListeners.indexOf(listener);
+            if (index !== -1) {
+                this.changeListeners.splice(index, 1);
+            }
+        };
+        if (this.changeListeners.indexOf(listener) === -1) {
+            this.changeListeners.push(listener);
+            listener(this.get());
+        }
+        return unsubscribe;
+    }
+    emitChange() {
+        const value = this.get();
+        this.changeListeners.forEach((listener) => {
+            listener(value);
+        });
+    }
+}
+exports.StorageService = StorageService;
+function fromLocalStorage(key, defaultValue, serialize, deserialize) {
+    const storageBackend = new backends_1.LocalStorageBackend(key);
+    return new StorageService(storageBackend, defaultValue, serialize, deserialize);
+}
+function fromSessionStorage(key, defaultValue, serialize, deserialize) {
+    const storageBackend = new backends_1.SessionStorageBackend(key);
+    return new StorageService(storageBackend, defaultValue, serialize, deserialize);
+}
+//# sourceMappingURL=services.js.map

package/lib/cjs/storage/services.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"services.js","sourceRoot":"","sources":["../../../src/main/web/storage/services.ts"],"names":[],"mappings":"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"}

package/lib/cjs/time/datetime.d.ts

@@ -0,0 +1,9 @@
+import { DateTime } from 'luxon';
+type Opaque<K, T> = T & {
+    __TYPE__: K;
+};
+export type ISODate = Opaque<'ISODate', string>;
+export type DateFormat = 'DATETIME_FULL' | 'DATETIME_FULL_WITH_SECONDS' | 'DATETIME_HUGE' | 'DATETIME_HUGE_WITH_SECONDS' | 'DATETIME_MED' | 'DATETIME_MED_WITH_SECONDS' | 'DATETIME_SHORT' | 'DATETIME_SHORT_WITH_SECONDS' | 'DATE_FULL' | 'DATE_HUGE' | 'DATE_MED' | 'DATE_SHORT' | 'TIME_24_SIMPLE' | 'TIME_24_WITH_LONG_OFFSET' | 'TIME_24_WITH_SECONDS' | 'TIME_24_WITH_SHORT_OFFSET' | 'TIME_SIMPLE' | 'TIME_WITH_LONG_OFFSET' | 'TIME_WITH_SECONDS' | 'TIME_WITH_SHORT_OFFSET';
+export type GenericDateTime = string | Date | DateTime | ISODate;
+export declare function toDateTime(value: GenericDateTime): DateTime;
+export {};

package/lib/cjs/time/datetime.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toDateTime = toDateTime;
+const luxon_1 = require("luxon");
+function toDateTime(value) {
+    if (value instanceof luxon_1.DateTime) {
+        return value.toUTC();
+    }
+    if (value instanceof Date) {
+        return luxon_1.DateTime.fromISO(value.toISOString());
+    }
+    try {
+        return luxon_1.DateTime.fromISO(new Date(value).toISOString());
+    }
+    catch (e) {
+        return luxon_1.DateTime.invalid(e instanceof Error ? e.message : '');
+    }
+}
+//# sourceMappingURL=datetime.js.map

package/lib/cjs/time/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../../src/main/web/time/datetime.ts"],"names":[],"mappings":";;AA8BA,gCAcC;AA5CD,iCAAiC;AA8BjC,SAAgB,UAAU,CAAC,KAAsB;IAC7C,IAAI,KAAK,YAAY,gBAAQ,EAAE,CAAC;QAC5B,OAAO,KAAK,CAAC,KAAK,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;QACxB,OAAO,gBAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;IACjD,CAAC;IAED,IAAI,CAAC;QACD,OAAO,gBAAQ,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;IAC3D,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACT,OAAO,gBAAQ,CAAC,OAAO,CAAC,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACjE,CAAC;AACL,CAAC"}

package/lib/cjs/time/index.d.ts

@@ -0,0 +1,2 @@
+export { useClock, type Clock } from './useClock';
+export { type ISODate, type GenericDateTime, type DateFormat, toDateTime } from './datetime';

package/lib/cjs/time/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toDateTime = exports.useClock = void 0;
+var useClock_1 = require("./useClock");
+Object.defineProperty(exports, "useClock", { enumerable: true, get: function () { return useClock_1.useClock; } });
+var datetime_1 = require("./datetime");
+Object.defineProperty(exports, "toDateTime", { enumerable: true, get: function () { return datetime_1.toDateTime; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/time/index.ts"],"names":[],"mappings":";;;AAAA,uCAAkD;AAAzC,oGAAA,QAAQ,OAAA;AACjB,uCAA6F;AAA/B,sGAAA,UAAU,OAAA"}

package/lib/cjs/time/useClock.d.ts

@@ -0,0 +1,11 @@
+import { DateTime } from 'luxon';
+export interface Clock {
+    readonly now: DateTime<true>;
+    /**
+     * Updates the current time in the given interval.
+     * @param intervalMs Interval for clock update in milliseconds. Defaults to 1000ms.
+     */
+    tick(intervalMs?: number): () => void;
+    update(): void;
+}
+export declare const useClock: (tickIntervalMs?: number, locale?: string) => Clock;

package/lib/cjs/time/useClock.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClock = void 0;
+const tslib_1 = require("tslib");
+const luxon_1 = require("luxon");
+const React = tslib_1.__importStar(require("react"));
+const useClock = function useClock(tickIntervalMs, locale) {
+    const getCurrentTime = React.useCallback(() => (locale != null ? luxon_1.DateTime.utc().setLocale(locale) : luxon_1.DateTime.utc()), [locale]);
+    const [now, setNow] = React.useState(getCurrentTime);
+    const update = React.useCallback(() => setNow(getCurrentTime()), [getCurrentTime]);
+    const tick = React.useCallback((intervalMs = 1000) => {
+        const interval = setInterval(update, intervalMs);
+        return () => clearInterval(interval);
+    }, [update]);
+    React.useEffect(() => {
+        if (tickIntervalMs != null && tickIntervalMs > 0) {
+            return tick(tickIntervalMs);
+        }
+    }, [tick, tickIntervalMs]);
+    return React.useMemo(() => ({ now, tick, update }), [now, tick, update]);
+};
+exports.useClock = useClock;
+//# sourceMappingURL=useClock.js.map

package/lib/cjs/time/useClock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClock.js","sourceRoot":"","sources":["../../../src/main/web/time/useClock.ts"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,qDAA+B;AAYxB,MAAM,QAAQ,GAAG,SAAS,QAAQ,CAAC,cAAuB,EAAE,MAAe;IAC9E,MAAM,cAAc,GAAG,KAAK,CAAC,WAAW,CACpC,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,gBAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,gBAAQ,CAAC,GAAG,EAAE,CAAC,EAC1E,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAErD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEnF,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAC1B,CAAC,UAAU,GAAG,IAAI,EAAE,EAAE;QAClB,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACjD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,MAAM,CAAC,CACX,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,cAAc,IAAI,IAAI,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YAC/C,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3B,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;AAC7E,CAAC,CAAC;AAzBW,QAAA,QAAQ,YAyBnB"}

package/lib/cjs/timers/index.d.ts

@@ -0,0 +1,2 @@
+export { useDebounce } from './useDebounce';
+export { useTimeout, useInterval } from './useTimer';

package/lib/cjs/timers/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = exports.useTimeout = exports.useDebounce = void 0;
+var useDebounce_1 = require("./useDebounce");
+Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return useDebounce_1.useDebounce; } });
+var useTimer_1 = require("./useTimer");
+Object.defineProperty(exports, "useTimeout", { enumerable: true, get: function () { return useTimer_1.useTimeout; } });
+Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return useTimer_1.useInterval; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/timers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/main/web/timers/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,uCAAqD;AAA5C,sGAAA,UAAU,OAAA;AAAE,uGAAA,WAAW,OAAA"}

package/lib/cjs/timers/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay: number): T;

package/lib/cjs/timers/useDebounce.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounce = useDebounce;
+const tslib_1 = require("tslib");
+const react = tslib_1.__importStar(require("react"));
+function useDebounce(value, delay) {
+    const [debouncedValue, setDebouncedValue] = react.useState(value);
+    react.useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebouncedValue(value);
+        }, delay);
+        return () => clearTimeout(handler);
+    }, [value, delay]);
+    return debouncedValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/lib/cjs/timers/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../src/main/web/timers/useDebounce.ts"],"names":[],"mappings":";;AAEA,kCAYC;;AAdD,qDAA+B;AAE/B,SAAgB,WAAW,CAAI,KAAQ,EAAE,KAAa;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AAC1B,CAAC"}

package/lib/cjs/timers/useTimer.d.ts

@@ -0,0 +1,13 @@
+type MaybeCleanup = (() => void) | void;
+interface CallbackWithCleanup {
+    (): MaybeCleanup;
+}
+interface TimeoutCallback {
+    (timeoutHandler: CallbackWithCleanup, timeoutDurationMs?: number): () => void;
+    cancel(): void;
+}
+export declare function useTimer(defaultTimeoutDurationMs?: number, timerFunction?: TimerFunction): TimeoutCallback;
+type TimerFunction = typeof setTimeout | typeof setInterval;
+export declare function useTimeout(defaultTimeoutDurationMs?: number): TimeoutCallback;
+export declare function useInterval(defaultTimeoutDurationMs?: number): TimeoutCallback;
+export {};

package/lib/cjs/timers/useTimer.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTimer = useTimer;
+exports.useTimeout = useTimeout;
+exports.useInterval = useInterval;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+function useTimer(defaultTimeoutDurationMs = 0, timerFunction = setTimeout) {
+    const timeoutId = React.useRef(undefined);
+    const callbackCleanup = React.useRef(undefined);
+    const clear = React.useCallback(() => {
+        if (timeoutId.current != null) {
+            if (timerFunction === setTimeout) {
+                clearTimeout(timeoutId.current);
+            }
+            else {
+                clearInterval(timeoutId.current);
+            }
+        }
+        if (typeof callbackCleanup.current === 'function') {
+            callbackCleanup.current();
+            callbackCleanup.current = undefined;
+        }
+    }, [timerFunction]);
+    React.useEffect(() => clear, [clear]);
+    return React.useMemo(() => {
+        const runTimeout = (timeoutHandler, timeoutDurationMs = defaultTimeoutDurationMs) => {
+            clear();
+            timeoutId.current = timerFunction(() => {
+                callbackCleanup.current = timeoutHandler();
+            }, timeoutDurationMs);
+            return clear;
+        };
+        runTimeout.cancel = clear;
+        return runTimeout;
+    }, [clear, timerFunction, defaultTimeoutDurationMs]);
+}
+function useTimeout(defaultTimeoutDurationMs = 0) {
+    return useTimer(defaultTimeoutDurationMs, setTimeout);
+}
+function useInterval(defaultTimeoutDurationMs = 0) {
+    return useTimer(defaultTimeoutDurationMs, setInterval);
+}
+//# sourceMappingURL=useTimer.js.map