@cratis/arc.react 18.0.0

package/dist/cjs/dialogs/DialogResult.d.ts

@@ -0,0 +1,8 @@
+export declare enum DialogResult {
+    None = 0,
+    Yes = 1,
+    No = 2,
+    Ok = 3,
+    Cancelled = 4
+}
+//# sourceMappingURL=DialogResult.d.ts.map

package/dist/cjs/dialogs/DialogResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogResult.d.ts","sourceRoot":"","sources":["../../../dialogs/DialogResult.ts"],"names":[],"mappings":"AAMA,oBAAY,YAAY;IAIpB,IAAI,IAAI;IAKR,GAAG,IAAI;IAKP,EAAE,IAAI;IAKN,EAAE,IAAI;IAKN,SAAS,IAAI;CAChB"}

package/dist/cjs/dialogs/DialogResult.js

@@ -0,0 +1,11 @@
+'use strict';
+
+exports.DialogResult = void 0;
+(function (DialogResult) {
+    DialogResult[DialogResult["None"] = 0] = "None";
+    DialogResult[DialogResult["Yes"] = 1] = "Yes";
+    DialogResult[DialogResult["No"] = 2] = "No";
+    DialogResult[DialogResult["Ok"] = 3] = "Ok";
+    DialogResult[DialogResult["Cancelled"] = 4] = "Cancelled";
+})(exports.DialogResult || (exports.DialogResult = {}));
+//# sourceMappingURL=DialogResult.js.map

package/dist/cjs/dialogs/DialogResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogResult.js","sources":["../../../dialogs/DialogResult.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\n/**\n * Defines the possible results from a dialog interaction.\n */\nexport enum DialogResult {\n    /**\n     * Indicates that no action was taken or the dialog was closed without a specific result.\n     */\n    None = 0,\n\n    /**\n     * Indicates that the user confirmed the action, typically by clicking \"Yes\" or \"OK\".\n     */\n    Yes = 1,\n\n    /**\n     * Indicates that the user declined the action, typically by clicking \"No\".\n     */\n    No = 2,\n\n    /**\n     * Indicates that the user acknowledged the action, typically by clicking \"OK\".\n     */\n    Ok = 3,\n\n    /**\n     * Indicates that the dialog was cancelled, typically by clicking \"Cancel\".\n     */\n    Cancelled = 4\n}\n"],"names":["DialogResult"],"mappings":";;AAMYA;AAAZ,CAAA,UAAY,YAAY,EAAA;AAIpB,IAAA,YAAA,CAAA,YAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAQ;AAKR,IAAA,YAAA,CAAA,YAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,GAAA,KAAO;AAKP,IAAA,YAAA,CAAA,YAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAM;AAKN,IAAA,YAAA,CAAA,YAAA,CAAA,IAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAM;AAKN,IAAA,YAAA,CAAA,YAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAa;AACjB,CAAC,EAzBWA,oBAAY,KAAZA,oBAAY,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/cjs/dialogs/ShowDialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogResponse } from './DialogResponse';
+export type ShowDialog<TProps, TResponse = object> = (props?: TProps) => Promise<DialogResponse<TResponse>>;
+//# sourceMappingURL=ShowDialog.d.ts.map

package/dist/cjs/dialogs/ShowDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowDialog.d.ts","sourceRoot":"","sources":["../../../dialogs/ShowDialog.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC"}

package/dist/cjs/dialogs/index.d.ts

@@ -0,0 +1,14 @@
+export * from './BusyIndicatorDialogRequest';
+export * from './CloseDialog';
+export * from './ConfirmationDialogRequest';
+export * from './DialogButtons';
+export * from './DialogComponents';
+export * from './DialogContext';
+export * from './DialogProps';
+export * from './DialogResponse';
+export * from './DialogResult';
+export * from './ShowDialog';
+export * from './useBusyIndicator';
+export * from './useConfirmationDialog';
+export * from './useDialog';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/dialogs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../dialogs/index.ts"],"names":[],"mappings":"AAGA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dist/cjs/dialogs/index.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var BusyIndicatorDialogRequest = require('./BusyIndicatorDialogRequest.js');
+var ConfirmationDialogRequest = require('./ConfirmationDialogRequest.js');
+var DialogButtons = require('./DialogButtons.js');
+var DialogComponents = require('./DialogComponents.js');
+var DialogContext = require('./DialogContext.js');
+var DialogResult = require('./DialogResult.js');
+var useBusyIndicator = require('./useBusyIndicator.js');
+var useConfirmationDialog = require('./useConfirmationDialog.js');
+var useDialog = require('./useDialog.js');
+
+
+
+exports.BusyIndicatorDialogRequest = BusyIndicatorDialogRequest.BusyIndicatorDialogRequest;
+exports.ConfirmationDialogRequest = ConfirmationDialogRequest.ConfirmationDialogRequest;
+Object.defineProperty(exports, "DialogButtons", {
+	enumerable: true,
+	get: function () { return DialogButtons.DialogButtons; }
+});
+exports.DialogComponents = DialogComponents.DialogComponents;
+exports.DialogComponentsContext = DialogComponents.DialogComponentsContext;
+exports.DialogContext = DialogContext.DialogContext;
+exports.DialogContextContent = DialogContext.DialogContextContent;
+exports.useDialogContext = DialogContext.useDialogContext;
+Object.defineProperty(exports, "DialogResult", {
+	enumerable: true,
+	get: function () { return DialogResult.DialogResult; }
+});
+exports.useBusyIndicator = useBusyIndicator.useBusyIndicator;
+exports.useConfirmationDialog = useConfirmationDialog.useConfirmationDialog;
+exports.useDialog = useDialog.useDialog;
+//# sourceMappingURL=index.js.map

package/dist/cjs/dialogs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/dialogs/useBusyIndicator.d.ts

