aidos-ui 3.0.0

package/dist/ResultOrError.d.ts

@@ -0,0 +1,13 @@
+export type Result<T> = {
+    success: true;
+    value: T;
+};
+export type Error<T> = {
+    success: false;
+    error: T;
+};
+export type ResultOrError<R, E> = Result<R> | Error<E>;
+export declare function makeResult<T>(t: void): Result<void>;
+export declare function makeResult<T>(t: T): Result<T>;
+export declare function makeError<T>(t: void): Error<void>;
+export declare function makeError<T>(t: T): Error<T>;

package/dist/ResultOrError.js

@@ -0,0 +1,7 @@
+export function makeResult(t) {
+    return { success: true, value: t };
+}
+export function makeError(t) {
+    return { success: false, error: t };
+}
+//# sourceMappingURL=ResultOrError.js.map

package/dist/ResultOrError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultOrError.js","sourceRoot":"","sources":["../src/ResultOrError.ts"],"names":[],"mappings":"AAMA,MAAM,UAAU,UAAU,CAAI,CAAI;IAChC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACrC,CAAC;AAID,MAAM,UAAU,SAAS,CAAI,CAAI;IAC/B,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;AACtC,CAAC"}

package/dist/RootView.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+export declare function RootView({ children, focusOnlyOnFirstMount, }: {
+    children: ReactNode;
+    focusOnlyOnFirstMount?: boolean;
+}): JSX.Element;

package/dist/RootView.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useCallback } from "react";
+import { Column } from "./Column";
+import { useIsTopOfStack } from "./StackContext";
+import { queryFocusables } from "./aria";
+import { cssVar } from "./jss";
+export function RootView({ children, focusOnlyOnFirstMount = true, }) {
+    const isTopOfStack = useIsTopOfStack();
+    const firstMountRef = useRef(true);
+    const refCallback = useCallback((element) => {
+        if (!element) {
+            return;
+        }
+        if (!isTopOfStack) {
+            return;
+        }
+        if (focusOnlyOnFirstMount && !firstMountRef.current) {
+            return;
+        }
+        const focusables = queryFocusables(element);
+        const firstFocusable = focusables[0];
+        firstMountRef.current = false;
+        firstFocusable && firstFocusable.focus();
+    }, [isTopOfStack, focusOnlyOnFirstMount]);
+    return (_jsx(Column, { ref: refCallback, jsStyle: {
+            marginBottom: 0,
+            flexGrow: 1,
+            flexShrink: 1,
+            flexBasis: "0%",
+            overflow: "auto",
+            backgroundColor: cssVar("--secondary-background"),
+            minHeight: "600px",
+        }, children: children }));
+}
+//# sourceMappingURL=RootView.js.map

package/dist/RootView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootView.js","sourceRoot":"","sources":["../src/RootView.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAa,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,qBAAqB,GAAG,IAAI,GAI7B;IACC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,OAAO,EAAE,EAAE;QACV,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,CAAC,YAAY,EAAE;YACjB,OAAO;SACR;QAED,IAAI,qBAAqB,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE;YACnD,OAAO;SACR;QAED,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QACrC,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,cAAc,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;IAC3C,CAAC,EACD,CAAC,YAAY,EAAE,qBAAqB,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,GAAG,EAAE,WAAW,EAChB,OAAO,EAAE;YACP,YAAY,EAAE,CAAC;YACf,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,MAAM;YAChB,eAAe,EAAE,MAAM,CAAC,wBAAwB,CAAC;YACjD,SAAS,EAAE,OAAO;SACnB,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/dist/Router.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function Router(): JSX.Element;

