@variocube/app-ui 1.14.0

package/esm/code/Json.js

@@ -0,0 +1,60 @@
+import { Box } from "@mui/material";
+import jsonLexer from "json-lexer";
+import React, { Fragment, useMemo } from "react";
+import { useCodeColors } from "../VCThemeProvider";
+export function Json({ data }) {
+    const tokens = useMemo(() => {
+        const jsonString = JSON.stringify(data, null, 4);
+        return detectKeys(jsonLexer(jsonString));
+    }, [data]);
+    const colors = useCodeColors();
+    return (React.createElement(Fragment, null, tokens.map(({ type, value, raw }) => {
+        switch (type) {
+            case "punctuator":
+                return raw;
+            case "whitespace":
+                return raw;
+            case "literal":
+                return React.createElement(Box, { component: "span", color: colors.literal }, raw);
+            case "number":
+                return React.createElement(Box, { component: "span", color: colors.number }, raw);
+            case "string":
+                return React.createElement(Box, { component: "span", color: colors.string }, raw);
+            case "key":
+                return React.createElement(Box, { component: "span", color: colors.key }, value);
+        }
+    })));
+}
+function detectKeys(tokens) {
+    const tree = [];
+    let nextStringIsKey = false;
+    return tokens.map(token => {
+        if (token.type == "string" && nextStringIsKey) {
+            return Object.assign(Object.assign({}, token), { type: "key" });
+        }
+        if (token.type == "punctuator") {
+            switch (token.value) {
+                case "{":
+                    tree.push("object");
+                    nextStringIsKey = true;
+                    break;
+                case "[":
+                    tree.push("array");
+                    break;
+                case "}":
+                case "]":
+                    tree.pop();
+                    nextStringIsKey = tree[tree.length - 1] == "object";
+                    break;
+                case ":":
+                    nextStringIsKey = false;
+                    break;
+                case ",":
+                    nextStringIsKey = tree[tree.length - 1] == "object";
+                    break;
+            }
+        }
+        return token;
+    });
+}
+//# sourceMappingURL=Json.js.map

package/esm/code/Json.js.map

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

package/esm/code/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Code";
+export * from "./CodeBlock";
+export * from "./Json";

package/esm/code/index.js

@@ -0,0 +1,4 @@
+export * from "./Code";
+export * from "./CodeBlock";
+export * from "./Json";
+//# sourceMappingURL=index.js.map

package/esm/code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/code/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC"}

package/esm/confirm/ConfirmButton.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from "@mui/material";
+import * as React from "react";
+import { PropsWithChildren } from "react";
+interface ConfirmButtonProps {
+    title: string;
+    confirmTitle?: string;
+    cancel: string;
+    onConfirm: () => Promise<any>;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    color?: ButtonProps["color"];
+    variant?: ButtonProps["variant"];
+}
+export declare function ConfirmButton(props: PropsWithChildren<ConfirmButtonProps>): JSX.Element;
+export {};

package/esm/confirm/ConfirmButton.js

@@ -0,0 +1,29 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Button } from "@mui/material";
+import * as React from "react";
+import { Fragment, useCallback } from "react";
+import { useFlag, useIsMounted } from "../utils";
+import { ConfirmDialog } from "./ConfirmDialog";
+export function ConfirmButton(props) {
+    const { fullWidth, title, confirmTitle, cancel, icon, children, onConfirm, color, variant, disabled, } = props;
+    const isMounted = useIsMounted();
+    const [dialogOpen, setDialogOpen, clearDialogOpen] = useFlag(false);
+    const handleConfirm = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        yield onConfirm();
+        if (isMounted) {
+            clearDialogOpen();
+        }
+    }), [onConfirm, isMounted]);
+    return (React.createElement(Fragment, null,
+        React.createElement(Button, { onClick: setDialogOpen, color: color, variant: variant, disabled: disabled, startIcon: icon, fullWidth: fullWidth }, title),
+        React.createElement(ConfirmDialog, { open: dialogOpen, onClose: clearDialogOpen, title: title, confirmTitle: confirmTitle, cancel: cancel, onConfirm: handleConfirm, color: color, fullWidth: fullWidth, icon: icon }, children)));
+}
+//# sourceMappingURL=ConfirmButton.js.map