@@ -0,0 +1,5 @@
+import { DialogResult } from './DialogResult';
+export type ShowBusyIndicatorDialog = (title?: string, message?: string) => Promise<DialogResult>;
+export type CloseBusyIndicatorDialog = () => void;
+export declare const useBusyIndicator: (title?: string, message?: string) => [ShowBusyIndicatorDialog, CloseBusyIndicatorDialog];
+//# sourceMappingURL=useBusyIndicator.d.ts.map

package/dist/cjs/dialogs/useBusyIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBusyIndicator.d.ts","sourceRoot":"","sources":["../../../dialogs/useBusyIndicator.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS9C,MAAM,MAAM,uBAAuB,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;AAKlG,MAAM,MAAM,wBAAwB,GAAG,MAAM,IAAI,CAAC;AAQlD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,KAAG,CAAC,uBAAuB,EAAE,wBAAwB,CAarH,CAAC"}

package/dist/cjs/dialogs/useBusyIndicator.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var DialogComponents = require('./DialogComponents.js');
+var DialogResult = require('./DialogResult.js');
+var BusyIndicatorDialogRequest = require('./BusyIndicatorDialogRequest.js');
+
+const useBusyIndicator = (title, message) => {
+    const components = React.useContext(DialogComponents.DialogComponentsContext);
+    return [
+        async (delegateTitle, delegateMessage) => {
+            const request = new BusyIndicatorDialogRequest.BusyIndicatorDialogRequest(delegateTitle ?? title ?? '', delegateMessage ?? message ?? '');
+            const [result] = await components.showBusyIndicator(request);
+            return result;
+        },
+        () => components.closeBusyIndicator?.(DialogResult.DialogResult.Cancelled)
+    ];
+};
+
+exports.useBusyIndicator = useBusyIndicator;
+//# sourceMappingURL=useBusyIndicator.js.map

package/dist/cjs/dialogs/useBusyIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBusyIndicator.js","sources":["../../../dialogs/useBusyIndicator.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useContext } from 'react';\nimport { DialogComponentsContext, IDialogComponents } from './DialogComponents';\nimport { DialogResult } from './DialogResult';\nimport { BusyIndicatorDialogRequest } from './BusyIndicatorDialogRequest';\n\n/**\n * Represents the signature for showing a confirmation dialog.\n * @param title Optional title of the confirmation dialog.\n * @param message Optional message to display in the confirmation dialog.\n * @return A promise that resolves to a tuple containing the dialog result and any additional data.\n */\nexport type ShowBusyIndicatorDialog = (title?: string, message?: string) => Promise<DialogResult>;\n\n/**\n * Represents the signature for closing a busy indicator dialog.\n */\nexport type CloseBusyIndicatorDialog = () => void;\n\n/**\n * Uses a busy indicator dialog in your application.\n * @param title Optional title of the confirmation dialog.\n * @param message Optional message to display in the confirmation dialog.\n * @returns A tuple containing the a function to show the dialog and one to close the dialog.\n */\nexport const useBusyIndicator = (title?: string, message?: string): [ShowBusyIndicatorDialog, CloseBusyIndicatorDialog] => {\n    const components = useContext<IDialogComponents>(DialogComponentsContext);\n\n    return [\n        async (delegateTitle?: string, delegateMessage?: string) => {\n            const request = new BusyIndicatorDialogRequest(\n                delegateTitle ?? title ?? '',\n                delegateMessage ?? message ?? '');\n            const [result] = await components.showBusyIndicator(request);\n            return result;\n        },\n        () => components.closeBusyIndicator?.(DialogResult.Cancelled)\n    ];\n};"],"names":["useContext","DialogComponentsContext","BusyIndicatorDialogRequest","DialogResult"],"mappings":";;;;;;;MA2Ba,gBAAgB,GAAG,CAAC,KAAc,EAAE,OAAgB,KAAyD;AACtH,IAAA,MAAM,UAAU,GAAGA,gBAAU,CAAoBC,wCAAuB,CAAC;IAEzE,OAAO;AACH,QAAA,OAAO,aAAsB,EAAE,eAAwB,KAAI;AACvD,YAAA,MAAM,OAAO,GAAG,IAAIC,qDAA0B,CAC1C,aAAa,IAAI,KAAK,IAAI,EAAE,EAC5B,eAAe,IAAI,OAAO,IAAI,EAAE,CAAC;YACrC,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC;AAC5D,YAAA,OAAO,MAAM;QACjB,CAAC;QACD,MAAM,UAAU,CAAC,kBAAkB,GAAGC,yBAAY,CAAC,SAAS;KAC/D;AACL;;;;"}

package/dist/cjs/dialogs/useConfirmationDialog.d.ts

@@ -0,0 +1,5 @@
+import { DialogButtons } from './DialogButtons';
+import { DialogResult } from './DialogResult';
+export type ShowConfirmationDialog = (title?: string, message?: string, buttons?: DialogButtons) => Promise<DialogResult>;
+export declare const useConfirmationDialog: (title?: string, message?: string, buttons?: DialogButtons) => [ShowConfirmationDialog];
+//# sourceMappingURL=useConfirmationDialog.d.ts.map

package/dist/cjs/dialogs/useConfirmationDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationDialog.d.ts","sourceRoot":"","sources":["../../../dialogs/useConfirmationDialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAS9C,MAAM,MAAM,sBAAsB,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,YAAY,CAAC,CAAC;AAS1H,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,aAAa,KAAG,CAAC,sBAAsB,CAaxH,CAAC"}

package/dist/cjs/dialogs/useConfirmationDialog.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+var DialogButtons = require('./DialogButtons.js');
+var DialogComponents = require('./DialogComponents.js');
+var ConfirmationDialogRequest = require('./ConfirmationDialogRequest.js');
+
+const useConfirmationDialog = (title, message, buttons) => {
+    const components = React.useContext(DialogComponents.DialogComponentsContext);
+    return [
+        async (delegateTitle, delegateMessage, delegateButtons) => {
+            const request = new ConfirmationDialogRequest.ConfirmationDialogRequest(delegateTitle ?? title ?? '', delegateMessage ?? message ?? '', delegateButtons ?? buttons ?? DialogButtons.DialogButtons.Ok);
+            const [result] = await components.showConfirmation(request);
+            return result;
+        }
+    ];
+};
+
+exports.useConfirmationDialog = useConfirmationDialog;
+//# sourceMappingURL=useConfirmationDialog.js.map