package/dist/Router.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { StackContextProvider } from "./StackContext";
+import { Column } from "./Column";
+import { ListDivider } from "./ListDivider";
+import { BaseView } from "./BaseView";
+import { useRouterState } from "./RouterState";
+const jsStyles = {
+    root: {
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        minHeight: 0,
+        flexShrink: 1,
+        flexBasis: "0%",
+        position: "relative",
+    },
+    route: {
+        display: "flex",
+        flexDirection: "column",
+        flexGrow: 1,
+        minHeight: 0,
+        flexShrink: 1,
+        flexBasis: "0%",
+    },
+    hidden: {
+        display: "none",
+    },
+};
+export function Router() {
+    const { context: { navigationStack }, } = useRouterState();
+    return (_jsx(BaseView, { jsStyle: jsStyles.root, children: navigationStack.map(({ route, routeProps }, index, list) => {
+            const isTopOfStack = index === list.length - 1;
+            return (_jsx(StackContextProvider, { isTopOfStack: isTopOfStack, children: _jsxs(Column, { jsStyle: [jsStyles.route, !isTopOfStack && jsStyles.hidden], "aria-hidden": !isTopOfStack, children: [_jsx(ListDivider, {}), _jsx(Suspense, { fallback: null, children: _jsx(route.root, { ...routeProps }) })] }) }, route.title(routeProps)));
+        }) }));
+}
+//# sourceMappingURL=Router.js.map

package/dist/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../src/Router.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,QAAQ,GAA+B;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,UAAU;KACrB;IACD,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,CAAC;QACX,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,UAAU,MAAM;IACpB,MAAM,EACJ,OAAO,EAAE,EAAE,eAAe,EAAE,GAC7B,GAAG,cAAc,EAAE,CAAC;IAErB,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC7B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;YAC1D,MAAM,YAAY,GAAG,KAAK,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;YAE/C,OAAO,CACL,KAAC,oBAAoB,IAEnB,YAAY,EAAE,YAAY,YAE1B,MAAC,MAAM,IACL,OAAO,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,YAAY,IAAI,QAAQ,CAAC,MAAM,CAAC,iBAC9C,CAAC,YAAY,aAE1B,KAAC,WAAW,KAAG,EACf,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,KAAK,CAAC,IAAI,OAAK,UAAU,GAAI,GACrB,IACJ,IAXJ,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYP,CACxB,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}

package/dist/RouterState.d.ts

@@ -0,0 +1,38 @@
+import { ComponentType } from "react";
+export declare enum RouteState {
+    Menu = "Menu",
+    DesignBook = "DesignBook",
+    Encounter = "Encounter"
+}
+export declare enum RouteTransition {
+    Pop = "Pop",
+    ToDesignBook = "ToDesignBook",
+    ToEncounter = "ToEncounter"
+}
+type Context = {
+    navigationStack: Array<StackNode<any>>;
+};
+type StackNode<Props> = {
+    route: Route<Props, any>;
+    routeProps: Props;
+};
+type Route<Props, State extends RouteState> = {
+    state: State;
+    title: (props: Props) => string;
+    root: ComponentType<Props>;
+};
+export declare const Provider: ({ children }: {
+    children: import("react").ReactNode;
+}) => JSX.Element, useStateMachine: () => {
+    subscribe: import("./Emitter").Subscribe<{
+        state: RouteState;
+        context: Context;
+    }>;
+    send: <Transition, Data>(transition: Transition, data: Data) => void;
+};
+export declare const useRouterState: () => {
+    state: RouteState;
+    context: Context;
+};
+export declare const useRouterSend: () => <Transition, Data>(transition: Transition, data: Data) => void;
+export {};

package/dist/RouterState.js