package/esm/confirm/ConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmButton.js","sourceRoot":"","sources":["../../src/confirm/ConfirmButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,MAAM,EAAc,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAqB,WAAW,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAc9C,MAAM,UAAU,aAAa,CAAC,KAA4C;IACtE,MAAM,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACX,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,MAAM,SAAS,EAAE,CAAC;QAClB,IAAI,SAAS,EAAE,CAAC;YACZ,eAAe,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,CACH,oBAAC,QAAQ;QACL,oBAAC,MAAM,IACH,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,SAAS,IAEnB,KAAK,CACD;QACT,oBAAC,aAAa,IACV,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACT,CACd,CAAC;AACN,CAAC"}

package/esm/confirm/ConfirmDialog.d.ts

@@ -0,0 +1,16 @@
+import { ButtonProps } from "@mui/material";
+import * as React from "react";
+import { PropsWithChildren } from "react";
+interface ConfirmDialogProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    confirmTitle?: string;
+    cancel: string;
+    onConfirm: () => Promise<any>;
+    fullWidth?: boolean;
+    icon?: React.ReactNode;
+    color?: ButtonProps["color"];
+}
+export declare function ConfirmDialog(props: PropsWithChildren<ConfirmDialogProps>): JSX.Element;
+export {};

package/esm/confirm/ConfirmDialog.js

@@ -0,0 +1,35 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+import * as React from "react";
+import { useAsyncCallback } from "react-async-hook";
+import { ErrorAlert } from "../ErrorAlert";
+export function ConfirmDialog(props) {
+    const { open, onClose, title, confirmTitle = title, cancel, onConfirm, fullWidth = true, icon, color = "primary", children } = props;
+    const { loading, error, execute } = useAsyncCallback(onConfirm);
+    function handleSubmit(e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            if (e.currentTarget.reportValidity()) {
+                yield execute();
+            }
+        });
+    }
+    return (React.createElement(Dialog, { fullWidth: fullWidth, open: open, onClose: onClose },
+        React.createElement(DialogTitle, null, title),
+        React.createElement("form", { onSubmit: handleSubmit },
+            React.createElement(DialogContent, null, children),
+            error && (React.createElement(DialogContent, null,
+                React.createElement(ErrorAlert, { error: error }))),
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { type: "submit", color: color, disabled: loading, startIcon: loading ? React.createElement(CircularProgress, { color: color, size: 16, sx: { mx: 0.25 } }) : icon }, confirmTitle),
+                React.createElement(Button, { onClick: onClose, color: "inherit" }, cancel)))));
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/esm/confirm/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","sourceRoot":"","sources":["../../src/confirm/ConfirmDialog.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,MAAM,EAAe,gBAAgB,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AACvH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAczC,MAAM,UAAU,aAAa,CAAC,KAA4C;IACtE,MAAM,EACF,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,SAAS,EACT,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,KAAK,GAAG,SAAS,EACjB,QAAQ,EACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAE9D,SAAe,YAAY,CAAC,CAAmC;;YAC3D,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,CAAC,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;gBACnC,MAAM,OAAO,EAAE,CAAC;YACpB,CAAC;QACL,CAAC;KAAA;IAED,OAAO,CACH,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;QACtD,oBAAC,WAAW,QAAE,KAAK,CAAe;QAClC,8BAAM,QAAQ,EAAE,YAAY;YACxB,oBAAC,aAAa,QAAE,QAAQ,CAAiB;YACxC,KAAK,IAAI,CACN,oBAAC,aAAa;gBACV,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAG,CACf,CACnB;YACD,oBAAC,aAAa;gBACV,oBAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAAE,EAAE,IAAI,EAAC,GAAI,CAAC,CAAC,CAAC,IAAI,IAEvF,YAAY,CACR;gBACT,oBAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,SAAS,IACpC,MAAM,CACF,CACG,CACb,CACF,CACZ,CAAC;AACN,CAAC"}