package/dist/cjs/dialogs/useConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfirmationDialog.js","sources":["../../../dialogs/useConfirmationDialog.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { useContext } from 'react';\nimport { DialogButtons } from './DialogButtons';\nimport { DialogComponentsContext, IDialogComponents } from './DialogComponents';\nimport { ConfirmationDialogRequest } from './ConfirmationDialogRequest';\nimport { DialogResult } from './DialogResult';\n\n/**\n * Represents the signature for showing a confirmation dialog.\n * @param title Optional title of the confirmation dialog.\n * @param message Optional message to display in the confirmation dialog.\n * @param buttons Optional buttons to display in the confirmation dialog. If not provided, defaults to `DialogButtons.Ok`. \n * @return A promise that resolves to a tuple containing the dialog result and any additional data.\n */\nexport type ShowConfirmationDialog = (title?: string, message?: string, buttons?: DialogButtons) => Promise<DialogResult>;\n\n/**\n * Uses a confirmation dialog in your application.\n * @param title Optional title of the confirmation dialog.\n * @param message Optional message to display in the confirmation dialog.\n * @param buttons Optional buttons to display in the confirmation dialog. If not provided, defaults to `DialogButtons.Ok`. \n * @returns A tuple containing function to show the dialog.\n */\nexport const useConfirmationDialog = (title?: string, message?: string, buttons?: DialogButtons): [ShowConfirmationDialog] => {\n    const components = useContext<IDialogComponents>(DialogComponentsContext);\n\n    return [\n        async (delegateTitle?: string, delegateMessage?: string, delegateButtons?: DialogButtons) => {\n            const request = new ConfirmationDialogRequest(\n                delegateTitle ?? title ?? '',\n                delegateMessage ?? message ?? '',\n                delegateButtons ?? buttons ?? DialogButtons.Ok);\n            const [result] = await components.showConfirmation(request);\n            return result;\n        }\n    ];\n};"],"names":["useContext","DialogComponentsContext","ConfirmationDialogRequest","DialogButtons"],"mappings":";;;;;;;AAyBO,MAAM,qBAAqB,GAAG,CAAC,KAAc,EAAE,OAAgB,EAAE,OAAuB,KAA8B;AACzH,IAAA,MAAM,UAAU,GAAGA,gBAAU,CAAoBC,wCAAuB,CAAC;IAEzE,OAAO;AACH,QAAA,OAAO,aAAsB,EAAE,eAAwB,EAAE,eAA+B,KAAI;YACxF,MAAM,OAAO,GAAG,IAAIC,mDAAyB,CACzC,aAAa,IAAI,KAAK,IAAI,EAAE,EAC5B,eAAe,IAAI,OAAO,IAAI,EAAE,EAChC,eAAe,IAAI,OAAO,IAAIC,2BAAa,CAAC,EAAE,CAAC;YACnD,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC;AAC3D,YAAA,OAAO,MAAM;QACjB;KACH;AACL;;;;"}

package/dist/cjs/dialogs/useDialog.d.ts

@@ -0,0 +1,5 @@
+import { DialogContextContent } from './DialogContext';
+import { ComponentType, FC } from 'react';
+import { ShowDialog } from './ShowDialog';
+export declare function useDialog<TResponse = object, TProps = object>(DialogComponent: ComponentType<TProps>): [FC<TProps>, ShowDialog<TProps, TResponse>, DialogContextContent<TProps, TResponse>];
+//# sourceMappingURL=useDialog.d.ts.map

package/dist/cjs/dialogs/useDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../dialogs/useDialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,OAAO,EAAiC,aAAa,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,wBAAgB,SAAS,CAAC,SAAS,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EACzD,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,GACvC,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,oBAAoB,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAqCtF"}

package/dist/cjs/dialogs/useDialog.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var DialogContext = require('./DialogContext.js');
+var React = require('react');
+
+function useDialog(DialogComponent) {
+    const [visible, setVisible] = React.useState(false);
+    const [dialogProps, setDialogProps] = React.useState();
+    const resolverRef = React.useRef(undefined);
+    const showDialog = React.useCallback((p) => {
+        setDialogProps(p);
+        setVisible(true);
+        return new Promise((resolve) => {
+            resolverRef.current = resolve;
+        });
+    }, []);
+    const closeDialog = React.useCallback((result, value) => {
+        setVisible(false);
+        resolverRef.current?.([result, value]);
+        resolverRef.current = undefined;
+    }, []);
+    const dialogContextValue = React.useRef(undefined);
+    dialogContextValue.current = React.useMemo(() => {
+        return new DialogContext.DialogContextContent(dialogProps, closeDialog);
+    }, [dialogProps, closeDialog]);
+    const DialogWrapper = (extraProps) => {
+        return visible ? (jsxRuntime.jsx(DialogContext.DialogContext.Provider, { value: dialogContextValue.current, children: jsxRuntime.jsx(DialogComponent, { ...extraProps, ...dialogProps, closeDialog: closeDialog }) })) : null;
+    };
+    return [DialogWrapper, showDialog, dialogContextValue.current];
+}
+
+exports.useDialog = useDialog;
+//# sourceMappingURL=useDialog.js.map

