@vertesia/ui 0.82.1 → 0.82.2

package/lib/esm/core/hooks/CompositeState.js

@@ -0,0 +1,256 @@
+import React, { useContext, useEffect, useState } from "react";
+//type KeysOfType<T, V> = { [K in keyof T]-?: T[K] extends V ? K : never }[keyof T];
+//type KeysNotOfType<T, V> = { [K in keyof T]-?: T[K] extends V ? never : K }[keyof T];
+export class Property {
+    _value;
+    watchers = [];
+    /**
+     * Optional name for debugging purposes.
+     * When provided, changes to this property will be logged to the console in development mode,
+     * making it easier to track state changes and debug reactive updates.
+     *
+     * Example: new Property<string>('', 'streamingText')
+     * Will log: [CompositeState] streamingText: "" → "new value"
+     */
+    name;
+    constructor(value, name) {
+        this._value = value;
+        this.name = name;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (value !== this._value) {
+            this._value = value;
+            for (const watcher of this.watchers) {
+                watcher(value);
+            }
+        }
+    }
+    watch(watcher) {
+        this.watchers.push(watcher);
+        return () => {
+            this.watchers = this.watchers.filter(w => w !== watcher);
+        };
+    }
+}
+export function createCompositeStateProvider(StateClass) {
+    const context = React.createContext(undefined);
+    StateClass.Context = context;
+    return context.Provider;
+}
+export class Slot {
+    consume = undefined;
+    _current;
+    constructor(content) {
+        this._current = content;
+    }
+    set current(content) {
+        if (content !== this._current) {
+            this._current = content;
+            this.consume?.(content);
+        }
+    }
+    get current() {
+        return this._current;
+    }
+    withConsumer(consume) {
+        this.consume = consume;
+        consume && consume(this.current);
+        return this;
+    }
+}
+export function useCompositeState(StateClass) {
+    const context = StateClass.Context;
+    if (!context) {
+        throw new Error("Context not defined for " + StateClass.name);
+    }
+    return useContext(context);
+}
+export function useGetCompositeStateProperty(property) {
+    const [value, setValue] = useState(property.value);
+    useEffect(() => {
+        return property.watch((value) => {
+            if (typeof value === 'function') {
+                setValue(() => value); // cannot directly store functions
+            }
+            else {
+                setValue(value);
+            }
+        });
+    }, [property]);
+    return value;
+}
+// use memo on value to avoid re-computations if needed
+export function useSetCompositeStateProperty(property, value) {
+    useEffect(() => {
+        property.value = value;
+        return () => {
+            property.value = undefined;
+        };
+    }, [property, value]);
+    return value;
+}
+// use memo on watcher to avoid re-computations if needed
+export function useWatchCompositeStateProperty(property, watcher) {
+    useEffect(() => {
+        return property.watch(watcher);
+    }, [property, watcher]);
+}
+export function useSlot(slot) {
+    const [value, setValue] = useState(slot.current);
+    useEffect(() => {
+        slot.withConsumer(setValue);
+        return () => {
+            slot.withConsumer(undefined);
+        };
+    }, [slot]);
+    return value;
+}
+export function useWatchSlot(slot, watcher) {
+    useEffect(() => {
+        slot.withConsumer(watcher);
+        return () => {
+            slot.withConsumer(undefined);
+        };
+    }, [slot, watcher]);
+}
+// use memo for value if needed
+export function useDefineSlot(slot, value) {
+    useEffect(() => {
+        slot.current = value;
+        return () => {
+            slot.current = undefined;
+        };
+    }, [slot, value]);
+}
+/**
+ * Computed property that derives its value from other properties.
+ * Automatically recalculates when any of its dependencies change.
+ *
+ * Think of it like a spreadsheet formula: if cell A1 = 5 and A2 = 10,
+ * then A3 = A1 + A2 will automatically update to 15. If A1 changes to 7,
+ * A3 automatically becomes 17.
+ *
+ * @example Basic usage
+ * ```typescript
+ * class MyState {
+ *     count = new Property(0, 'count');
+ *     multiplier = new Property(2, 'multiplier');
+ *
+ *     // Automatically recalculates when count or multiplier changes
+ *     result = new ComputedProperty(
+ *         () => (this.count.value || 0) * (this.multiplier.value || 0),
+ *         [this.count, this.multiplier],
+ *         'result'
+ *     );
+ * }
+ *
+ * state.count.value = 5;      // result automatically becomes 10
+ * state.multiplier.value = 3; // result automatically becomes 15
+ * ```
+ *
+ * @example Derived state
+ * ```typescript
+ * class EditorState {
+ *     workingCopy = new Property<Interaction>();
+ *     sourceInteraction = new Property<Interaction>();
+ *
+ *     // Automatically true when workingCopy differs from source
+ *     isDirty = new ComputedProperty(
+ *         () => JSON.stringify(this.workingCopy.value) !==
+ *               JSON.stringify(this.sourceInteraction.value),
+ *         [this.workingCopy, this.sourceInteraction],
+ *         'isDirty'
+ *     );
+ * }
+ * ```
+ *
+ * @example Cascading computed properties
+ * ```typescript
+ * class State {
+ *     a = new Property(1);
+ *     b = new Property(2);
+ *     sum = new ComputedProperty(() => a.value + b.value, [a, b]);
+ *     doubled = new ComputedProperty(() => sum.value * 2, [sum]);
+ * }
+ * ```
+ *
+ * Benefits:
+ * - ✅ Automatic updates when dependencies change
+ * - ✅ Memoization - only recalculates when needed
+ * - ✅ Composable - can depend on other ComputedProperties
+ * - ✅ Type-safe with full TypeScript support
+ *
+ * When to use:
+ * - ✅ For derived state (values calculated from other values)
+ * - ✅ When dependencies are other Properties or ComputedProperties
+ * - ❌ NOT for async operations (use regular methods instead)
+ * - ❌ NOT if compute function has side effects
+ *
+ * @important Remember to call dispose() when the ComputedProperty is no longer needed
+ * to prevent memory leaks by unsubscribing from all dependencies.
+ */
+export class ComputedProperty {
+    compute;
+    _value;
+    watchers = [];
+    unsubscribers = [];
+    /**
+     * Optional name for debugging purposes.
+     * When provided, recalculations will be logged to the console in development mode.
+     */
+    name;
+    /**
+     * @param compute - Function that calculates the derived value
+     * @param dependencies - Array of Properties this computed value depends on
+     * @param name - Optional name for debugging
+     */
+    constructor(compute, dependencies, name) {
+        this.compute = compute;
+        this.name = name;
+        this.recalculate();
+        // Watch all dependencies - when any changes, recalculate
+        for (const dep of dependencies) {
+            this.unsubscribers.push(dep.watch(() => this.recalculate()));
+        }
+    }
+    recalculate() {
+        const newValue = this.compute();
+        if (newValue !== this._value) {
+            this._value = newValue;
+            for (const watcher of this.watchers) {
+                watcher(newValue);
+            }
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    watch(watcher) {
+        this.watchers.push(watcher);
+        return () => {
+            this.watchers = this.watchers.filter(w => w !== watcher);
+        };
+    }
+    /**
+     * Dispose of this ComputedProperty by unsubscribing from all dependencies.
+     * Call this when the ComputedProperty is no longer needed to prevent memory leaks.
+     *
+     * @example
+     * ```typescript
+     * const computed = new ComputedProperty(...);
+     *
+     * // Later, when cleaning up:
+     * computed.dispose();
+     * ```
+     */
+    dispose() {
+        for (const unsub of this.unsubscribers) {
+            unsub();
+        }
+        this.watchers = [];
+    }
+}
+//# sourceMappingURL=CompositeState.js.map

package/lib/esm/core/hooks/CompositeState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeState.js","sourceRoot":"","sources":["../../../../src/core/hooks/CompositeState.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core/hooks/PortalContainerProvider.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+const PortalContainerContext = React.createContext(undefined);
+function findOrCreatePortalContainer(root, id = "plugin-portal-container") {
+    // look only at direct children
+    for (const child of Array.from(root.children)) {
+        if (child instanceof HTMLElement && child.id === id) {
+            return child;
+        }
+    }
+    // not found → create
+    const container = document.createElement("div");
+    container.id = id;
+    root.appendChild(container);
+    return container;
+}
+export function PortalContainerProvider({ children, id = "plugin-portal-container", }) {
+    const ref = React.useRef(null);
+    const [container, setContainer] = React.useState(undefined);
+    React.useEffect(() => {
+        if (ref.current) {
+            const root = ref.current.getRootNode();
+            if (root instanceof ShadowRoot || root instanceof Document) {
+                const container = findOrCreatePortalContainer(root, id);
+                setContainer(container);
+            }
+            else {
+                setContainer(null);
+            }
+        }
+    }, [id]);
+    // If container not discovered yet → render hidden marker only
+    if (container === undefined) {
+        return _jsx("div", { ref: ref, style: { display: "none" } });
+    }
+    // Once container is resolved (null or HTMLElement) → provide it
+    return (_jsx(PortalContainerContext.Provider, { value: container || undefined, children: children }));
+}
+export function usePortalContainer() {
+    return React.useContext(PortalContainerContext);
+}
+//# sourceMappingURL=PortalContainerProvider.js.map

package/lib/esm/core/hooks/PortalContainerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalContainerProvider.js","sourceRoot":"","sources":["../../../../src/core/hooks/PortalContainerProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA0B,SAAS,CAAC,CAAC;AAEvF,SAAS,2BAA2B,CAAC,IAA2B,EAAE,EAAE,GAAG,yBAAyB;IAC5F,+BAA+B;IAC/B,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5C,IAAI,KAAK,YAAY,WAAW,IAAI,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;YAClD,OAAO,KAAK,CAAC;QACjB,CAAC;IACL,CAAC;IACD,qBAAqB;IACrB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC;IAClB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5B,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,EACpC,QAAQ,EACR,EAAE,GAAG,yBAAyB,GAIjC;IACG,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAiC,SAAS,CAAC,CAAC;IAE5F,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;YACvC,IAAI,IAAI,YAAY,UAAU,IAAI,IAAI,YAAY,QAAQ,EAAE,CAAC;gBACzD,MAAM,SAAS,GAAG,2BAA2B,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBACxD,YAAY,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACJ,YAAY,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,8DAA8D;IAC9D,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,cAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAI,CAAC;IACzD,CAAC;IAED,gEAAgE;IAChE,OAAO,CACH,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,SAAS,YACzD,QAAQ,GACqB,CACrC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,kBAAkB;IAC9B,OAAO,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC;AACpD,CAAC"}

package/lib/esm/core/hooks/SharedState.js

@@ -0,0 +1,64 @@
+import { useEffect, useState } from "react";
+export class SharedState {
+    _value;
+    watchers = [];
+    constructor(value) {
+        this._value = value;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (value !== this._value) {
+            this._value = value;
+            for (const watcher of this.watchers) {
+                watcher(value);
+            }
+        }
+    }
+    addWatcher(watcher) {
+        this.watchers.push(watcher);
+        return () => {
+            this.watchers = this.watchers.filter(w => w !== watcher);
+        };
+    }
+}
+export function useWatchSharedState(state) {
+    const [value, setValue] = useState(state.value);
+    useEffect(() => {
+        return state.addWatcher((value) => {
+            if (typeof value === 'function') {
+                setValue(() => value); // cannot directly store functions
+            }
+            else {
+                setValue(value);
+            }
+        });
+    }, [state]);
+    return value;
+}
+// export function createSharedStateContext<T>(initialValue: T) {
+//     const Context = React.createContext<SharedState<T>>(undefined as any);
+//     function SharedStateProvider({ value = initialValue, children }: {
+//         value?: T,
+//         children: React.ReactNode
+//     }) {
+//         const state = useMemo(() => {
+//             return new SharedState(value);
+//         }, []);
+//         return <Context.Provider value={state}>{children}</Context.Provider>
+//     }
+//     const useSharedState = () => {
+//         return React.useContext(Context);
+//     }
+//     return {
+//         Context,
+//         Provider: SharedStateProvider,
+//         useSharedState,
+//         useWatchSharedState: () => {
+//             const state = useSharedState();
+//             return state ? useWatchSharedState(state) : undefined;
+//         }
+//     }
+// }
+//# sourceMappingURL=SharedState.js.map

package/lib/esm/core/hooks/SharedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharedState.js","sourceRoot":"","sources":["../../../../src/core/hooks/SharedState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,OAAO,WAAW;IACpB,MAAM,CAAI;IACV,QAAQ,GAA2B,EAAE,CAAC;IACtC,YAAY,KAAQ;QAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,IAAI,KAAK,CAAC,KAAQ;QACd,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClC,OAAO,CAAC,KAAK,CAAC,CAAC;YACnB,CAAC;QACL,CAAC;IACL,CAAC;IAED,UAAU,CAAC,OAA2B;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;QAC7D,CAAC,CAAA;IACL,CAAC;CACJ;AAED,MAAM,UAAU,mBAAmB,CAAI,KAAqB;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC/C,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,EAAE;YAC9B,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;gBAC9B,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAA,CAAC,kCAAkC;YAC5D,CAAC;iBAAM,CAAC;gBACJ,QAAQ,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,iEAAiE;AACjE,6EAA6E;AAC7E,yEAAyE;AACzE,qBAAqB;AACrB,oCAAoC;AACpC,WAAW;AACX,wCAAwC;AACxC,6CAA6C;AAC7C,kBAAkB;AAClB,+EAA+E;AAC/E,QAAQ;AAER,qCAAqC;AACrC,4CAA4C;AAC5C,QAAQ;AACR,eAAe;AACf,mBAAmB;AACnB,yCAAyC;AACzC,0BAA0B;AAC1B,uCAAuC;AACvC,8CAA8C;AAC9C,qEAAqE;AACrE,YAAY;AACZ,QAAQ;AACR,IAAI"}

package/lib/esm/core/hooks/index.js

@@ -0,0 +1,16 @@
+export * from "./CompositeState.js";
+export * from "./PortalContainerProvider.js";
+export * from "./SharedState.js";
+export * from "./useClickOutside.js";
+export * from "./useCopyToClipboard.js";
+export * from "./useDarkMode.js";
+export * from "./useDebounce";
+export * from "./useEventSource.js";
+export * from "./useFetch.js";
+export * from "./useFlag.js";
+export * from "./useIntersectionObserver.js";
+export * from "./useIsFistRendering.js";
+export * from "./useSafeLayoutEffect.js";
+export * from "./useScrollableSearch.js";
+export * from "./useSharedValue.js";
+//# sourceMappingURL=index.js.map

package/lib/esm/core/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,yBAAyB,CAAA;AACvC,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA"}

package/lib/esm/core/hooks/useClickOutside.js

@@ -0,0 +1,29 @@
+import { useEffect, useRef } from "react";
+/**
+ *
+ * @param callback
+ * @param skipFn an optional function to skip the callback if the event matches some condition. Return true to skip
+ * @returns
+ */
+export function useClickOutside(callback, skipFn) {
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleClick = (e) => {
+            if (ref.current && !ref.current.contains(e.target)) {
+                if (!skipFn || !skipFn(e)) {
+                    callback(e);
+                }
+            }
+        };
+        // add te listener just after the render to avoid the callback to be called on the current click
+        // if you are in a click context
+        window.setTimeout(() => {
+            document.addEventListener('click', handleClick);
+        }, 0);
+        return () => {
+            document.removeEventListener('click', handleClick);
+        };
+    }, []);
+    return ref;
+}
+//# sourceMappingURL=useClickOutside.js.map