package/esm/confirm/ConfirmIconButton.d.ts

@@ -0,0 +1,14 @@
+import { ButtonProps } from "@mui/material";
+import * as React from "react";
+import { PropsWithChildren } from "react";
+interface ConfirmIconButtonProps {
+    title: string;
+    confirmTitle?: string;
+    cancel: string;
+    onConfirm: () => Promise<any>;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    color?: ButtonProps["color"];
+}
+export declare function ConfirmIconButton(props: PropsWithChildren<ConfirmIconButtonProps>): JSX.Element;
+export {};

package/esm/confirm/ConfirmIconButton.js

@@ -0,0 +1,29 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { IconButton } from "@mui/material";
+import * as React from "react";
+import { Fragment, useCallback } from "react";
+import { useFlag, useIsMounted } from "../utils";
+import { ConfirmDialog } from "./ConfirmDialog";
+export function ConfirmIconButton(props) {
+    const { title, confirmTitle, cancel, icon, children, onConfirm, color, disabled, } = props;
+    const isMounted = useIsMounted();
+    const [dialogOpen, setDialogOpen, clearDialogOpen] = useFlag(false);
+    const handleConfirm = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        yield onConfirm();
+        if (isMounted) {
+            clearDialogOpen();
+        }
+    }), [onConfirm, isMounted]);
+    return (React.createElement(Fragment, null,
+        React.createElement(IconButton, { onClick: setDialogOpen, color: color, disabled: disabled, title: title }, icon),
+        React.createElement(ConfirmDialog, { open: dialogOpen, onClose: clearDialogOpen, title: title, confirmTitle: confirmTitle, cancel: cancel, onConfirm: handleConfirm, color: color, icon: icon }, children)));
+}
+//# sourceMappingURL=ConfirmIconButton.js.map

package/esm/confirm/ConfirmIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmIconButton.js","sourceRoot":"","sources":["../../src/confirm/ConfirmIconButton.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAc,UAAU,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAqB,WAAW,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAY9C,MAAM,UAAU,iBAAiB,CAAC,KAAgD;IACjF,MAAM,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACR,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC5C,MAAM,SAAS,EAAE,CAAC;QAClB,IAAI,SAAS,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;QACnB,CAAC;IACF,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,CACN,oBAAC,QAAQ;QACR,oBAAC,UAAU,IACV,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IAEX,IAAI,CACO;QACb,oBAAC,aAAa,IACb,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAET,QAAQ,CACM,CACN,CACX,CAAC;AACH,CAAC"}

package/esm/confirm/ConfirmMenuItem.d.ts

@@ -0,0 +1,15 @@
+import { ButtonProps } from "@mui/material";
+import * as React from "react";
+import { PropsWithChildren } from "react";
+interface ConfirmButtonProps {
+    title: string;
+    confirmTitle?: string;
+    cancel: string;
+    onConfirm: () => Promise<any>;
+    fullWidth?: boolean;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    color?: ButtonProps["color"];
+}
+export declare function ConfirmMenuItem(props: PropsWithChildren<ConfirmButtonProps>): JSX.Element;
+export {};

package/esm/confirm/ConfirmMenuItem.js