package/dist/cjs/dialogs/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialog.js","sources":["../../../dialogs/useDialog.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { DialogContext, DialogContextContent } from './DialogContext';\nimport { DialogResponse } from './DialogResponse';\nimport { DialogResult } from './DialogResult';\nimport { useCallback, useRef, useState, ComponentType, FC, useMemo } from 'react';\nimport { ShowDialog } from './ShowDialog';\n\n/**\n * Use a dialog component in you application. This hook manages the visibility and properties of the dialog.\n * @param DialogComponent The dialog component to use.\n * @returns A tuple containing the wrapped dialog component and a function to show the dialog. \n * The wrapped dialog component will receive the properties passed to it, excluding the `closeDialog` property.\n */\nexport function useDialog<TResponse = object, TProps = object>(\n    DialogComponent: ComponentType<TProps>\n): [FC<TProps>, ShowDialog<TProps, TResponse>, DialogContextContent<TProps, TResponse>] {\n\n    const [visible, setVisible] = useState(false);\n    const [dialogProps, setDialogProps] = useState<TProps | undefined>();\n    const resolverRef = useRef<((value: DialogResponse<TResponse>) => void) | undefined>(undefined);\n\n    const showDialog = useCallback((p?: TProps) => {\n        setDialogProps(p);\n        setVisible(true);\n        return new Promise<DialogResponse<TResponse>>((resolve) => {\n            resolverRef.current = resolve;\n        });\n    }, []);\n\n    const closeDialog = useCallback((result: DialogResult, value?: TResponse) => {\n        setVisible(false);\n        resolverRef.current?.([result, value]);\n        resolverRef.current = undefined;\n    }, []);\n\n    const dialogContextValue = useRef<DialogContextContent<TProps, TResponse>>(undefined!);\n    dialogContextValue.current = useMemo(() => {\n        return new DialogContextContent(dialogProps!, closeDialog);\n    }, [dialogProps, closeDialog]);\n\n    const DialogWrapper: FC<TProps> = (extraProps) => {\n        return visible ? (\n            <DialogContext.Provider value={dialogContextValue.current as unknown as DialogContextContent<object, object>}>\n                <DialogComponent\n                    {...extraProps}\n                    {...(dialogProps as TProps)}\n                    closeDialog={closeDialog} />\n            </DialogContext.Provider>\n        ) : null;\n    };\n\n    return [DialogWrapper, showDialog, dialogContextValue.current];\n}\n"],"names":["useState","useRef","useCallback","useMemo","DialogContextContent","_jsx","DialogContext"],"mappings":";;;;;;AAeM,SAAU,SAAS,CACrB,eAAsC,EAAA;IAGtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,EAAsB;AACpE,IAAA,MAAM,WAAW,GAAGC,YAAM,CAA2D,SAAS,CAAC;AAE/F,IAAA,MAAM,UAAU,GAAGC,iBAAW,CAAC,CAAC,CAAU,KAAI;QAC1C,cAAc,CAAC,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC;AAChB,QAAA,OAAO,IAAI,OAAO,CAA4B,CAAC,OAAO,KAAI;AACtD,YAAA,WAAW,CAAC,OAAO,GAAG,OAAO;AACjC,QAAA,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;IAEN,MAAM,WAAW,GAAGA,iBAAW,CAAC,CAAC,MAAoB,EAAE,KAAiB,KAAI;QACxE,UAAU,CAAC,KAAK,CAAC;QACjB,WAAW,CAAC,OAAO,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACtC,QAAA,WAAW,CAAC,OAAO,GAAG,SAAS;IACnC,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,kBAAkB,GAAGD,YAAM,CAA0C,SAAU,CAAC;AACtF,IAAA,kBAAkB,CAAC,OAAO,GAAGE,aAAO,CAAC,MAAK;AACtC,QAAA,OAAO,IAAIC,kCAAoB,CAAC,WAAY,EAAE,WAAW,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAE9B,IAAA,MAAM,aAAa,GAAe,CAAC,UAAU,KAAI;AAC7C,QAAA,OAAO,OAAO,IACVC,cAAA,CAACC,2BAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,CAAC,OAA0D,EAAA,QAAA,EACxGD,cAAA,CAAC,eAAe,EAAA,EAAA,GACR,UAAU,EAAA,GACT,WAAsB,EAC3B,WAAW,EAAE,WAAW,EAAA,CAAI,GACX,IACzB,IAAI;AACZ,IAAA,CAAC;IAED,OAAO,CAAC,aAAa,EAAE,UAAU,EAAE,kBAAkB,CAAC,OAAO,CAAC;AAClE;;;;"}