@@ -0,0 +1,111 @@
+import { useEffect, useState } from "react";
+import { stateMachineContextFactory, } from "./stateMachineContextFactory";
+import { DesignBook } from "./DesignBook";
+export var RouteState;
+(function (RouteState) {
+    RouteState["Menu"] = "Menu";
+    RouteState["DesignBook"] = "DesignBook";
+    RouteState["Encounter"] = "Encounter";
+})(RouteState || (RouteState = {}));
+export var RouteTransition;
+(function (RouteTransition) {
+    RouteTransition["Pop"] = "Pop";
+    RouteTransition["ToDesignBook"] = "ToDesignBook";
+    RouteTransition["ToEncounter"] = "ToEncounter";
+})(RouteTransition || (RouteTransition = {}));
+// const MenuRoute: Route<{}, RouteState.Menu> = {
+//   state: RouteState.Menu,
+//   title: () => "Menu",
+//   root: Menu,
+// };
+const DesignBookRoute = {
+    state: RouteState.DesignBook,
+    title: () => "DesignBook",
+    root: DesignBook,
+};
+const INITIAL_CONTEXT = {
+    navigationStack: [{ route: DesignBookRoute, routeProps: {} }],
+};
+const pop = ({ state, context }) => {
+    if (context.navigationStack.length > 1) {
+        const navigationStack = [...context.navigationStack];
+        navigationStack.pop();
+        const finalState = navigationStack[navigationStack.length - 1].route.state;
+        return {
+            state: finalState,
+            context: {
+                ...context,
+                navigationStack,
+            },
+        };
+    }
+    return { state, context };
+};
+const pushFactory = (route) => ({ context, data }) => {
+    return {
+        state: route.state,
+        context: {
+            ...context,
+            navigationStack: [
+                ...context.navigationStack,
+                {
+                    route,
+                    routeProps: data,
+                },
+            ],
+        },
+    };
+};
+const replaceFactory = (route) => ({ context, data }) => {
+    return {
+        state: route.state,
+        context: {
+            ...context,
+            navigationStack: [
+                ...context.navigationStack.slice(0, -1),
+                {
+                    route,
+                    routeProps: data,
+                },
+            ],
+        },
+    };
+};
+const stateMachine = {
+    states: {
+        [RouteState.Menu]: {
+            on: {
+                ToDesignBook: pushFactory(DesignBookRoute),
+            },
+        },
+        [RouteState.Encounter]: {
+            on: {
+                Pop: pop,
+            },
+        },
+        [RouteState.DesignBook]: {
+            on: {
+                Pop: pop,
+            },
+        },
+    },
+    state: RouteState.Menu,
+    context: INITIAL_CONTEXT,
+};
+export const { Provider, useStateMachine } = stateMachineContextFactory(stateMachine);
+export const useRouterState = () => {
+    const [state, setState] = useState({
+        state: RouteState.Menu,
+        context: INITIAL_CONTEXT,
+    });
+    const { subscribe } = useStateMachine();
+    useEffect(() => {
+        return subscribe(setState);
+    }, [subscribe]);
+    return state;
+};
+export const useRouterSend = () => {
+    const { send } = useStateMachine();
+    return send;
+};
+//# sourceMappingURL=RouterState.js.map

package/dist/RouterState.js.map

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

package/dist/Row.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { FlexLayoutProps } from "./FlexLayout";
+export interface RowProps extends FlexLayoutProps {
+    direction?: "row";
+}
+export declare const Row: React.ForwardRefExoticComponent<Pick<RowProps, "padding" | "style" | "slot" | "title" | "children" | "hidden" | "color" | "relative" | "justify" | "direction" | "translate" | "gap" | "dangerouslySetInnerHTML" | "grow" | "shrink" | "jsStyle" | "tag" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "align"> & React.RefAttributes<HTMLElement>>;

package/dist/Row.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { FlexLayout } from "./FlexLayout";
+export const Row = React.forwardRef((props, ref) => {
+    return _jsx(FlexLayout, { ref: ref, direction: "row", ...props });
+});
+//# sourceMappingURL=Row.js.map

package/dist/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../src/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAM3D,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,KAAe,EAAE,GAA4B,EAAE,EAAE;IAChD,OAAO,KAAC,UAAU,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,KAAK,KAAK,GAAI,CAAC;AAC7D,CAAC,CACF,CAAC"}

package/dist/StackContext.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    isTopOfStack: boolean;
+};
+export declare function StackContextProvider({ children, isTopOfStack }: Props): JSX.Element;
+export declare function useIsTopOfStack(): boolean;
+export {};