@@ -0,0 +1,31 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { ListItemIcon, ListItemText, MenuItem } from "@mui/material";
+import * as React from "react";
+import { Fragment, useCallback } from "react";
+import { useFlag, useIsMounted } from "../utils";
+import { ConfirmDialog } from "./ConfirmDialog";
+export function ConfirmMenuItem(props) {
+    const { fullWidth, title, confirmTitle, cancel, icon, children, onConfirm, color, disabled, } = props;
+    const isMounted = useIsMounted();
+    const [dialogOpen, setDialogOpen, clearDialogOpen] = useFlag(false);
+    const handleConfirm = useCallback(() => __awaiter(this, void 0, void 0, function* () {
+        yield onConfirm();
+        if (isMounted) {
+            clearDialogOpen();
+        }
+    }), [onConfirm, isMounted]);
+    return (React.createElement(Fragment, null,
+        React.createElement(MenuItem, { onClick: setDialogOpen, disabled: disabled },
+            icon && (React.createElement(ListItemIcon, null, icon)),
+            React.createElement(ListItemText, { primary: title })),
+        React.createElement(ConfirmDialog, { open: dialogOpen, onClose: clearDialogOpen, title: title, confirmTitle: confirmTitle, cancel: cancel, onConfirm: handleConfirm, color: color, fullWidth: fullWidth, icon: icon }, children)));
+}
+//# sourceMappingURL=ConfirmMenuItem.js.map

package/esm/confirm/ConfirmMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmMenuItem.js","sourceRoot":"","sources":["../../src/confirm/ConfirmMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAc,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAChF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAqB,WAAW,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAa9C,MAAM,UAAU,eAAe,CAAC,KAA4C;IACxE,MAAM,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACX,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,eAAe,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,MAAM,SAAS,EAAE,CAAC;QAClB,IAAI,SAAS,EAAE,CAAC;YACZ,eAAe,EAAE,CAAC;QACtB,CAAC;IACL,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3B,OAAO,CACH,oBAAC,QAAQ;QACL,oBAAC,QAAQ,IACL,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,QAAQ;YAEjB,IAAI,IAAI,CACL,oBAAC,YAAY,QAAE,IAAI,CAAgB,CACtC;YACD,oBAAC,YAAY,IAAC,OAAO,EAAE,KAAK,GAAI,CACzB;QACX,oBAAC,aAAa,IACV,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IAET,QAAQ,CACG,CACT,CACd,CAAC;AACN,CAAC"}

package/esm/confirm/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./ConfirmButton";
+export * from "./ConfirmDialog";
+export * from "./ConfirmIconButton";
+export * from "./ConfirmMenuItem";

package/esm/confirm/index.js

@@ -0,0 +1,5 @@
+export * from "./ConfirmButton";
+export * from "./ConfirmDialog";
+export * from "./ConfirmIconButton";
+export * from "./ConfirmMenuItem";
+//# sourceMappingURL=index.js.map

package/esm/confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/confirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

package/esm/container/ContainerLayout.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+import { Breakpoint } from "@mui/system";
+interface ContainerLayoutProps extends PropsWithChildren<any> {
+    fixedWidth?: Breakpoint | false;
+    margin?: number;
+}
+export declare function ContainerLayout({ children, fixedWidth, margin, helpKey }: ContainerLayoutProps): JSX.Element;
+export {};

package/esm/container/ContainerLayout.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { Box, Container } from "@mui/material";
+import { containerWidthToBreakPoint, useContainerSettingsContext } from "./ContainerSettingsContext";
+import { useHelpSettingsContext } from "../help/HelpSettingsContext";
+import { HelpDrawer } from "../help/HelpDrawer";
+export function ContainerLayout({ children, fixedWidth, margin, helpKey }) {
+    const { width } = useContainerSettingsContext();
+    const { baseUrl } = useHelpSettingsContext();
+    let selectedWidth = fixedWidth;
+    if (!selectedWidth && width) {
+        selectedWidth = containerWidthToBreakPoint(width);
+    }
+    return (React.createElement(Container, { maxWidth: selectedWidth, id: "containerLayout" },
+        React.createElement(Box, { marginTop: margin != undefined ? margin : 5, id: "containerLayoutBoxScreen", display: "block", displayPrint: "none" },
+            children,
+            baseUrl &&
+                React.createElement(HelpDrawer, null)),
+        React.createElement(Box, { id: "containerLayoutBoxPrint", display: "none", displayPrint: "block", style: { marginTop: "-32px" } }, children)));
+}
+//# sourceMappingURL=ContainerLayout.js.map