package/dist/cjs/identity/IdentityProvider.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IIdentity } from '@cratis/arc/identity';
+import { GetHttpHeaders } from '@cratis/arc';
+export declare const IdentityProviderContext: React.Context<IIdentity<object>>;
+export interface IdentityProviderProps {
+    children?: JSX.Element | JSX.Element[];
+    httpHeadersCallback?: GetHttpHeaders;
+}
+export declare const IdentityProvider: (props: IdentityProviderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=IdentityProvider.d.ts.map

package/dist/cjs/identity/IdentityProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityProvider.d.ts","sourceRoot":"","sources":["../../../identity/IdentityProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAc7C,eAAO,MAAM,uBAAuB,kCAAyD,CAAC;AAE9F,MAAM,WAAW,qBAAqB;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,mBAAmB,CAAC,EAAE,cAAc,CAAA;CACvC;AAED,eAAO,MAAM,gBAAgB,GAAI,OAAO,qBAAqB,4CAgC5D,CAAC"}

package/dist/cjs/identity/IdentityProvider.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var identity = require('@cratis/arc/identity');
+
+const defaultIdentityContext = {
+    id: '',
+    name: '',
+    details: {},
+    isSet: false,
+    refresh: () => {
+        return new Promise((resolve, reject) => {
+            reject('Not implemented');
+        });
+    }
+};
+const IdentityProviderContext = React.createContext(defaultIdentityContext);
+const IdentityProvider = (props) => {
+    const [context, setContext] = React.useState(defaultIdentityContext);
+    const wrapRefresh = (identity) => {
+        const originalRefresh = identity.refresh.bind(identity);
+        return {
+            ...identity,
+            refresh: () => {
+                return new Promise(resolve => {
+                    originalRefresh().then(newIdentity => {
+                        const wrappedIdentity = wrapRefresh(newIdentity);
+                        setContext(wrappedIdentity);
+                        resolve(wrappedIdentity);
+                    });
+                });
+            }
+        };
+    };
+    React.useEffect(() => {
+        identity.IdentityProvider.setHttpHeadersCallback(props.httpHeadersCallback);
+        identity.IdentityProvider.getCurrent().then(identity => {
+            const wrappedIdentity = wrapRefresh(identity);
+            setContext(wrappedIdentity);
+        });
+    }, []);
+    return (jsxRuntime.jsx(IdentityProviderContext.Provider, { value: context, children: props.children }));
+};
+
+exports.IdentityProvider = IdentityProvider;
+exports.IdentityProviderContext = IdentityProviderContext;
+//# sourceMappingURL=IdentityProvider.js.map

package/dist/cjs/identity/IdentityProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityProvider.js","sources":["../../../identity/IdentityProvider.tsx"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React from 'react';\nimport { useState, useEffect } from 'react';\nimport { IIdentity } from '@cratis/arc/identity';\nimport { IdentityProvider as RootIdentityProvider } from '@cratis/arc/identity';\nimport { GetHttpHeaders } from '@cratis/arc';\n\nconst defaultIdentityContext: IIdentity = {\n    id: '',\n    name: '',\n    details: {},\n    isSet: false,\n    refresh: () => {\n        return new Promise((resolve, reject) => {\n            reject('Not implemented');\n        });\n    }\n};\n\nexport const IdentityProviderContext = React.createContext<IIdentity>(defaultIdentityContext);\n\nexport interface IdentityProviderProps {\n    children?: JSX.Element | JSX.Element[],\n    httpHeadersCallback?: GetHttpHeaders\n}\n\nexport const IdentityProvider = (props: IdentityProviderProps) => {\n    const [context, setContext] = useState<IIdentity>(defaultIdentityContext);\n\n    const wrapRefresh = (identity: IIdentity): IIdentity => {\n        const originalRefresh = identity.refresh.bind(identity);\n        return {\n            ...identity,\n            refresh: () => {\n                return new Promise<IIdentity>(resolve => {\n                    originalRefresh().then(newIdentity => {\n                        const wrappedIdentity = wrapRefresh(newIdentity);\n                        setContext(wrappedIdentity);\n                        resolve(wrappedIdentity);\n                    });\n                });\n            }\n        };\n    };\n\n    useEffect(() => {\n        RootIdentityProvider.setHttpHeadersCallback(props.httpHeadersCallback!);\n        RootIdentityProvider.getCurrent().then(identity => {\n            const wrappedIdentity = wrapRefresh(identity);\n            setContext(wrappedIdentity);\n        });\n    }, []);\n\n    return (\n        <IdentityProviderContext.Provider value={context}>\n            {props.children}\n        </IdentityProviderContext.Provider>\n    );\n};\n"],"names":["useState","useEffect","RootIdentityProvider","_jsx"],"mappings":";;;;;;AASA,MAAM,sBAAsB,GAAc;AACtC,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,IAAI,EAAE,EAAE;AACR,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,MAAK;QACV,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YACnC,MAAM,CAAC,iBAAiB,CAAC;AAC7B,QAAA,CAAC,CAAC;IACN;CACH;AAEM,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAY,sBAAsB;AAOrF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,KAAI;IAC7D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAY,sBAAsB,CAAC;AAEzE,IAAA,MAAM,WAAW,GAAG,CAAC,QAAmB,KAAe;QACnD,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvD,OAAO;AACH,YAAA,GAAG,QAAQ;YACX,OAAO,EAAE,MAAK;AACV,gBAAA,OAAO,IAAI,OAAO,CAAY,OAAO,IAAG;AACpC,oBAAA,eAAe,EAAE,CAAC,IAAI,CAAC,WAAW,IAAG;AACjC,wBAAA,MAAM,eAAe,GAAG,WAAW,CAAC,WAAW,CAAC;wBAChD,UAAU,CAAC,eAAe,CAAC;wBAC3B,OAAO,CAAC,eAAe,CAAC;AAC5B,oBAAA,CAAC,CAAC;AACN,gBAAA,CAAC,CAAC;YACN;SACH;AACL,IAAA,CAAC;IAEDC,eAAS,CAAC,MAAK;AACX,QAAAC,yBAAoB,CAAC,sBAAsB,CAAC,KAAK,CAAC,mBAAoB,CAAC;QACvEA,yBAAoB,CAAC,UAAU,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAG;AAC9C,YAAA,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC;YAC7C,UAAU,CAAC,eAAe,CAAC;AAC/B,QAAA,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACIC,cAAA,CAAC,uBAAuB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,YAC3C,KAAK,CAAC,QAAQ,EAAA,CACgB;AAE3C;;;;;"}

package/dist/cjs/identity/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IdentityProvider';
+export * from './useIdentity';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/identity/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../identity/index.ts"],"names":[],"mappings":"AAGA,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/cjs/identity/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var IdentityProvider = require('./IdentityProvider.js');
+var useIdentity = require('./useIdentity.js');
+
+
+
+exports.IdentityProvider = IdentityProvider.IdentityProvider;
+exports.IdentityProviderContext = IdentityProvider.IdentityProviderContext;
+exports.useIdentity = useIdentity.useIdentity;
+//# sourceMappingURL=index.js.map

package/dist/cjs/identity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/cjs/identity/useIdentity.d.ts

@@ -0,0 +1,3 @@
+import { IIdentity } from '@cratis/arc/identity';
+export declare function useIdentity<TDetails = object>(defaultDetails?: TDetails | undefined | null): IIdentity<TDetails>;
+//# sourceMappingURL=useIdentity.d.ts.map

package/dist/cjs/identity/useIdentity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdentity.d.ts","sourceRoot":"","sources":["../../../identity/useIdentity.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAOjD,wBAAgB,WAAW,CAAC,QAAQ,GAAG,MAAM,EAAE,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAMhH"}