package/dist/StackContext.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext, useState, useMemo, useRef, useEffect, } from "react";
+import { createEmitter } from "./Emitter";
+const StackContext = React.createContext({
+    subscribe: () => {
+        return () => { };
+    },
+});
+export function StackContextProvider({ children, isTopOfStack }) {
+    const emitterRef = useRef(createEmitter());
+    useEffect(() => {
+        emitterRef.current.emit(isTopOfStack);
+    }, [isTopOfStack]);
+    const value = useMemo(() => ({ subscribe: emitterRef.current.subscribe }), []);
+    return (_jsx(StackContext.Provider, { value: value, children: children }));
+}
+export function useIsTopOfStack() {
+    const [isTopOfStack, setIsTopOfStack] = useState(true);
+    const { subscribe } = useContext(StackContext);
+    useEffect(() => {
+        return subscribe(setIsTopOfStack);
+    }, [subscribe]);
+    return isTopOfStack;
+}
+//# sourceMappingURL=StackContext.js.map

package/dist/StackContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackContext.js","sourceRoot":"","sources":["../src/StackContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,QAAQ,EAER,OAAO,EACP,MAAM,EACN,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAa,MAAM,WAAW,CAAC;AAMrD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAQ;IAC9C,SAAS,EAAE,GAAG,EAAE;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAClB,CAAC;CACF,CAAC,CAAC;AAOH,MAAM,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAS;IACpE,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,EAAW,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC,EACnD,EAAE,CACH,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CACxE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,SAAS,CAAC,eAAe,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/dist/StaticCheckbox.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Size } from "./jss";
+import { IconType } from "./IconType";
+type StaticCheckboxProps = {
+    checked: boolean;
+    size: Size;
+    icon?: IconType;
+};
+export declare const sizes: {
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+};
+export declare function StaticCheckbox({ checked, size, icon, }: StaticCheckboxProps): JSX.Element;
+export {};

package/dist/StaticCheckbox.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BaseView } from "./BaseView";
+import { Icon } from "./Icon";
+import { cssVar } from "./jss";
+const jsStyles = {
+    border: {
+        position: "absolute",
+        top: "var(--spacing-xs)",
+        bottom: "var(--spacing-xs)",
+        left: "var(--spacing-xs)",
+        right: "var(--spacing-xs)",
+        border: "1px solid var(--divider)",
+        borderRadius: "50%",
+    },
+    borderChecked: {
+        border: "none",
+        backgroundColor: "var(--highlight)",
+    },
+    icon: {
+        position: "absolute",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        top: "var(--spacing-xs)",
+        bottom: "var(--spacing-xs)",
+        left: "var(--spacing-xs)",
+        right: "var(--spacing-xs)",
+    },
+};
+export const sizes = {
+    xsmall: 20,
+    small: 24,
+    medium: 32,
+    large: 40,
+    xlarge: 48,
+};
+export function StaticCheckbox({ checked, size, icon = "fa-check", }) {
+    return (_jsxs(BaseView, { jsStyle: {
+            position: "relative",
+            backgroundColor: cssVar("--primary-background"),
+            overflow: "hidden",
+            padding: cssVar("--spacing-xs"),
+            borderRadius: sizes[size] / 2,
+            height: sizes[size],
+            width: sizes[size],
+        }, children: [_jsx(BaseView, { jsStyle: [jsStyles.border, checked && jsStyles.borderChecked] }), checked && (_jsx(BaseView, { jsStyle: jsStyles.icon, children: _jsx(Icon, { size: size, color: "light", icon: icon }) }))] }));
+}
+//# sourceMappingURL=StaticCheckbox.js.map

