@cratis/components 0.1.9

package/dist/esm/CommandForm/SliderField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../CommandForm/SliderField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,MAAM,WAAW,gBAAgB,CAAC,QAAQ;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW;KAAI,QAAQ,SAAU,gBAAgB,CAAC,QAAQ,CAAC;;CAwCvE,CAAC"}

package/dist/esm/CommandForm/SliderField.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { Slider } from 'primereact/slider';
+import { useCommandFormContext } from './CommandForm.js';
+
+const SliderField = (props) => {
+    const [localValue, setLocalValue] = useState(props.currentValue ?? 0);
+    const required = props.required ?? true;
+    const min = props.min ?? 0;
+    const max = props.max ?? 1;
+    const step = props.step ?? 0.01;
+    const isValid = !required || (localValue >= min && localValue <= max);
+    const { setFieldValidity } = useCommandFormContext();
+    useEffect(() => {
+        setLocalValue(props.currentValue ?? 0);
+    }, [props.currentValue]);
+    useEffect(() => {
+        if (props.fieldName) {
+            setFieldValidity(props.fieldName, isValid);
+        }
+    }, [isValid, props.fieldName, setFieldValidity]);
+    const handleChange = (e) => {
+        const newValue = e.value;
+        setLocalValue(newValue);
+        props.onValueChange?.(newValue);
+    };
+    return (jsxs("div", { className: "p-inputtext w-full flex align-items-center gap-3", style: { display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, children: [jsx(Slider, { value: localValue, onChange: handleChange, min: min, max: max, step: step, className: "flex-1 ml-2" }), jsx("span", { className: "font-semibold", style: { minWidth: '3rem', textAlign: 'right' }, children: localValue.toFixed(2) })] }));
+};
+SliderField.displayName = 'CommandFormField';
+
+export { SliderField };
+//# sourceMappingURL=SliderField.js.map

package/dist/esm/CommandForm/SliderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.js","sources":["../../../CommandForm/SliderField.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 { PropertyAccessor } from '@cratis/fundamentals';\nimport { PropertyDescriptor } from '@cratis/arc/reflection';\nimport React, { useState, useEffect } from 'react';\nimport { Slider, SliderChangeEvent } from 'primereact/slider';\nimport { useCommandFormContext } from './CommandForm';\n\nexport interface SliderFieldProps<TCommand> {\n    icon?: React.ReactElement;\n    value: PropertyAccessor<TCommand>;\n    onChange?: (value: unknown) => void;\n    currentValue?: number;\n    onValueChange?: (value: number) => void;\n    required?: boolean;\n    title?: string;\n    description?: string;\n    propertyDescriptor?: PropertyDescriptor;\n    fieldName?: string;\n    min?: number;\n    max?: number;\n    step?: number;\n}\n\nexport const SliderField = <TCommand,>(props: SliderFieldProps<TCommand>) => {\n    const [localValue, setLocalValue] = useState(props.currentValue ?? 0);\n    const required = props.required ?? true;\n    const min = props.min ?? 0;\n    const max = props.max ?? 1;\n    const step = props.step ?? 0.01;\n    const isValid = !required || (localValue >= min && localValue <= max);\n    const { setFieldValidity } = useCommandFormContext();\n\n    useEffect(() => {\n        setLocalValue(props.currentValue ?? 0);\n    }, [props.currentValue]);\n\n    useEffect(() => {\n        if (props.fieldName) {\n            setFieldValidity(props.fieldName, isValid);\n        }\n    }, [isValid, props.fieldName, setFieldValidity]);\n\n    const handleChange = (e: SliderChangeEvent) => {\n        const newValue = e.value as number;\n        setLocalValue(newValue);\n        props.onValueChange?.(newValue);\n    };\n\n    return (\n        <div className=\"p-inputtext w-full flex align-items-center gap-3\" style={{ display: 'flex', alignItems: 'center', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }}>\n            <Slider\n                value={localValue}\n                onChange={handleChange}\n                min={min}\n                max={max}\n                step={step}\n                className=\"flex-1 ml-2\"\n            />\n            <span className=\"font-semibold\" style={{ minWidth: '3rem', textAlign: 'right' }}>\n                {localValue.toFixed(2)}\n            </span>\n        </div>\n    );\n};\n\nSliderField.displayName = 'CommandFormField';\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAyBO,MAAM,WAAW,GAAG,CAAY,KAAiC,KAAI;AACxE,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AACrE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,IAAI;AACvC,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC;AAC1B,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,IAAI;AAC/B,IAAA,MAAM,OAAO,GAAG,CAAC,QAAQ,KAAK,UAAU,IAAI,GAAG,IAAI,UAAU,IAAI,GAAG,CAAC;AACrE,IAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,qBAAqB,EAAE;IAEpD,SAAS,CAAC,MAAK;AACX,QAAA,aAAa,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,CAAC;AAC1C,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAExB,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,CAAC,SAAS,EAAE;AACjB,YAAA,gBAAgB,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC;QAC9C;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;AAEhD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAoB,KAAI;AAC1C,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAe;QAClC,aAAa,CAAC,QAAQ,CAAC;AACvB,QAAA,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;AACnC,IAAA,CAAC;AAED,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAA,QAAA,EAAA,CACjKC,IAAC,MAAM,EAAA,EACH,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,YAAY,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,aAAa,GACzB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAA,QAAA,EAC1E,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAA,CACnB,CAAA,EAAA,CACL;AAEd;AAEA,WAAW,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/CommandForm/index.d.ts

@@ -0,0 +1,8 @@
+export * from './CommandForm';
+export * from './CommandFormField';
+export * from './CommandFormFields';
+export * from './InputTextField';
+export * from './DatePickerField';
+export * from './DropdownField';
+export * from './SliderField';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/CommandForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../CommandForm/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC"}

package/dist/esm/CommandForm/index.js

@@ -0,0 +1,8 @@
+export { CommandForm, useCommandFormContext, useCommandInstance, useSetCommandResult } from './CommandForm.js';
+export { CommandFormField } from './CommandFormField.js';
+export { CommandFormFields } from './CommandFormFields.js';
+export { InputTextField } from './InputTextField.js';
+export { DatePickerField } from './DatePickerField.js';
+export { DropdownField } from './DropdownField.js';
+export { SliderField } from './SliderField.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/CommandForm/index.js.map

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

package/dist/esm/Common/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+interface State {
+    hasError: boolean;
+    error: Error;
+}
+export declare class ErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/esm/Common/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../Common/ErrorBoundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExD,UAAU,KAAK;IACX,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,KAAK;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;CAChB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC/C,KAAK,EAAE,KAAK,CAGjB;WAEY,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAIpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAahB"}

package/dist/esm/Common/ErrorBoundary.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
+export class ErrorBoundary extends Component {
+    state = {
+        hasError: false,
+        error: new Error(),
+    };
+    static getDerivedStateFromError(error) {
+        return { hasError: true, error: error };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error('Uncaught error:', error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsxs("div", { className: 'p-4', children: [_jsx("h1", { className: 'text-3xl m-3', children: "Error" }), _jsx("p", { children: this.state.error.message }), _jsx("p", { children: this.state.error.stack })] }));
+        }
+        return this.props.children;
+    }
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/Common/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../Common/ErrorBoundary.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAUxD,MAAM,OAAO,aAAc,SAAQ,SAAuB;IAC/C,KAAK,GAAU;QAClB,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,IAAI,KAAK,EAAE;KACrB,CAAC;IAEK,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC/C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IAC5C,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACvD,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACvD,CAAC;IAEM,MAAM;QACT,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,CACH,eAAK,SAAS,EAAC,KAAK,aAChB,aAAI,SAAS,EAAC,cAAc,sBAAW,EACvC,sBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,GAAK,EACjC,sBAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAK,IAC7B,CACT,CAAC;QACN,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

package/dist/esm/Common/ErrorBoundary.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorBoundary.stories.d.ts.map

package/dist/esm/Common/ErrorBoundary.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.stories.d.ts","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAuE;AAEvE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/Common/ErrorBoundary.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './ErrorBoundary';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'Common/ErrorBoundary', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=ErrorBoundary.stories.js.map

package/dist/esm/Common/ErrorBoundary.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.stories.js","sourceRoot":"","sources":["../../../Common/ErrorBoundary.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,iBAAiB,CAAC;AACxC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEvE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/Common/FormElement.d.ts

@@ -0,0 +1,6 @@
+export interface FormElementProps {
+    children: React.ReactNode;
+    icon: React.ReactNode;
+}
+export declare const FormElement: (props: FormElementProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormElement.d.ts.map

package/dist/esm/Common/FormElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.d.ts","sourceRoot":"","sources":["../../../Common/FormElement.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAWlD,CAAC"}

package/dist/esm/Common/FormElement.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const FormElement = (props) => {
+    return (_jsx("div", { className: "card flex flex-column md:flex-row gap-3", children: _jsxs("div", { className: "p-inputgroup flex-1", children: [_jsx("span", { className: "p-inputgroup-addon", children: props.icon }), props.children] }) }));
+};
+//# sourceMappingURL=FormElement.js.map

package/dist/esm/Common/FormElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.js","sourceRoot":"","sources":["../../../Common/FormElement.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,OAAO,CACH,cAAK,SAAS,EAAC,yCAAyC,YACpD,eAAK,SAAS,EAAC,qBAAqB,aAChC,eAAM,SAAS,EAAC,oBAAoB,YAC/B,KAAK,CAAC,IAAI,GACR,EACN,KAAK,CAAC,QAAQ,IACb,GACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/Common/FormElement.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormElement.stories.d.ts.map

package/dist/esm/Common/FormElement.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.stories.d.ts","sourceRoot":"","sources":["../../../Common/FormElement.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAqE;AAErE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/Common/FormElement.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './FormElement';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'Common/FormElement', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=FormElement.stories.js.map

package/dist/esm/Common/FormElement.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.stories.js","sourceRoot":"","sources":["../../../Common/FormElement.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,eAAe,CAAC;AACtC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAErE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/Common/Page.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PageProps extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    children?: ReactNode;
+    panel?: boolean;
+}
+export declare const Page: ({ title, children, panel, ...rest }: PageProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Page.d.ts.map

package/dist/esm/Common/Page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../Common/Page.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,IAAI,GAAI,qCAAqC,SAAS,4CASlE,CAAC"}

package/dist/esm/Common/Page.js

@@ -0,0 +1,8 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const Page = ({ title, children, panel, ...rest }) => {
+    return (jsxs("div", { className: 'flex flex-col h-full', ...rest, children: [jsx("h1", { className: 'text-3xl mt-3 mb-4', children: title }), jsx("main", { className: `overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`, children: children })] }));
+};
+
+export { Page };
+//# sourceMappingURL=Page.js.map

package/dist/esm/Common/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sources":["../../../Common/Page.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 { HTMLAttributes, ReactNode } from 'react';\n\nexport interface PageProps extends HTMLAttributes<HTMLDivElement> {\n    title: string;\n    children?: ReactNode;\n    panel?: boolean\n}\n\nexport const Page = ({ title, children, panel, ...rest }: PageProps) => {\n    return (\n        <div className='flex flex-col h-full' {...rest}>\n            <h1 className='text-3xl mt-3 mb-4'>{title}</h1>\n            <main className={`overflow-hidden h-full flex flex-col flex-1 ${panel ? 'panel' : ''}`}>\n                {children}\n            </main>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;AAWO,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAa,KAAI;AACnE,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sBAAsB,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC1CC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAE,KAAK,GAAM,EAC/CA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,+CAA+C,KAAK,GAAG,OAAO,GAAG,EAAE,EAAE,EAAA,QAAA,EACjF,QAAQ,EAAA,CACN,CAAA,EAAA,CACL;AAEd;;;;"}

package/dist/esm/Common/Page.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Page.stories.d.ts.map

package/dist/esm/Common/Page.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.stories.d.ts","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAA8D;AAE9D,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/Common/Page.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './Page';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'Common/Page', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=Page.stories.js.map

package/dist/esm/Common/Page.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.stories.js","sourceRoot":"","sources":["../../../Common/Page.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAC/B,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAE9D,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/Common/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ErrorBoundary';
+export * from './Page';
+export * from './FormElement';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/esm/Common/index.js

@@ -0,0 +1,4 @@
+export * from './ErrorBoundary';
+export * from './Page';
+export * from './FormElement';
+//# sourceMappingURL=index.js.map

package/dist/esm/Common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../Common/index.ts"],"names":[],"mappings":"AAGA,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC"}

package/dist/esm/DataPage/DataPage.d.ts

@@ -0,0 +1,41 @@
+import { ReactNode } from 'react';
+import React from 'react';
+import { MenuItem as PrimeMenuItem } from 'primereact/menuitem';
+import { IObservableQueryFor, IQueryFor } from '@cratis/arc/queries';
+import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';
+import { Constructor } from '@cratis/fundamentals';
+export interface MenuItemProps extends PrimeMenuItem {
+    disableOnUnselected?: boolean;
+}
+export declare const MenuItem: (_: MenuItemProps) => null;
+export interface MenuItemsProps {
+    children: ReactNode;
+}
+export interface ColumnProps {
+    children: ReactNode;
+}
+export declare const MenuItems: ({ children }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Columns: ({ children }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+export interface IDetailsComponentProps<TDataType> {
+    item: TDataType;
+}
+export interface DataPageProps<TQuery extends IQueryFor<TDataType> | IObservableQueryFor<TDataType>, TDataType, TArguments> {
+    title: string;
+    children: ReactNode;
+    detailsComponent?: React.FC<IDetailsComponentProps<any>>;
+    query: Constructor<TQuery>;
+    queryArguments?: TArguments;
+    emptyMessage: string;
+    dataKey?: string | undefined;
+    selection?: any | undefined | null;
+    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;
+    globalFilterFields?: string[] | undefined;
+    defaultFilters?: DataTableFilterMeta;
+}
+declare const DataPage: {
+    <TQuery extends IQueryFor<TDataType> | IObservableQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataPageProps<TQuery, TDataType, TArguments>): import("react/jsx-runtime").JSX.Element;
+    MenuItems: ({ children }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+    Columns: ({ children }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { DataPage };
+//# sourceMappingURL=DataPage.d.ts.map

package/dist/esm/DataPage/DataPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPage.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAY,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,mCAAmC,EAAE,MAAM,sBAAsB,CAAC;AAGhG,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD,MAAM,WAAW,aAAc,SAAQ,aAAa;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,eAAO,MAAM,QAAQ,GAAI,GAAG,aAAa,SAExC,CAAC;AAEF,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,cAAc,cAAc,4CA0BrD,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,cAAc,WAAW,4CAgBhD,CAAC;AAEF,MAAM,WAAW,sBAAsB,CAAC,SAAS;IAC7C,IAAI,EAAE,SAAS,CAAC;CAEnB;AAYD,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS,SAAS,CAAC,SAAS,CAAC,GAAG,mBAAmB,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU;IAItH,KAAK,EAAE,MAAM,CAAC;IAKd,QAAQ,EAAE,SAAS,CAAC;IAKpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC;IAKzD,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC;IAKnC,iBAAiB,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAK1E,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACxC;AAOD,QAAA,MAAM,QAAQ;KAAI,MAAM,SAAS,SAAS,CAAC,SAAS,CAAC,GAAG,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,SAAS,MAAM,SAAS,aAAa,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC;8BA3HrJ,cAAc;4BA4BhB,WAAW;CA2HhD,CAAC;AAKF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/DataPage/DataPage.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useMemo } from 'react';
+import { Page } from '../Common/Page.js';
+import { Menubar } from 'primereact/menubar';
+import { QueryFor } from '@cratis/arc/queries';
+import { DataTableForObservableQuery } from '../DataTables/DataTableForObservableQuery.js';
+import { DataTableForQuery } from '../DataTables/DataTableForQuery.js';
+import { Allotment } from 'allotment';
+
+const MenuItem = (_) => {
+    return null;
+};
+const MenuItems = ({ children }) => {
+    const context = React.useContext(DataPageContext);
+    const isDisabled = useMemo(() => {
+        return !context.selectedItem;
+    }, [context.selectedItem]);
+    const items = useMemo(() => {
+        const menuItems = [];
+        React.Children.forEach(children, (child) => {
+            if (React.isValidElement(child) && child.type == MenuItem) {
+                const Icon = child.props.icon;
+                const menuItem = { ...child.props };
+                menuItem.icon = jsx(Icon, { className: 'mr-2' });
+                menuItem.disabled = isDisabled && child.props.disableOnUnselected;
+                menuItems.push(menuItem);
+            }
+        });
+        return menuItems;
+    }, [children, context.selectedItem]);
+    return (jsx("div", { className: "px-4 py-2", children: jsx(Menubar, { "aria-label": "Actions", model: items }) }));
+};
+const Columns = ({ children }) => {
+    const context = React.useContext(DataPageContext);
+    if (context.query.prototype instanceof QueryFor) {
+        return (jsx(DataTableForQuery, { ...context, selection: context.selectedItem, onSelectionChange: context.onSelectionChanged, children: children }));
+    }
+    else {
+        return (jsx(DataTableForObservableQuery, { ...context, selection: context.selectedItem, onSelectionChange: context.onSelectionChanged, children: children }));
+    }
+};
+const DataPageContext = React.createContext(null);
+const DataPage = (props) => {
+    const [selectedItem, setSelectedItem] = React.useState(undefined);
+    const selectionChanged = (e) => {
+        setSelectedItem(e.value);
+        if (props.onSelectionChange) {
+            props.onSelectionChange(e);
+        }
+    };
+    const context = { ...props, selectedItem, onSelectionChanged: selectionChanged };
+    return (jsx(DataPageContext.Provider, { value: context, children: jsx(Page, { title: props.title, panel: true, children: jsxs(Allotment, { className: "h-full", proportionalLayout: false, children: [jsx(Allotment.Pane, { className: "flex-grow", children: props.children }), props.detailsComponent && selectedItem &&
+                        jsx(Allotment.Pane, { preferredSize: "450px", children: jsx(props.detailsComponent, { item: selectedItem }) })] }) }) }));
+};
+DataPage.MenuItems = MenuItems;
+DataPage.Columns = Columns;
+
+export { Columns, DataPage, MenuItem, MenuItems };
+//# sourceMappingURL=DataPage.js.map

package/dist/esm/DataPage/DataPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPage.js","sources":["../../../DataPage/DataPage.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 { ReactNode, useMemo } from 'react';\nimport { Page } from '../Common/Page';\nimport React from 'react';\nimport { MenuItem as PrimeMenuItem } from 'primereact/menuitem';\nimport { Menubar } from 'primereact/menubar';\nimport { IObservableQueryFor, IQueryFor, QueryFor } from '@cratis/arc/queries';\nimport { DataTableForObservableQuery } from '../DataTables/DataTableForObservableQuery';\nimport { DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';\nimport { DataTableForQuery } from '../DataTables/DataTableForQuery';\nimport { Allotment } from 'allotment';\nimport { Constructor } from '@cratis/fundamentals';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport interface MenuItemProps extends PrimeMenuItem {\n    disableOnUnselected?: boolean;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const MenuItem = (_: MenuItemProps) => {\n    return null;\n};\n\nexport interface MenuItemsProps {\n    children: ReactNode;\n}\n\nexport interface ColumnProps {\n    children: ReactNode;\n}\n\nexport const MenuItems = ({ children }: MenuItemsProps) => {\n    const context = React.useContext(DataPageContext);\n\n    const isDisabled = useMemo(() => {\n        return !context.selectedItem;\n    }, [context.selectedItem]);\n\n    const items = useMemo(() => {\n        const menuItems: PrimeMenuItem[] = [];\n        React.Children.forEach(children, (child) => {\n            if (React.isValidElement<MenuItemProps>(child) && child.type == MenuItem) {\n                const Icon = child.props.icon;\n                const menuItem = { ...child.props };\n                menuItem.icon = <Icon className='mr-2' />;\n                menuItem.disabled = isDisabled && child.props.disableOnUnselected;\n                menuItems.push(menuItem);\n            }\n        });\n\n        return menuItems;\n    }, [children, context.selectedItem]);\n\n    return (\n        <div className=\"px-4 py-2\">\n            <Menubar aria-label=\"Actions\" model={items} />\n        </div>);\n};\n\nexport const Columns = ({ children }: ColumnProps) => {\n\n    const context = React.useContext(DataPageContext);\n\n    if (context.query.prototype instanceof QueryFor) {\n        return (\n            <DataTableForQuery {...context} selection={context.selectedItem} onSelectionChange={context.onSelectionChanged}>\n                {children}\n            </DataTableForQuery>);\n\n    } else {\n        return (\n            <DataTableForObservableQuery {...context} selection={context.selectedItem} onSelectionChange={context.onSelectionChanged}>\n                {children}\n            </DataTableForObservableQuery>);\n    }\n};\n\nexport interface IDetailsComponentProps<TDataType> {\n    item: TDataType;\n\n}\n\ninterface IDataPageContext extends DataPageProps<any, any, any> {\n    selectedItem: any;\n    onSelectionChanged: (e: DataTableSelectionSingleChangeEvent<any>) => void;\n}\n\nconst DataPageContext = React.createContext<IDataPageContext>(null as any);\n\n/**\n * Props for the DataPage component\n */\nexport interface DataPageProps<TQuery extends IQueryFor<TDataType> | IObservableQueryFor<TDataType>, TDataType, TArguments> {\n    /**\n     * The title of the page\n     */\n    title: string;\n\n    /**\n     * Children to render, for this it means menu items and columns. Use <DataPage.MenuItems> and <DataPage.Columns> for this.\n     */\n    children: ReactNode;\n\n    /**\n     * Component to render when the selection changes\n     */\n    detailsComponent?: React.FC<IDetailsComponentProps<any>>;\n\n    /**\n     * The type of query to use\n     */\n    query: Constructor<TQuery>;\n\n    /**\n     * Optional arguments to pass to the query\n     */\n    queryArguments?: TArguments;\n\n    /**\n     * The message to show when there is no data\n     */\n    emptyMessage: string;\n\n    /**\n     * The key to use for the data\n     */\n    dataKey?: string | undefined;\n\n    /**\n     * The current selection.\n     */\n    selection?: any | undefined | null;\n\n    /**\n     * Callback for when the selection changes\n     */\n    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;\n\n    /**\n     * Fields to use for global filtering\n     */\n    globalFilterFields?: string[] | undefined;\n\n    /**\n     * Default filters to use\n     */\n    defaultFilters?: DataTableFilterMeta;\n}\n\n/**\n * Represents a data driven page with a menu and custom defined columns for the data table.\n * @param props Props for the DataPage component\n * @returns Function to render the DataPage component\n */\nconst DataPage = <TQuery extends IQueryFor<TDataType> | IObservableQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataPageProps<TQuery, TDataType, TArguments>) => {\n    const [selectedItem, setSelectedItem] = React.useState(undefined);\n\n    const selectionChanged = (e: DataTableSelectionSingleChangeEvent<any>) => {\n        setSelectedItem(e.value);\n        if (props.onSelectionChange) {\n            props.onSelectionChange(e);\n        }\n    };\n\n    const context = { ...props, selectedItem, onSelectionChanged: selectionChanged };\n\n    return (\n        <DataPageContext.Provider value={context}>\n            <Page title={props.title} panel={true}>\n                <Allotment className=\"h-full\" proportionalLayout={false}>\n                    <Allotment.Pane className=\"flex-grow\">\n                        {props.children}\n                    </Allotment.Pane>\n                    {props.detailsComponent && selectedItem &&\n                        <Allotment.Pane preferredSize=\"450px\">\n                            <props.detailsComponent item={selectedItem} />\n                        </Allotment.Pane>\n                    }\n                </Allotment>\n            </Page>\n        </DataPageContext.Provider>\n    );\n};\n\nDataPage.MenuItems = MenuItems;\nDataPage.Columns = Columns;\n\nexport { DataPage };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/DataPage/DataPage.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataPage.stories.d.ts.map

package/dist/esm/DataPage/DataPage.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPage.stories.d.ts","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAoE;AAEpE,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/DataPage/DataPage.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './DataPage';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'DataPage/DataPage', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=DataPage.stories.js.map

package/dist/esm/DataPage/DataPage.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataPage.stories.js","sourceRoot":"","sources":["../../../DataPage/DataPage.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,YAAY,CAAC;AACnC,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEpE,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/DataPage/index.d.ts

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

package/dist/esm/DataPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../DataPage/index.ts"],"names":[],"mappings":"AAGA,cAAc,YAAY,CAAC"}

package/dist/esm/DataPage/index.js

@@ -0,0 +1,2 @@
+export { Columns, DataPage, MenuItem, MenuItems } from './DataPage.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/DataPage/index.js.map

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

package/dist/esm/DataTables/DataTableForObservableQuery.d.ts

@@ -0,0 +1,17 @@
+import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';
+import { Constructor } from '@cratis/fundamentals';
+import { IObservableQueryFor } from '@cratis/arc/queries';
+import { ReactNode } from 'react';
+export interface DataTableForObservableQueryProps<TQuery extends IObservableQueryFor<TDataType>, TDataType, TArguments> {
+    children?: ReactNode;
+    query: Constructor<TQuery>;
+    queryArguments?: TArguments;
+    emptyMessage: string;
+    dataKey?: string | undefined;
+    selection?: any | undefined | null;
+    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;
+    globalFilterFields?: string[] | undefined;
+    defaultFilters?: DataTableFilterMeta;
+}
+export declare const DataTableForObservableQuery: <TQuery extends IObservableQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataTableForObservableQueryProps<TQuery, TDataType, TArguments>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableForObservableQuery.d.ts.map

package/dist/esm/DataTables/DataTableForObservableQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForObservableQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForObservableQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,mBAAmB,EAAE,mCAAmC,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAU,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,gCAAgC,CAAC,MAAM,SAAS,mBAAmB,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU;IAIlH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC;IAKnC,iBAAiB,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAK1E,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACxC;AASD,eAAO,MAAM,2BAA2B,GAAI,MAAM,SAAS,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,gCAAgC,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,4CA4BlN,CAAC"}

package/dist/esm/DataTables/DataTableForObservableQuery.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { DataTable } from 'primereact/datatable';
+import { Paging } from '@cratis/arc/queries';
+import { useObservableQueryWithPaging } from '@cratis/arc.react/queries';
+import { useState } from 'react';
+
+const paging = new Paging(0, 20);
+const DataTableForObservableQuery = (props) => {
+    const [filters, setFilters] = useState(props.defaultFilters ?? {});
+    const [result, , setPage] = useObservableQueryWithPaging(props.query, paging, props.queryArguments);
+    return (jsx(DataTable, { value: result.data, lazy: true, rows: paging.pageSize, totalRecords: result.paging.totalItems, paginator: true, alwaysShowPaginator: false, first: result.paging.page * paging.pageSize, onPage: (e) => setPage(e.page ?? 0), scrollable: true, scrollHeight: 'flex', selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => setFilters(e.filters), globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, children: props.children }));
+};
+
+export { DataTableForObservableQuery };
+//# sourceMappingURL=DataTableForObservableQuery.js.map

package/dist/esm/DataTables/DataTableForObservableQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForObservableQuery.js","sources":["../../../DataTables/DataTableForObservableQuery.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 { DataTable, DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';\nimport { Constructor } from '@cratis/fundamentals';\nimport { IObservableQueryFor, Paging } from '@cratis/arc/queries';\nimport { useObservableQueryWithPaging } from '@cratis/arc.react/queries';\nimport { ReactNode, useState } from 'react';\n\n \n\n/**\n * Props for the DataTableForQuery component\n */\nexport interface DataTableForObservableQueryProps<TQuery extends IObservableQueryFor<TDataType>, TDataType, TArguments> {\n    /**\n     * Children to render\n     */\n    children?: ReactNode;\n\n    /**\n     * The type of query to use\n     */\n    query: Constructor<TQuery>;\n\n    /**\n     * Optional arguments to pass to the query\n     */\n    queryArguments?: TArguments;\n\n    /**\n     * The message to show when there is no data\n     */\n    emptyMessage: string;\n\n    /**\n     * The key to use for the data\n     */\n    dataKey?: string | undefined;\n\n    /**\n     * The current selection.\n     */\n    selection?: any | undefined | null;\n\n    /**\n     * Callback for when the selection changes\n     */\n    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;\n\n    /**\n     * Fields to use for global filtering\n     */\n    globalFilterFields?: string[] | undefined;\n\n    /**\n     * Default filters to use\n     */\n    defaultFilters?: DataTableFilterMeta;\n}\n\nconst paging = new Paging(0, 20);\n\n/**\n * Represents a DataTable for a query.\n * @param props Props for the component\n * @returns Function to render the DataTableForQuery component\n */\nexport const DataTableForObservableQuery = <TQuery extends IObservableQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataTableForObservableQueryProps<TQuery, TDataType, TArguments>) => {\n    const [filters, setFilters] = useState<DataTableFilterMeta>(props.defaultFilters ?? {});\n    const [result, , setPage] = useObservableQueryWithPaging(props.query, paging, props.queryArguments);\n\n    return (\n        <DataTable\n            value={result.data}\n            lazy\n            rows={paging.pageSize}\n            totalRecords={result.paging.totalItems}\n            paginator\n            alwaysShowPaginator={false}\n            first={result.paging.page * paging.pageSize}\n            onPage={(e) => setPage(e.page ?? 0)}\n            scrollable\n            scrollHeight={'flex'}\n            selectionMode='single'\n            selection={props.selection}\n            onSelectionChange={props.onSelectionChange}\n            dataKey={props.dataKey}\n            filters={filters}\n            filterDisplay='menu'\n            onFilter={(e) => setFilters(e.filters)}\n            globalFilterFields={props.globalFilterFields}\n            emptyMessage={props.emptyMessage}>\n            {props.children}\n        </DataTable>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AA6DA,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;AAOzB,MAAM,2BAA2B,GAAG,CAAkG,KAAsE,KAAI;AACnN,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,KAAK,CAAC,cAAc,IAAI,EAAE,CAAC;IACvF,MAAM,CAAC,MAAM,IAAI,OAAO,CAAC,GAAG,4BAA4B,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC;AAEnG,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAA,IAAA,EACJ,IAAI,EAAE,MAAM,CAAC,QAAQ,EACrB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,EACtC,SAAS,EAAA,IAAA,EACT,mBAAmB,EAAE,KAAK,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,EAC3C,MAAM,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EACnC,UAAU,EAAA,IAAA,EACV,YAAY,EAAE,MAAM,EACpB,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAAA,QAAA,EAC/B,KAAK,CAAC,QAAQ,EAAA,CACP;AAEpB;;;;"}

package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableForObservableQuery.stories.d.ts.map

package/dist/esm/DataTables/DataTableForObservableQuery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForObservableQuery.stories.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForObservableQuery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAAyF;AAEzF,eAAO,MAAM,OAAO,+CAA4E,CAAC"}

package/dist/esm/DataTables/DataTableForObservableQuery.stories.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as Comp from './DataTableForObservableQuery';
+const Component = Comp.default || Object.values(Comp)[0];
+export default { title: 'DataTables/DataTableForObservableQuery', component: Component };
+export const Default = () => (Component ? _jsx(Component, {}) : _jsx("div", { children: "Unable to render component" }));
+//# sourceMappingURL=DataTableForObservableQuery.stories.js.map

package/dist/esm/DataTables/DataTableForObservableQuery.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForObservableQuery.stories.js","sourceRoot":"","sources":["../../../DataTables/DataTableForObservableQuery.stories.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,IAAI,MAAM,+BAA+B,CAAC;AACtD,MAAM,SAAS,GAA0C,IAAY,CAAC,OAAO,IAAK,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAS,CAAC;AAEjH,eAAe,EAAE,KAAK,EAAE,wCAAwC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEzF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,uDAAqC,CAAC,CAAC"}

package/dist/esm/DataTables/DataTableForQuery.d.ts

@@ -0,0 +1,17 @@
+import { DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';
+import { Constructor } from '@cratis/fundamentals';
+import { IQueryFor } from '@cratis/arc/queries';
+import { ReactNode } from 'react';
+export interface DataTableForQueryProps<TQuery extends IQueryFor<TDataType>, TDataType, TArguments> {
+    children?: ReactNode;
+    query: Constructor<TQuery>;
+    queryArguments?: TArguments;
+    emptyMessage: string;
+    dataKey?: string | undefined;
+    selection?: any | undefined | null;
+    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;
+    globalFilterFields?: string[] | undefined;
+    defaultFilters?: DataTableFilterMeta;
+}
+export declare const DataTableForQuery: <TQuery extends IQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataTableForQueryProps<TQuery, TDataType, TArguments>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableForQuery.d.ts.map

package/dist/esm/DataTables/DataTableForQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForQuery.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,mBAAmB,EAAE,mCAAmC,EAAE,MAAM,sBAAsB,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAU,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAO5C,MAAM,WAAW,sBAAsB,CAAC,MAAM,SAAS,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,UAAU;IAI9F,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAK3B,cAAc,CAAC,EAAE,UAAU,CAAC;IAK5B,YAAY,EAAE,MAAM,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAK7B,SAAS,CAAC,EAAE,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC;IAKnC,iBAAiB,CAAC,CAAC,KAAK,EAAE,mCAAmC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAK1E,kBAAkB,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAK1C,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACxC;AASD,eAAO,MAAM,iBAAiB,GAAI,MAAM,SAAS,SAAS,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,UAAU,SAAS,MAAM,EAAE,OAAO,sBAAsB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,4CA4BpL,CAAC"}

package/dist/esm/DataTables/DataTableForQuery.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import { DataTable } from 'primereact/datatable';
+import { Paging } from '@cratis/arc/queries';
+import { useQueryWithPaging } from '@cratis/arc.react/queries';
+import { useState } from 'react';
+
+const paging = new Paging(0, 20);
+const DataTableForQuery = (props) => {
+    const [filters, setFilters] = useState(props.defaultFilters ?? {});
+    const [result, , , setPage] = useQueryWithPaging(props.query, paging, props.queryArguments);
+    return (jsx(DataTable, { value: result.data, lazy: true, rows: paging.pageSize, totalRecords: result.paging.totalItems, paginator: true, alwaysShowPaginator: false, first: result.paging.page * paging.pageSize, onPage: (e) => setPage(e.page ?? 0), scrollable: true, scrollHeight: 'flex', selectionMode: 'single', selection: props.selection, onSelectionChange: props.onSelectionChange, dataKey: props.dataKey, filters: filters, filterDisplay: 'menu', onFilter: (e) => setFilters(e.filters), globalFilterFields: props.globalFilterFields, emptyMessage: props.emptyMessage, children: props.children }));
+};
+
+export { DataTableForQuery };
+//# sourceMappingURL=DataTableForQuery.js.map

package/dist/esm/DataTables/DataTableForQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForQuery.js","sources":["../../../DataTables/DataTableForQuery.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 { DataTable, DataTableFilterMeta, DataTableSelectionSingleChangeEvent } from 'primereact/datatable';\nimport { Constructor } from '@cratis/fundamentals';\nimport { IQueryFor, Paging } from '@cratis/arc/queries';\nimport { useQueryWithPaging } from '@cratis/arc.react/queries';\nimport { ReactNode, useState } from 'react';\n\n \n\n/**\n * Props for the DataTableForQuery component\n */\nexport interface DataTableForQueryProps<TQuery extends IQueryFor<TDataType>, TDataType, TArguments> {\n    /**\n     * Children to render\n     */\n    children?: ReactNode;\n\n    /**\n     * The type of query to use\n     */\n    query: Constructor<TQuery>;\n\n    /**\n     * Optional Arguments to pass to the query\n     */\n    queryArguments?: TArguments;\n\n    /**\n     * The message to show when there is no data\n     */\n    emptyMessage: string;\n\n    /**\n     * The key to use for the data\n     */\n    dataKey?: string | undefined;\n\n    /**\n     * The current selection.\n     */\n    selection?: any | undefined | null;\n\n    /**\n     * Callback for when the selection changes\n     */\n    onSelectionChange?(event: DataTableSelectionSingleChangeEvent<any>): void;\n\n    /**\n     * Fields to use for global filtering\n     */\n    globalFilterFields?: string[] | undefined;\n\n    /**\n     * Default filters to use\n     */\n    defaultFilters?: DataTableFilterMeta;\n}\n\nconst paging = new Paging(0, 20);\n\n/**\n * Represents a DataTable for a query.\n * @param props Props for the component\n * @returns Function to render the DataTableForQuery component\n */\nexport const DataTableForQuery = <TQuery extends IQueryFor<TDataType, TArguments>, TDataType, TArguments extends object>(props: DataTableForQueryProps<TQuery, TDataType, TArguments>) => {\n    const [filters, setFilters] = useState<DataTableFilterMeta>(props.defaultFilters ?? {});\n    const [result, , , setPage] = useQueryWithPaging(props.query, paging, props.queryArguments);\n\n    return (\n        <DataTable\n            value={result.data as unknown}\n            lazy\n            rows={paging.pageSize}\n            totalRecords={result.paging.totalItems}\n            paginator\n            alwaysShowPaginator={false}\n            first={result.paging.page * paging.pageSize}\n            onPage={(e) => setPage(e.page ?? 0)}\n            scrollable\n            scrollHeight={'flex'}\n            selectionMode='single'\n            selection={props.selection}\n            onSelectionChange={props.onSelectionChange}\n            dataKey={props.dataKey}\n            filters={filters}\n            filterDisplay='menu'\n            onFilter={(e) => setFilters(e.filters)}\n            globalFilterFields={props.globalFilterFields}\n            emptyMessage={props.emptyMessage} >\n            {props.children}\n        </DataTable >\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AA6DA,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;AAOzB,MAAM,iBAAiB,GAAG,CAAwF,KAA4D,KAAI;AACrL,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAsB,KAAK,CAAC,cAAc,IAAI,EAAE,CAAC;IACvF,MAAM,CAAC,MAAM,MAAM,OAAO,CAAC,GAAG,kBAAkB,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC;AAE3F,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE,MAAM,CAAC,IAAe,EAC7B,IAAI,EAAA,IAAA,EACJ,IAAI,EAAE,MAAM,CAAC,QAAQ,EACrB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,UAAU,EACtC,SAAS,EAAA,IAAA,EACT,mBAAmB,EAAE,KAAK,EAC1B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,QAAQ,EAC3C,MAAM,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EACnC,UAAU,EAAA,IAAA,EACV,YAAY,EAAE,MAAM,EACpB,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAAA,QAAA,EAC/B,KAAK,CAAC,QAAQ,EAAA,CACN;AAErB;;;;"}

package/dist/esm/DataTables/DataTableForQuery.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.ComponentType<any> | undefined;
+};
+export default _default;
+export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataTableForQuery.stories.d.ts.map

package/dist/esm/DataTables/DataTableForQuery.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableForQuery.stories.d.ts","sourceRoot":"","sources":["../../../DataTables/DataTableForQuery.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAI1B,wBAA+E;AAE/E,eAAO,MAAM,OAAO,+CAA4E,CAAC"}