package/lib/esm/core/hooks/useClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../../../src/core/hooks/useClickOutside.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAwB,QAAiC,EAAE,MAAmC;IACzH,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAC5B,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YAClC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE,CAAC;gBACzD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;oBACxB,QAAQ,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC;YACL,CAAC;QACL,CAAC,CAAA;QACD,gGAAgG;QAChG,gCAAgC;QAChC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACpD,CAAC,EAAE,CAAC,CAAC,CAAC;QACN,OAAO,GAAG,EAAE;YACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACvD,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,GAAG,CAAC;AACf,CAAC"}

package/lib/esm/core/hooks/useCopyToClipboard.js

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+export function useCopyToClipboard() {
+    const [copiedText, setCopiedText] = useState(null);
+    const copy = async (text) => {
+        if (!navigator?.clipboard) {
+            console.warn('Clipboard not supported');
+            return false;
+        }
+        // Try to save to clipboard then save it in the state if worked
+        try {
+            await navigator.clipboard.writeText(text);
+            setCopiedText(text);
+            return true;
+        }
+        catch (error) {
+            console.warn('Copy failed', error);
+            setCopiedText(null);
+            return false;
+        }
+    };
+    return [copiedText, copy];
+}
+//# sourceMappingURL=useCopyToClipboard.js.map