package/dist/StaticCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaticCheckbox.js","sourceRoot":"","sources":["../src/StaticCheckbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAiB,MAAM,EAAE,MAAM,OAAO,CAAC;AAS9C,MAAM,QAAQ,GAA+B;IAC3C,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;QAC1B,MAAM,EAAE,0BAA0B;QAClC,YAAY,EAAE,KAAK;KACpB;IACD,aAAa,EAAE;QACb,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,kBAAkB;KACpC;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,mBAAmB;QACxB,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,mBAAmB;QACzB,KAAK,EAAE,mBAAmB;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAC;AAEF,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,EACP,IAAI,EACJ,IAAI,GAAG,UAAU,GACG;IACpB,OAAO,CACL,MAAC,QAAQ,IACP,OAAO,EAAE;YACP,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,MAAM,CAAC,cAAc,CAAC;YAC/B,YAAY,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;YAC7B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;YACnB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC;SACnB,aAED,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE,OAAO,IAAI,QAAQ,CAAC,aAAa,CAAC,GAC7D,EACD,OAAO,IAAI,CACV,KAAC,QAAQ,IAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,YAC9B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,GACrC,CACZ,IACQ,CACZ,CAAC;AACJ,CAAC"}

package/dist/Storage.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+export declare function createStorage<State>({ initialState, name, }: {
+    initialState: State;
+    name?: string;
+}): {
+    Storage: ({ children }: {
+        children: ReactNode;
+    }) => JSX.Element;
+    useStorage: <T>(selector: (state: State) => T) => T;
+    useMutation: () => (mutator: (state: State) => State) => void;
+    usePersist: () => () => Promise<void>;
+};

package/dist/Storage.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { useState, useCallback, useEffect, createContext, useRef, } from "react";
+import { createEmitter } from "./Emitter";
+const VERSION = 1;
+export function createStorage({ initialState, name = "aidos-storage", }) {
+    const StorageContext = createContext({
+        subscribe: () => {
+            throw new Error("Not implemented");
+        },
+        mutate: () => {
+            throw new Error("Not implemented");
+        },
+        persist: () => {
+            throw new Error("Not implemented");
+        },
+    });
+    const state = { current: initialState };
+    function Storage({ children }) {
+        const emitterRef = useRef(createEmitter());
+        const subscribe = useCallback((callback) => {
+            return emitterRef.current.subscribe(callback);
+        }, []);
+        const mutate = useCallback((mutator) => {
+            state.current = mutator(state.current);
+            emitterRef.current.emit(state.current);
+        }, []);
+        const persist = useCallback(async () => {
+            const s = JSON.stringify(state.current);
+            const bytes = new TextEncoder().encode(s);
+            const blob = new Blob([bytes], {
+                type: "application/json;charset=utf-8",
+            });
+            return saveBlob(blob);
+        }, []);
+        useEffect(() => {
+            getBlob().then((blob) => {
+                if (blob == null) {
+                    return;
+                }
+                const fr = new FileReader();
+                fr.onload = (event) => {
+                    const text = event.target.result.toString();
+                    state.current = JSON.parse(text);
+                    emitterRef.current.emit(state.current);
+                };
+                fr.onerror = (error) => {
+                    // reject(error);
+                };
+                fr.readAsText(blob);
+            });
+        }, []);
+        return (_jsx(StorageContext.Provider, { value: {
+                subscribe,
+                mutate,
+                persist,
+            }, children: children }));
+    }
+    function useStorage(selector) {
+        const [localState, setLocalState] = useState(() => selector(state.current));
+        const { subscribe } = React.useContext(StorageContext);
+        useEffect(() => {
+            return subscribe((newState) => {
+                const newLocalState = selector(newState);
+                if (newLocalState != localState) {
+                    setLocalState(selector(newState));
+                }
+            });
+        }, []);
+        return localState;
+    }
+    function useMutation() {
+        const { mutate } = React.useContext(StorageContext);
+        return mutate;
+    }
+    function usePersist() {
+        const { persist } = React.useContext(StorageContext);
+        return persist;
+    }
+    const dbPromise = new Promise((resolve, reject) => {
+        const request = window.indexedDB.open(name, VERSION);
+        request.onerror = (event) => {
+            reject(event);
+        };
+        request.onupgradeneeded = (event) => {
+            // @ts-ignore
+            const db = event.target.result;
+            const table = db.createObjectStore("blobs", {
+                keyPath: "key",
+            });
+            table.createIndex("key", "key", { unique: true });
+        };
+        request.onsuccess = (event) => {
+            // @ts-ignore
+            const db = event.target.result;
+            resolve(db);
+        };
+    });
+    const getBlob = async () => {
+        const db = await dbPromise;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(["blobs"]);
+            const objectStore = transaction.objectStore("blobs");
+            const get = objectStore.get(1);
+            transaction.onerror = (event) => {
+                db.close();
+                reject(event);
+            };
+            get.onsuccess = (event) => {
+                // @ts-ignore
+                const result = event.target.result;
+                if (result && result.blob) {
+                    resolve(result.blob);
+                }
+                else {
+                    resolve(null);
+                }
+                db.close();
+            };
+            get.onerror = (event) => {
+                reject(event);
+            };
+        });
+    };
+    const saveBlob = async (blob) => {
+        const db = await dbPromise;
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(["blobs"], "readwrite");
+            transaction.oncomplete = () => {
+                db.close();
+                resolve();
+            };
+            transaction.onerror = (event) => {
+                db.close();
+                reject(event);
+            };
+            const objectStore = transaction.objectStore("blobs");
+            objectStore.put({ blob, key: 1 });
+        });
+    };
+    return {
+        Storage,
+        useStorage,
+        useMutation,
+        usePersist,
+    };
+}
+//# sourceMappingURL=Storage.js.map