package/dist/cjs/identity/useIdentity.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var IdentityProvider = require('./IdentityProvider.js');
+
+function useIdentity(defaultDetails) {
+    const context = React.useContext(IdentityProvider.IdentityProviderContext);
+    if (context.isSet === false && defaultDetails !== undefined) {
+        context.details = defaultDetails;
+    }
+    return context;
+}
+
+exports.useIdentity = useIdentity;
+//# sourceMappingURL=useIdentity.js.map

package/dist/cjs/identity/useIdentity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIdentity.js","sources":["../../../identity/useIdentity.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport React from 'react';\nimport { IdentityProviderContext } from './IdentityProvider';\nimport { IIdentity } from '@cratis/arc/identity';\n\n/**\n * Hook to get the identity context.\n * @param defaultDetails Optional default details to use if the context is not set.\n * @returns An identity context.\n */\nexport function useIdentity<TDetails = object>(defaultDetails?: TDetails | undefined | null): IIdentity<TDetails> {\n    const context = React.useContext(IdentityProviderContext) as IIdentity<TDetails>;\n    if (context.isSet === false && defaultDetails !== undefined) {\n        context.details = defaultDetails!;\n    }\n    return context;\n}\n"],"names":["IdentityProviderContext"],"mappings":";;;;;AAYM,SAAU,WAAW,CAAoB,cAA4C,EAAA;IACvF,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAACA,wCAAuB,CAAwB;IAChF,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,cAAc,KAAK,SAAS,EAAE;AACzD,QAAA,OAAO,CAAC,OAAO,GAAG,cAAe;IACrC;AACA,IAAA,OAAO,OAAO;AAClB;;;;"}

package/dist/cjs/index.d.ts

@@ -0,0 +1,9 @@
+import * as commands from './commands';
+import * as dialogs from './dialogs';
+import * as identity from './identity';
+import * as queries from './queries';
+export * from './Arc';
+export * from './ArcContext';
+export * from './WellKnownBindings';
+export { commands, dialogs, identity, queries };
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,YAAY,CAAC;AACvC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAErC,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AAEpC,OAAO,EACH,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACV,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./commands/index.js');
+var index$1 = require('./dialogs/index.js');
+var index$2 = require('./identity/index.js');
+var index$3 = require('./queries/index.js');
+var Arc = require('./Arc.js');
+var ArcContext = require('./ArcContext.js');
+var WellKnownBindings = require('./WellKnownBindings.js');
+
+
+
+exports.commands = index;
+exports.dialogs = index$1;
+exports.identity = index$2;
+exports.queries = index$3;
+exports.Arc = Arc.Arc;
+exports.ArcContext = ArcContext.ArcContext;
+exports.WellKnownBindings = WellKnownBindings.WellKnownBindings;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/cjs/queries/SetPage.d.ts

@@ -0,0 +1,2 @@
+export type SetPage = (page: number) => Promise<void>;
+//# sourceMappingURL=SetPage.d.ts.map

package/dist/cjs/queries/SetPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetPage.d.ts","sourceRoot":"","sources":["../../../queries/SetPage.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,OAAO,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/cjs/queries/SetPageSize.d.ts

@@ -0,0 +1,2 @@
+export type SetPageSize = (pageSize: number) => Promise<void>;
+//# sourceMappingURL=SetPageSize.d.ts.map

package/dist/cjs/queries/SetPageSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetPageSize.d.ts","sourceRoot":"","sources":["../../../queries/SetPageSize.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/cjs/queries/SetSorting.d.ts

@@ -0,0 +1,3 @@
+import { Sorting } from '@cratis/arc/queries';
+export type SetSorting = (sorting: Sorting) => Promise<void>;
+//# sourceMappingURL=SetSorting.d.ts.map

package/dist/cjs/queries/SetSorting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetSorting.d.ts","sourceRoot":"","sources":["../../../queries/SetSorting.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/cjs/queries/index.d.ts

@@ -0,0 +1,6 @@
+export * from './SetPage';
+export * from './SetPageSize';
+export * from './SetSorting';
+export * from './useObservableQuery';
+export * from './useQuery';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/queries/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../queries/index.ts"],"names":[],"mappings":"AAGA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC"}

package/dist/cjs/queries/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var useObservableQuery = require('./useObservableQuery.js');
+var useQuery = require('./useQuery.js');
+
+
+
+exports.useObservableQuery = useObservableQuery.useObservableQuery;
+exports.useObservableQueryWithPaging = useObservableQuery.useObservableQueryWithPaging;
+exports.useQuery = useQuery.useQuery;
+exports.useQueryWithPaging = useQuery.useQueryWithPaging;
+//# sourceMappingURL=index.js.map

package/dist/cjs/queries/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/cjs/queries/useObservableQuery.d.ts

@@ -0,0 +1,16 @@
+import { QueryResultWithState, IObservableQueryFor, Sorting, Paging } from '@cratis/arc/queries';
+import { Constructor } from '@cratis/fundamentals';
+import { SetSorting } from './SetSorting';
+import { SetPage } from './SetPage';
+import { SetPageSize } from './SetPageSize';
+export declare function useObservableQuery<TDataType, TQuery extends IObservableQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, args?: TArguments, sorting?: Sorting): [
+    QueryResultWithState<TDataType>,
+    SetSorting
+];
+export declare function useObservableQueryWithPaging<TDataType, TQuery extends IObservableQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, paging: Paging, args?: TArguments, sorting?: Sorting): [
+    QueryResultWithState<TDataType>,
+    SetSorting,
+    SetPage,
+    SetPageSize
+];
+//# sourceMappingURL=useObservableQuery.d.ts.map

package/dist/cjs/queries/useObservableQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservableQuery.d.ts","sourceRoot":"","sources":["../../../queries/useObservableQuery.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACjG,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAuD5C,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,SAAS,mBAAmB,CAAC,SAAS,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,OAAO,GAC9K;IAAC,oBAAoB,CAAC,SAAS,CAAC;IAAE,UAAU;CAAC,CAGhD;AAYD,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,MAAM,SAAS,mBAAmB,CAAC,SAAS,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,OAAO,GACxM;IAAC,oBAAoB,CAAC,SAAS,CAAC;IAAE,UAAU;IAAE,OAAO;IAAE,WAAW;CAAC,CAEtE"}