package/lib/esm/core/hooks/useCopyToClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopyToClipboard.js","sourceRoot":"","sources":["../../../../src/core/hooks/useCopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,UAAU,kBAAkB;IAChC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,MAAM,IAAI,GAAW,KAAK,EAAC,IAAI,EAAC,EAAE;QAChC,IAAI,CAAC,SAAS,EAAE,SAAS,EAAE,CAAC;YAC1B,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAA;YACvC,OAAO,KAAK,CAAA;QACd,CAAC;QAED,+DAA+D;QAC/D,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;YACzC,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,IAAI,CAAA;QACb,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;YAClC,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAC3B,CAAC"}

package/lib/esm/core/hooks/useDarkMode.js

@@ -0,0 +1,11 @@
+import { useEffect } from "react";
+export function useDarkMode(cb) {
+    useEffect(() => {
+        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+        const _cb = (e) => cb(e.matches);
+        mediaQuery.addEventListener('change', _cb);
+        cb(mediaQuery.matches);
+        return () => mediaQuery.removeEventListener('change', _cb);
+    }, []);
+}
+//# sourceMappingURL=useDarkMode.js.map

package/lib/esm/core/hooks/useDarkMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDarkMode.js","sourceRoot":"","sources":["../../../../src/core/hooks/useDarkMode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,WAAW,CAAC,EAAoC;IAC5D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QACrE,MAAM,GAAG,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACtD,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC3C,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACvB,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC"}