package/esm/container/ContainerLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerLayout.js","sourceRoot":"","sources":["../../src/container/ContainerLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,0BAA0B,EAAE,2BAA2B,EAAC,MAAM,4BAA4B,CAAC;AACnG,OAAO,EAAC,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAO9C,MAAM,UAAU,eAAe,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAuB;IAC5F,MAAM,EAAC,KAAK,EAAC,GAAG,2BAA2B,EAAE,CAAC;IAC9C,MAAM,EAAC,OAAO,EAAC,GAAG,sBAAsB,EAAE,CAAC;IAE3C,IAAI,aAAa,GAAG,UAAU,CAAC;IAC/B,IAAG,CAAC,aAAa,IAAI,KAAK,EAAE,CAAC;QAC5B,aAAa,GAAG,0BAA0B,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,CACN,oBAAC,SAAS,IAAC,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAC,iBAAiB;QACvD,oBAAC,GAAG,IACH,SAAS,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC3C,EAAE,EAAC,0BAA0B,EAC7B,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,MAAM;YAElB,QAAQ;YACR,OAAO;gBACP,oBAAC,UAAU,OAAG,CAEV;QACN,oBAAC,GAAG,IAAC,EAAE,EAAC,yBAAyB,EAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,OAAO,EAAC,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,IAC/F,QAAQ,CACJ,CACK,CACZ,CAAC;AACH,CAAC"}

package/esm/container/ContainerSettingsContext.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from "react";
+import { Breakpoint } from "@mui/system";
+type ContainerWidth = Breakpoint | 'max';
+export declare function nextWidth(currentWidth: ContainerWidth): ContainerWidth;
+export declare function containerWidthToBreakPoint(width: ContainerWidth): Breakpoint | false;
+interface ContainerSettingsContextData {
+    width: ContainerWidth;
+    setWidth: (width: ContainerWidth) => void;
+}
+export declare function ContainerSettingsContextProvider({ children }: PropsWithChildren<any>): JSX.Element;
+export declare function useContainerSettingsContext(): ContainerSettingsContextData;
+export {};

package/esm/container/ContainerSettingsContext.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+const availableWidths = ['lg', 'xl', 'max'];
+export function nextWidth(currentWidth) {
+    const currentIndex = availableWidths.indexOf(currentWidth);
+    const nextIndex = currentIndex + 1;
+    return nextIndex >= availableWidths.length ? availableWidths[0] : availableWidths[nextIndex];
+}
+export function containerWidthToBreakPoint(width) {
+    return width === 'max' ? false : width;
+}
+const WIDTH_KEY = "variocube-container-width";
+const DEFAULT_WIDTH = 'lg';
+const emptyContext = {
+    width: DEFAULT_WIDTH,
+    setWidth: (width) => console.error(`Empty context should not call setWidth(${width}), you most likely do not have <ContainerSettingsContextProvider/> in your component tree.`)
+};
+const ContainerSettingsContext = createContext(emptyContext);
+export function ContainerSettingsContextProvider({ children }) {
+    const [width, setWidth] = useState(undefined);
+    const handleSetWidth = useCallback((next) => {
+        console.log(`Setting container width to ${next}`);
+        localStorage.setItem(WIDTH_KEY, next);
+        setWidth(next);
+    }, []);
+    const defaultContext = useMemo(() => {
+        return {
+            width: width || DEFAULT_WIDTH,
+            setWidth: handleSetWidth
+        };
+    }, [width, handleSetWidth]);
+    useEffect(() => {
+        let configured = localStorage.getItem(WIDTH_KEY);
+        if (configured) {
+            setWidth(configured);
+        }
+        else {
+            setWidth(DEFAULT_WIDTH);
+        }
+    }, []);
+    return (React.createElement(ContainerSettingsContext.Provider, { value: defaultContext }, children));
+}
+export function useContainerSettingsContext() {
+    return useContext(ContainerSettingsContext);
+}
+//# sourceMappingURL=ContainerSettingsContext.js.map