package/dist/cjs/queries/useObservableQuery.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var queries = require('@cratis/arc/queries');
+var React = require('react');
+var ArcContext = require('../ArcContext.js');
+
+function useObservableQueryInternal(query, sorting, paging, args) {
+    const [currentPaging, setCurrentPaging] = React.useState(paging ?? queries.Paging.noPaging);
+    const [currentSorting, setCurrentSorting] = React.useState(sorting ?? queries.Sorting.none);
+    const arc = React.useContext(ArcContext.ArcContext);
+    const queryInstance = React.useRef(null);
+    queryInstance.current = React.useMemo(() => {
+        const instance = new query();
+        instance.paging = currentPaging;
+        instance.sorting = currentSorting;
+        instance.setMicroservice(arc.microservice);
+        instance.setApiBasePath(arc.apiBasePath ?? '');
+        instance.setOrigin(arc.origin ?? '');
+        return instance;
+    }, [currentPaging, currentSorting]);
+    const [result, setResult] = React.useState(queries.QueryResultWithState.empty(queryInstance.current.defaultValue));
+    const argumentsDependency = queryInstance.current.requiredRequestParameters.map(_ => args?.[_]);
+    React.useEffect(() => {
+        const subscription = queryInstance.current.subscribe(response => {
+            setResult(queries.QueryResultWithState.fromQueryResult(response, false));
+        }, args);
+        return () => {
+            subscription.unsubscribe();
+        };
+    }, [...argumentsDependency, ...[currentPaging, currentSorting]]);
+    return [
+        result,
+        async (sorting) => {
+            setCurrentSorting(sorting);
+        },
+        async (page) => {
+            setCurrentPaging(new queries.Paging(page, currentPaging.pageSize));
+        },
+        async (pageSize) => {
+            setCurrentPaging(new queries.Paging(currentPaging.page, pageSize));
+        }
+    ];
+}
+function useObservableQuery(query, args, sorting) {
+    const [result, setSorting] = useObservableQueryInternal(query, sorting, queries.Paging.noPaging, args);
+    return [result, setSorting];
+}
+function useObservableQueryWithPaging(query, paging, args, sorting) {
+    return useObservableQueryInternal(query, sorting, paging, args);
+}
+
+exports.useObservableQuery = useObservableQuery;
+exports.useObservableQueryWithPaging = useObservableQueryWithPaging;
+//# sourceMappingURL=useObservableQuery.js.map