package/lib/esm/core/hooks/useDebounce.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from "react";
+export function useDebounce(value, delay) {
+    const [debounceValue, setDebounceValue] = useState(value);
+    useEffect(() => {
+        const handler = setTimeout(() => {
+            setDebounceValue(value);
+        }, delay);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [value, delay]);
+    return debounceValue;
+}
+//# sourceMappingURL=useDebounce.js.map

package/lib/esm/core/hooks/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../../src/core/hooks/useDebounce.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,WAAW,CAAC,KAAa,EAAE,KAAa;IACpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACR,YAAY,CAAC,OAAO,CAAC,CAAC;QAC1B,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IACnB,OAAO,aAAa,CAAC;AACzB,CAAC"}

package/lib/esm/core/hooks/useEventSource.js

@@ -0,0 +1,31 @@
+import { useEffect } from "react";
+function startSse(url, onMessage, onCompleted) {
+    const chunks = [];
+    const sse = new EventSource(url);
+    sse.addEventListener("message", ev => {
+        const data = JSON.parse(ev.data);
+        if (data) {
+            chunks.push(data);
+            onMessage(chunks.join(''));
+        }
+    });
+    sse.addEventListener("close", (ev) => {
+        sse.close();
+        const msg = JSON.parse(ev.data);
+        onCompleted(msg);
+    });
+    return () => {
+        sse.close();
+    };
+}
+export function useEventSource(url, onMessage, onCompleted) {
+    useEffect(() => {
+        if (typeof url === 'function') {
+            url().then(url => startSse(url, onMessage, onCompleted));
+        }
+        else {
+            startSse(url, onMessage, onCompleted);
+        }
+    }, [url]);
+}
+//# sourceMappingURL=useEventSource.js.map

package/lib/esm/core/hooks/useEventSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventSource.js","sourceRoot":"","sources":["../../../../src/core/hooks/useEventSource.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,SAAS,QAAQ,CAAI,GAAW,EAAE,SAAoC,EAClE,WAAiC;IACjC,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,MAAM,GAAG,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC;IACjC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACjC,IAAI,IAAI,EAAE,CAAC;YACP,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;QAC9B,CAAC;IACL,CAAC,CAAC,CAAC;IACH,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;QACjC,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAA;QAC/B,WAAW,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,EAAE;QACR,GAAG,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC,CAAA;AAEL,CAAC;AAED,MAAM,UAAU,cAAc,CAAI,GAAqC,EACnE,SAAoC,EACpC,WAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;YAC5B,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,GAAG,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;AACb,CAAC"}

package/lib/esm/core/hooks/useFetch.js

@@ -0,0 +1,40 @@
+import { useEffect, useState } from "react";
+export function useFetch(fetcher, opts) {
+    if (Array.isArray(opts)) {
+        opts = { deps: opts };
+    }
+    const options = (opts || {});
+    const [error, setError] = useState(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [data, setData] = useState(options.defaultValue);
+    const fetch = () => {
+        options.start && options.start();
+        setIsLoading(true);
+        return fetcher().then((result) => {
+            setData(result);
+            options.onSuccess && options.onSuccess(result);
+        }).catch(error => {
+            setError(error);
+            options.onError && options.onError(error);
+        }).finally(() => {
+            setIsLoading(false);
+            options.end && options.end();
+        });
+    };
+    useEffect(() => {
+        if (!options.condition || options.condition()) {
+            fetch();
+        }
+    }, options.deps);
+    return { data, isLoading, error, setData, refetch: fetch };
+}
+export function useFetchOnce(fetcher, opts) {
+    if (!opts || Array.isArray(opts)) {
+        opts = { deps: [] };
+    }
+    else if (opts) {
+        opts.deps = [];
+    }
+    return useFetch(fetcher, opts);
+}
+//# sourceMappingURL=useFetch.js.map

package/lib/esm/core/hooks/useFetch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.js","sourceRoot":"","sources":["../../../../src/core/hooks/useFetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAY5C,MAAM,UAAU,QAAQ,CAAU,OAAyB,EAAE,IAA8C;IACvG,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACtB,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC;IACD,MAAM,OAAO,GAAG,CAAC,IAAI,IAAI,EAAE,CAAiB,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAM,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAgB,OAAO,CAAC,YAAY,CAAC,CAAC;IACtE,MAAM,KAAK,GAAG,GAAG,EAAE;QACf,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QACjC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,MAAS,EAAE,EAAE;YAChC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChB,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QACnD,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YACZ,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO,CAAC,GAAG,IAAI,OAAO,CAAC,GAAG,EAAE,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;YAC5C,KAAK,EAAE,CAAC;QACZ,CAAC;IAEL,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAI,OAAyB,EAAE,IAA8C;IACrG,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/B,IAAI,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IACxB,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACd,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACnB,CAAC;IACD,OAAO,QAAQ,CAAI,OAAO,EAAE,IAAI,CAAC,CAAC;AACtC,CAAC"}

package/lib/esm/core/hooks/useFlag.js

@@ -0,0 +1,13 @@
+import { useState } from "react";
+export function useFlag(isOn = false) {
+    const [state, setState] = useState(isOn);
+    return {
+        isOn: state,
+        isOff: !state,
+        set: (value) => setState(value),
+        on: () => setState(true),
+        off: () => setState(false),
+        toggle: () => setState(!state)
+    };
+}
+//# sourceMappingURL=useFlag.js.map

package/lib/esm/core/hooks/useFlag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlag.js","sourceRoot":"","sources":["../../../../src/core/hooks/useFlag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,UAAU,OAAO,CAAC,IAAI,GAAG,KAAK;IAChC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzC,OAAO;QACH,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,CAAC,KAAK;QACb,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QACxC,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QACxB,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;QAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;KACjC,CAAA;AACL,CAAC"}

package/lib/esm/core/hooks/useIntersectionObserver.js

@@ -0,0 +1,34 @@
+import { useEffect } from "react";
+/**
+ * if leave option is true then callback will be called when the target leaves the viewport
+ * otherwise when it enters the viewport
+ * @param target
+ * @param cb
+ * @param opts
+ */
+export function useIntersectionObserver(target, cb, opts = {}) {
+    useEffect(() => {
+        const observer = new IntersectionObserver(entries => {
+            const isEntering = entries[0].isIntersecting;
+            if (opts.leave) {
+                if (!isEntering) {
+                    cb(entries[0]);
+                }
+            }
+            else {
+                if (isEntering) {
+                    cb(entries[0]);
+                }
+            }
+        }, { threshold: opts.threshold || 1 });
+        if (target.current) {
+            observer.observe(target.current);
+        }
+        return () => {
+            if (target.current) {
+                observer.unobserve(target.current);
+            }
+        };
+    }, opts.deps ? opts.deps.concat(target) : [target]);
+}
+//# sourceMappingURL=useIntersectionObserver.js.map

package/lib/esm/core/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","sourceRoot":"","sources":["../../../../src/core/hooks/useIntersectionObserver.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,uBAAuB,CAAC,MAAiD,EAAE,EAA8C,EAAE,OAA8D,EAAE;IAEvM,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACrC,OAAO,CAAC,EAAE;YACN,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;YAC7C,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,UAAU,EAAE,CAAC;oBACd,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,IAAI,UAAU,EAAE,CAAC;oBACb,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;gBACnB,CAAC;YACL,CAAC;QACL,CAAC,EACD,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE,CACrC,CAAC;QAEF,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAExD,CAAC"}

package/lib/esm/core/hooks/useIsFistRendering.js

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from "react";
+export function useIsFirstRendering() {
+    const isFirstRender = useRef(true);
+    useEffect((cb) => {
+        if (cb && isFirstRender.current) {
+            cb();
+        }
+        isFirstRender.current = false;
+        // ---> StrictMode: The following is REQUIRED to reset/cleanup:
+        return () => { isFirstRender.current = true; };
+    }, []);
+    return isFirstRender.current;
+}
+//# sourceMappingURL=useIsFistRendering.js.map