package/esm/container/ContainerSettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerSettingsContext.js","sourceRoot":"","sources":["../../src/container/ContainerSettingsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACH,aAAa,EAGb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACX,MAAM,OAAO,CAAC;AAKf,MAAM,eAAe,GAAqB,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AAE/D,MAAM,UAAU,SAAS,CAAC,YAA4B;IAClD,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC3D,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAC;IACnC,OAAO,SAAS,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;AACjG,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,KAAqB;IAC5D,OAAO,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;AAC3C,CAAC;AAED,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAC9C,MAAM,aAAa,GAAmB,IAAI,CAAC;AAO3C,MAAM,YAAY,GAAiC;IAC/C,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,KAAqB,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,0CAA0C,KAAK,4FAA4F,CAAC;CAClM,CAAC;AAEF,MAAM,wBAAwB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE7D,MAAM,UAAU,gCAAgC,CAAC,EAAC,QAAQ,EAAyB;IAC/E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAA6B,SAAS,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,IAAoB,EAAE,EAAE;QACxD,OAAO,CAAC,GAAG,CAAC,8BAA8B,IAAI,EAAE,CAAC,CAAC;QAClD,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACtC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,OAAO,CAA+B,GAAG,EAAE;QAC9D,OAAO;YACH,KAAK,EAAE,KAAK,IAAI,aAAa;YAC7B,QAAQ,EAAE,cAAc;SAC3B,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QACjD,IAAG,UAAU,EAAE,CAAC;YACZ,QAAQ,CAAC,UAA4B,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACJ,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,wBAAwB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,IACnD,QAAQ,CACuB,CACvC,CAAC;AACN,CAAC;AAED,MAAM,UAAU,2BAA2B;IACvC,OAAO,UAAU,CAA+B,wBAAwB,CAAC,CAAC;AAC9E,CAAC"}

package/esm/container/ContainerWidthControl.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LinkProps } from "@mui/material/Link/Link";
+interface ContainerWidthControlProps extends Omit<LinkProps, "children"> {
+}
+export declare function ContainerWidthControl(props: ContainerWidthControlProps): JSX.Element;
+export {};

package/esm/container/ContainerWidthControl.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Link } from "@mui/material";
+import { nextWidth, useContainerSettingsContext } from "./ContainerSettingsContext";
+import { useCallback } from "react";
+export function ContainerWidthControl(props) {
+    const { width, setWidth } = useContainerSettingsContext();
+    const handleChangeContainerWidth = useCallback(() => {
+        setWidth(nextWidth(width));
+    }, [width]);
+    return (React.createElement(Link, Object.assign({ href: "#", underline: "hover", color: "secondary", onClick: handleChangeContainerWidth }, props), width));
+}
+//# sourceMappingURL=ContainerWidthControl.js.map

package/esm/container/ContainerWidthControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContainerWidthControl.js","sourceRoot":"","sources":["../../src/container/ContainerWidthControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AAEnC,OAAO,EAAC,SAAS,EAAE,2BAA2B,EAAC,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAKlC,MAAM,UAAU,qBAAqB,CAAC,KAAiC;IACnE,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,2BAA2B,EAAE,CAAC;IAExD,MAAM,0BAA0B,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACH,oBAAC,IAAI,kBAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,0BAA0B,IAAM,KAAK,GAAG,KAAK,CAAQ,CACpH,CAAC;AACN,CAAC"}

package/esm/container/index.d.ts