package/dist/cjs/queries/useObservableQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObservableQuery.js","sources":["../../../queries/useObservableQuery.ts"],"sourcesContent":["// Copyright (c) Cratis. All rights reserved.\n// Licensed under the MIT license. See LICENSE file in the project root for full license information.\n\nimport { QueryResultWithState, IObservableQueryFor, Sorting, Paging } from '@cratis/arc/queries';\nimport { Constructor } from '@cratis/fundamentals';\nimport { useState, useEffect, useContext, useRef, useMemo } from 'react';\nimport { SetSorting } from './SetSorting';\nimport { SetPage } from './SetPage';\nimport { SetPageSize } from './SetPageSize';\nimport { ArcContext } from '../ArcContext';\n\nfunction useObservableQueryInternal<TDataType, TQuery extends IObservableQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, sorting?: Sorting, paging?: Paging, args?: TArguments):\n    [QueryResultWithState<TDataType>, SetSorting, SetPage, SetPageSize] {\n    const [currentPaging, setCurrentPaging] = useState<Paging>(paging ?? Paging.noPaging);\n    const [currentSorting, setCurrentSorting] = useState<Sorting>(sorting ?? Sorting.none);\n    const arc = useContext(ArcContext);\n    const queryInstance = useRef<TQuery | null>(null);\n\n    queryInstance.current = useMemo(() => {\n        const instance = new query() as TQuery;\n        instance.paging = currentPaging;\n        instance.sorting = currentSorting;\n        instance.setMicroservice(arc.microservice);\n        instance.setApiBasePath(arc.apiBasePath ?? '');\n        instance.setOrigin(arc.origin ?? '');\n        return instance;\n    }, [currentPaging, currentSorting]);\n\n    const [result, setResult] = useState<QueryResultWithState<TDataType>>(QueryResultWithState.empty(queryInstance.current.defaultValue));\n    const argumentsDependency = queryInstance.current.requiredRequestParameters.map(_ => args?.[_]);\n\n    useEffect(() => {\n        const subscription = queryInstance.current!.subscribe(response => {\n            setResult(QueryResultWithState.fromQueryResult(response, false));\n        }, args as object);\n\n        return () => {\n            subscription.unsubscribe();\n        };\n    }, [...argumentsDependency, ...[currentPaging, currentSorting]]);\n\n    return [\n        result,\n        async (sorting: Sorting) => {\n            setCurrentSorting(sorting);\n        },\n        async (page: number) => {\n            setCurrentPaging(new Paging(page, currentPaging.pageSize));\n        },\n        async (pageSize: number) => {\n            setCurrentPaging(new Paging(currentPaging.page, pageSize));\n        }];\n}\n\n/**\n * React hook for working with {@link IObservableQueryFor} within the state management of React.\n * @template TDataType Type of model the query is for.\n * @template TQuery Type of observable query to use.\n * @template TArguments Optional: Arguments for the query, if any\n * @param query Query type constructor.\n * @param args Optional: Arguments for the query, if any\n * @returns Tuple of {@link QueryResultWithState} and a {@link PerformQuery} delegate.\n */\nexport function useObservableQuery<TDataType, TQuery extends IObservableQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, args?: TArguments, sorting?: Sorting):\n    [QueryResultWithState<TDataType>, SetSorting] {\n    const [result, setSorting] = useObservableQueryInternal<TDataType, TQuery, TArguments>(query, sorting, Paging.noPaging, args);\n    return [result, setSorting];\n}\n\n/**\n * React hook for working with {@link IObservableQueryFor} within the state management of React for queries with paging.\n * @template TDataType Type of model the query is for.\n * @template TQuery Type of observable query to use.\n * @template TArguments Optional: Arguments for the query, if any\n * @param query Query type constructor.\n * @param args Optional: Arguments for the query, if any\n * @param paging Paging information.\n * @returns Tuple of {@link QueryResultWithState} and a {@link PerformQuery} delegate.\n */\nexport function useObservableQueryWithPaging<TDataType, TQuery extends IObservableQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, paging: Paging, args?: TArguments, sorting?: Sorting):\n    [QueryResultWithState<TDataType>, SetSorting, SetPage, SetPageSize] {\n    return useObservableQueryInternal<TDataType, TQuery, TArguments>(query, sorting, paging, args);\n}\n"],"names":["useState","Paging","Sorting","useContext","ArcContext","useRef","useMemo","QueryResultWithState","useEffect"],"mappings":";;;;;;AAWA,SAAS,0BAA0B,CAAgF,KAA0B,EAAE,OAAiB,EAAE,MAAe,EAAE,IAAiB,EAAA;AAEhM,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAS,MAAM,IAAIC,cAAM,CAAC,QAAQ,CAAC;AACrF,IAAA,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGD,cAAQ,CAAU,OAAO,IAAIE,eAAO,CAAC,IAAI,CAAC;AACtF,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAACC,qBAAU,CAAC;AAClC,IAAA,MAAM,aAAa,GAAGC,YAAM,CAAgB,IAAI,CAAC;AAEjD,IAAA,aAAa,CAAC,OAAO,GAAGC,aAAO,CAAC,MAAK;AACjC,QAAA,MAAM,QAAQ,GAAG,IAAI,KAAK,EAAY;AACtC,QAAA,QAAQ,CAAC,MAAM,GAAG,aAAa;AAC/B,QAAA,QAAQ,CAAC,OAAO,GAAG,cAAc;AACjC,QAAA,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,YAAY,CAAC;QAC1C,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,IAAI,EAAE,CAAC;QAC9C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC;AACpC,QAAA,OAAO,QAAQ;AACnB,IAAA,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAEnC,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGN,cAAQ,CAAkCO,4BAAoB,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACrI,MAAM,mBAAmB,GAAG,aAAa,CAAC,OAAO,CAAC,yBAAyB,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC;IAE/FC,eAAS,CAAC,MAAK;QACX,MAAM,YAAY,GAAG,aAAa,CAAC,OAAQ,CAAC,SAAS,CAAC,QAAQ,IAAG;YAC7D,SAAS,CAACD,4BAAoB,CAAC,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC,EAAE,IAAc,CAAC;AAElB,QAAA,OAAO,MAAK;YACR,YAAY,CAAC,WAAW,EAAE;AAC9B,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,GAAG,mBAAmB,EAAE,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhE,OAAO;QACH,MAAM;QACN,OAAO,OAAgB,KAAI;YACvB,iBAAiB,CAAC,OAAO,CAAC;QAC9B,CAAC;QACD,OAAO,IAAY,KAAI;YACnB,gBAAgB,CAAC,IAAIN,cAAM,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC9D,CAAC;QACD,OAAO,QAAgB,KAAI;YACvB,gBAAgB,CAAC,IAAIA,cAAM,CAAC,aAAa,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC9D;KAAE;AACV;SAWgB,kBAAkB,CAAgF,KAA0B,EAAE,IAAiB,EAAE,OAAiB,EAAA;AAE9K,IAAA,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,0BAA0B,CAAgC,KAAK,EAAE,OAAO,EAAEA,cAAM,CAAC,QAAQ,EAAE,IAAI,CAAC;AAC7H,IAAA,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC;AAC/B;AAYM,SAAU,4BAA4B,CAAgF,KAA0B,EAAE,MAAc,EAAE,IAAiB,EAAE,OAAiB,EAAA;IAExM,OAAO,0BAA0B,CAAgC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC;AAClG;;;;;"}

package/dist/cjs/queries/useQuery.d.ts

@@ -0,0 +1,19 @@
+import { IQueryFor, QueryResultWithState, Paging, Sorting } from '@cratis/arc/queries';
+import { Constructor } from '@cratis/fundamentals';
+import { SetSorting } from './SetSorting';
+import { SetPage } from './SetPage';
+import { SetPageSize } from './SetPageSize';
+export type PerformQuery<TArguments = object> = (args?: TArguments) => Promise<void>;
+export declare function useQuery<TDataType, TQuery extends IQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, args?: TArguments, sorting?: Sorting): [
+    QueryResultWithState<TDataType>,
+    PerformQuery<TArguments>,
+    SetSorting
+];
+export declare function useQueryWithPaging<TDataType, TQuery extends IQueryFor<TDataType>, TArguments = object>(query: Constructor<TQuery>, paging: Paging, args?: TArguments, sorting?: Sorting): [
+    QueryResultWithState<TDataType>,
+    PerformQuery<TArguments>,
+    SetSorting,
+    SetPage,
+    SetPageSize
+];
+//# sourceMappingURL=useQuery.d.ts.map

package/dist/cjs/queries/useQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQuery.d.ts","sourceRoot":"","sources":["../../../queries/useQuery.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAe,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAM5C,MAAM,MAAM,YAAY,CAAC,UAAU,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AA+ErF,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,SAAS,SAAS,CAAC,SAAS,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,OAAO,GAC1J;IAAC,oBAAoB,CAAC,SAAS,CAAC;IAAE,YAAY,CAAC,UAAU,CAAC;IAAE,UAAU;CAAC,CAG1E;AAYD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,SAAS,SAAS,CAAC,SAAS,CAAC,EAAE,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,EAAE,OAAO,GACpL;IAAC,oBAAoB,CAAC,SAAS,CAAC;IAAE,YAAY,CAAC,UAAU,CAAC;IAAE,UAAU;IAAE,OAAO;IAAE,WAAW;CAAC,CAEhG"}