package/dist/Storage.js.map

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

package/dist/Stream.d.ts

@@ -0,0 +1,9 @@
+export declare const useStream: ({ render, bufferStart, bufferEnd, index, debounce, }: {
+    render: any;
+    bufferStart: any;
+    bufferEnd: any;
+    index: any;
+    debounce?: number;
+}) => {
+    frame: any;
+};

package/dist/Stream.js

@@ -0,0 +1,36 @@
+import { startTransition, useEffect, useRef, useState } from "react";
+export const useStream = ({ render, bufferStart, bufferEnd, index, debounce = 100, }) => {
+    const cache = useRef({
+        [index]: render(index),
+    });
+    const [frame, setFrame] = useState(cache.current[index]);
+    const timeout = useRef(null);
+    useEffect(() => {
+        clearTimeout(timeout.current);
+        const subscriptions = [];
+        timeout.current = setTimeout(() => {
+            for (let i = index - bufferStart; i < index + bufferEnd; i++) {
+                subscriptions.push(requestIdleCallback(() => {
+                    if (!(i in cache.current)) {
+                        cache.current[i] = render(i);
+                        if (i === index) {
+                            setFrame(cache.current[index]);
+                        }
+                    }
+                }));
+            }
+            startTransition(() => {
+                setFrame(cache.current[index]);
+            });
+        }, debounce);
+        return () => {
+            subscriptions.forEach((handle) => {
+                cancelIdleCallback(handle);
+            });
+        };
+    }, [index]);
+    return {
+        frame,
+    };
+};
+//# sourceMappingURL=Stream.js.map

package/dist/Stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stream.js","sourceRoot":"","sources":["../src/Stream.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,MAAM,EACN,WAAW,EACX,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,GACf,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,MAAM,CAAC;QACnB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC;KACvB,CAAC,CAAC;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,MAAM,aAAa,GAAG,EAAE,CAAC;QAEzB,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,KAAK,IAAI,CAAC,GAAG,KAAK,GAAG,WAAW,EAAE,CAAC,GAAG,KAAK,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;gBAC5D,aAAa,CAAC,IAAI,CAChB,mBAAmB,CAAC,GAAG,EAAE;oBACvB,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE;wBACzB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;wBAE7B,IAAI,CAAC,KAAK,KAAK,EAAE;4BACf,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;yBAChC;qBACF;gBACH,CAAC,CAAC,CACH,CAAC;aACH;YAED,eAAe,CAAC,GAAG,EAAE;gBACnB,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,QAAQ,CAAC,CAAC;QAEb,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC/B,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAC7B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO;QACL,KAAK;KACN,CAAC;AACJ,CAAC,CAAC"}