@@ -0,0 +1,3 @@
+export { ContainerSettingsContextProvider, useContainerSettingsContext, containerWidthToBreakPoint, nextWidth } from "./ContainerSettingsContext";
+export { ContainerLayout } from "./ContainerLayout";
+export { ContainerWidthControl } from "./ContainerWidthControl";

package/esm/container/index.js

@@ -0,0 +1,4 @@
+export { ContainerSettingsContextProvider, useContainerSettingsContext, containerWidthToBreakPoint, nextWidth } from "./ContainerSettingsContext";
+export { ContainerLayout } from "./ContainerLayout";
+export { ContainerWidthControl } from "./ContainerWidthControl";
+//# sourceMappingURL=index.js.map

package/esm/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gCAAgC,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,SAAS,EAAC,MAAM,4BAA4B,CAAC;AAChJ,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC"}

package/esm/content-table/ContentTable.d.ts

@@ -0,0 +1,25 @@
+import { ReactComponentElement } from "react";
+import { Page, PagingSettings } from "../Paging";
+export type ColumnType = {
+    [sortKey: string]: {
+        show: boolean;
+        name: string;
+        align?: 'left' | 'right' | 'center';
+        unsortable?: boolean;
+    };
+};
+type ContentTableProps<T> = {
+    pageable: PagingSettings<keyof ColumnType>;
+    columns: ColumnType;
+    onPageableChange: (pageable: PagingSettings<keyof ColumnType>) => void;
+    onColumnsChange: (columns: ColumnType) => void;
+    page?: Page<T>;
+    inProgress?: boolean;
+    onFilterClick?: () => void;
+    renderEmptyContent?: ReactComponentElement<any>;
+    renderTableBody?: ReactComponentElement<any>;
+    renderFilterOptions?: ReactComponentElement<any>;
+    renderColumnFilter?: ReactComponentElement<any>;
+};
+export declare const ContentTable: <T extends unknown>(props: ContentTableProps<T>) => JSX.Element;
+export {};

package/esm/content-table/ContentTable.js

@@ -0,0 +1,87 @@
+import React, { Fragment, useMemo, useState } from "react";
+import { Box, Button, Checkbox, CircularProgress, Dialog, DialogActions, DialogContent, FormControlLabel, Grid, IconButton, LinearProgress, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, useTheme } from "@mui/material";
+import { FilterListIcon, TuningIcon } from "../icons";
+import { UndrawEmpty } from "./UndrawEmpty";
+export const ContentTable = (props) => {
+    const { page, pageable, columns, renderEmptyContent, renderTableBody, renderFilterOptions, renderColumnFilter, inProgress, onPageableChange, onColumnsChange, onFilterClick, } = props;
+    const currentPage = useMemo(() => page, [page]);
+    const currentPageable = useMemo(() => pageable, [pageable]);
+    const [showColumnSettings, setShowColumnSettings] = useState(false);
+    const handleSortColumn = (key) => {
+        const { sort, direction } = currentPageable;
+        let oD;
+        if (sort == key) {
+            oD = direction === 'desc' ? 'asc' : 'desc';
+        }
+        else {
+            oD = 'desc';
+        }
+        updatePageable(Object.assign(Object.assign({}, currentPageable), { sort: key, direction: oD }));
+    };
+    const handlePageChange = (e, pageNumber) => {
+        updatePageable(Object.assign(Object.assign({}, currentPageable), { pageNumber: pageNumber }));
+    };
+    const handleRowsPerPageChange = (e) => {
+        updatePageable(Object.assign(Object.assign({}, currentPageable), { pageSize: e.target.value }));
+    };
+    const updatePageable = (settings) => {
+        onPageableChange(settings);
+    };
+    const toggleColumnSettings = () => setShowColumnSettings(!showColumnSettings);
+    const handleColumnsChange = (sortKey, show) => {
+        onColumnsChange(Object.assign(Object.assign({}, columns), { [sortKey]: Object.assign(Object.assign({}, columns[sortKey]), { show }) }));
+    };
+    const theme = useTheme();
+    return (React.createElement(Paper, { sx: { maxWidth: `calc(100vw - ${theme.spacing(4)})` } },
+        !currentPage && (React.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 3 },
+            React.createElement(CircularProgress, null))),
+        currentPage && (React.createElement(Fragment, null,
+            React.createElement(Box, { p: 1 },
+                React.createElement(Grid, { container: true },
+                    React.createElement(Grid, { item: true, display: "flex", flexGrow: 1, alignItems: "center" },
+                        onFilterClick && (React.createElement(IconButton, { onClick: onFilterClick },
+                            React.createElement(FilterListIcon, null))),
+                        React.createElement(Box, { mx: 1 }),
+                        renderFilterOptions && (renderFilterOptions)),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(IconButton, { onClick: toggleColumnSettings },
+                            React.createElement(TuningIcon, null))))),
+            React.createElement(TableContainer, null,
+                React.createElement(Table, { size: "small" },
+                    React.createElement(TableHead, { sx: {
+                            background: theme.palette.mode === 'light' ? theme.palette.grey[200] : theme.palette.grey[600]
+                        } },
+                        React.createElement(TableRow, null, Object.keys(columns).filter(k => columns[k].show).map((k) => (React.createElement(TableCell, { key: 'data-table-' + k, sx: { whiteSpace: 'nowrap' }, align: columns[k].align },
+                            !columns[k].unsortable && (React.createElement(TableSortLabel, { active: currentPageable.sort === k, direction: currentPageable.sort === k ? currentPageable.direction : 'asc', onClick: () => handleSortColumn(k) }, columns[k].name)),
+                            columns[k].unsortable && (columns[k].name)))))),
+                    React.createElement(TableBody, { sx: {
+                            '& > tr:not(.empty)': {
+                                cursor: 'pointer',
+                                '&:hover': {
+                                    background: `${theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[800]} !important`
+                                }
+                            }
+                        } },
+                        currentPage.content.length === 0 && (renderEmptyContent ?
+                            (React.createElement(Fragment, null, renderEmptyContent)) :
+                            (React.createElement(TableRow, { className: 'empty' },
+                                React.createElement(TableCell, { colSpan: Object.keys(columns).length },
+                                    React.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 3 },
+                                        React.createElement(Box, { sx: {
+                                                height: 300,
+                                                [theme.breakpoints.down('md')]: {
+                                                    height: 150
+                                                },
+                                            } },
+                                            React.createElement(UndrawEmpty, { height: "100%", width: "auto" }))))))),
+                        renderTableBody))),
+            React.createElement(TablePagination, { rowsPerPageOptions: [10, 25, 50], component: "div", count: currentPage.totalElements, rowsPerPage: currentPageable.pageSize, page: currentPageable.pageNumber, onPageChange: handlePageChange, onRowsPerPageChange: handleRowsPerPageChange }),
+            inProgress && (React.createElement(LinearProgress, { variant: "indeterminate" })),
+            React.createElement(Dialog, { fullWidth: true, maxWidth: "sm", open: showColumnSettings },
+                React.createElement(DialogContent, null,
+                    renderColumnFilter && React.createElement(Fragment, null, renderColumnFilter),
+                    !renderColumnFilter && Object.keys(columns).map((k, i) => (React.createElement(FormControlLabel, { key: 'column-setting-' + i, label: columns[k].name, color: "primary", control: React.createElement(Checkbox, { checked: columns[k].show, onChange: e => handleColumnsChange(k, e.target.checked) }) })))),
+                React.createElement(DialogActions, null,
+                    React.createElement(Button, { variant: "contained", color: "primary", onClick: toggleColumnSettings }, "OK")))))));
+};
+//# sourceMappingURL=ContentTable.js.map

package/esm/content-table/ContentTable.js.map

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

package/esm/content-table/UndrawEmpty.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from "react";
+export declare const UndrawEmpty: (props: SVGProps<SVGSVGElement>) => JSX.Element;