@variocube/app-ui 1.14.0

package/README.md

@@ -0,0 +1,65 @@
+# app-ui
+
+Common UI components for Variocube applications.
+
+## Demos
+
+Check out the demos hosted with GitHub pages: https://variocube.github.io/app-ui
+
+## Using the splash screen
+
+1. Reference the splash template in your `HtmlWebpackPlugin` options:
+
+```javascript
+{
+	plugins:
+	[
+		new HtmlWebPackPlugin({
+			filename: "./index.html",
+			template: "./node_modules/@variocube/app-ui/src/splash/template.html",
+			title: "My splashy app",
+		}),
+		// ,..other plugins
+	];
+	// ...other config
+}
+```
+
+1. Use the `render` function of `app-ui` instead of the one from `react-dom`:
+
+```javascript
+import {render} from "@variocube/app-ui";
+import * as React from "react";
+import {App} from "./App";
+
+render(<App />);
+```
+
+## Using local Google Fonts
+
+1. Add `VCThemeProvider` or the `RobotoFont` component to your application.
+
+2. Configure a loader rule for webfonts in your webpack config:
+
+```javascript
+{
+	module: {
+		rules:
+		[
+			{
+				test: /\.woff(2?)$/,
+				type: "asset/resource",
+			},
+			// ...other rules
+		];
+	}
+	// ...other config
+}
+```
+
+## Using for local development
+
+1. In the project run:
+   npm pack
+2. In Consumer Project run:
+   npm install ..\app-ui\variocube-app-ui-1.0.0.tgz

package/esm/AppShell/AppShell.d.ts

@@ -0,0 +1,12 @@
+import { Breakpoint } from "@mui/material";
+import { PropsWithChildren } from "react";
+interface AppShellProps {
+    appName: string;
+    sideNav?: JSX.Element | null | undefined;
+    sideNavWidth?: number;
+    sideNavFixed?: Breakpoint;
+    topNav?: JSX.Element | null | undefined;
+    footer?: JSX.Element | null | undefined;
+}
+export declare function AppShell(props: PropsWithChildren<AppShellProps>): JSX.Element;
+export {};

package/esm/AppShell/AppShell.js

@@ -0,0 +1,92 @@
+import { AppBar, Box, Drawer, IconButton, useMediaQuery, useTheme } from "@mui/material";
+import React, { useEffect } from "react";
+import { useFlag } from "../utils";
+import { MenuIcon } from "../icons";
+import { LayoutProvider } from "../layout";
+import { VCAppLogo } from "../logo/VCAppLogo";
+export function AppShell(props) {
+    const { children, appName, sideNav, sideNavWidth = 200, topNav, sideNavFixed = "md", footer, } = props;
+    const [drawerOpen, setDrawerOpen, clearDrawerOpen, toggleDrawerOpen] = useFlag(false);
+    const theme = useTheme();
+    const drawerPermanent = useMediaQuery(theme.breakpoints.up(sideNavFixed));
+    useEffect(() => {
+        if (drawerPermanent) {
+            setDrawerOpen();
+        }
+    }, [drawerPermanent]);
+    return (React.createElement(LayoutProvider, { appName: appName },
+        React.createElement(Box, { sx: {
+                display: "flex",
+                flexFlow: "column nowrap",
+                "@media screen": {
+                    height: "100vh",
+                    overflowY: "scroll"
+                },
+                "@media print": {
+                    padding: 0,
+                    margin: 0
+                }
+            } },
+            React.createElement(AppBar, { elevation: 0, position: "static", color: "inherit", sx: {
+                    borderBottom: 1,
+                    borderColor: "divider",
+                    backgroundColor: "paper.elevation1",
+                    color: "text.primary",
+                    displayPrint: "none"
+                } },
+                React.createElement(Box, { sx: {
+                        position: "relative",
+                        display: "flex",
+                        flexFlow: "row nowrap",
+                        justifyContent: "space-between",
+                        alignItems: "center",
+                        px: 2
+                    } },
+                    !drawerPermanent && (React.createElement(IconButton, { edge: "start", sx: { marginRight: 1 }, color: "inherit", "aria-label": "menu", onClick: toggleDrawerOpen, disabled: !sideNav, size: "large" },
+                        React.createElement(MenuIcon, null))),
+                    React.createElement(VCAppLogo, { appName: drawerPermanent ? appName : undefined, sx: Object.assign({ py: 1 }, (!drawerPermanent && {
+                            position: "absolute",
+                            top: "50%",
+                            left: "50%",
+                            transform: "translate(-50%, -50%)"
+                        })) }),
+                    topNav,
+                    !topNav && React.createElement(Box, null))),
+            React.createElement(Box, { sx: {
+                    flex: "1 1 auto",
+                    display: "flex",
+                    flexFlow: "row nowrap",
+                } },
+                sideNav && (React.createElement(Drawer, { variant: !drawerPermanent ? "temporary" : "permanent", sx: {
+                        displayPrint: "none",
+                        [`& .MuiDrawer-paper`]: {
+                            position: "relative",
+                            whiteSpace: "nowrap",
+                            overflowX: "hidden",
+                            width: sideNavWidth,
+                            boxSizing: "border-box"
+                        },
+                        ["& .MuiPaper-elevation0"]: {
+                            backgroundColor: "paper.elevation1"
+                        }
+                    }, open: drawerOpen, onClick: !drawerPermanent ? clearDrawerOpen : undefined, onClose: clearDrawerOpen },
+                    !drawerPermanent && (React.createElement(VCAppLogo, { appName: appName, sx: {
+                            px: 2,
+                            py: 1,
+                        } })),
+                    sideNav)),
+                React.createElement(Box, { sx: {
+                        py: 4,
+                        flex: 1,
+                        maxWidth: "100%",
+                        "@media print": { padding: 0, margin: 0 }
+                    } }, children)),
+            footer && (React.createElement(Box, { sx: {
+                    borderTop: 1,
+                    borderColor: "divider",
+                    backgroundColor: theme.palette.background.paper,
+                    color: "text.primary",
+                    displayPrint: "none"
+                } }, footer)))));
+}
+//# sourceMappingURL=AppShell.js.map

package/esm/AppShell/AppShell.js.map

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

package/esm/AppShell/index.d.ts

@@ -0,0 +1 @@
+export { AppShell } from "./AppShell";

package/esm/AppShell/index.js

@@ -0,0 +1,2 @@
+export { AppShell } from "./AppShell";
+//# sourceMappingURL=index.js.map

package/esm/AppShell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AppShell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC"}

package/esm/ErrorAlert.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { ProblemJson } from "./fetch";
+export interface ErrorAlertProps {
+    /**
+     * The error to display.
+     *
+     * This can be an API error, JavaScript error, an error message string. If the passed value evaluates to `false`,
+     * no error message is displayed.
+     */
+    error: Partial<ProblemJson> | Error | string | any;
+}
+export declare const ErrorAlert: React.ForwardRefExoticComponent<ErrorAlertProps & React.RefAttributes<HTMLDivElement>>;

package/esm/ErrorAlert.js

@@ -0,0 +1,61 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import * as React from "react";
+import { ApiError } from "./fetch";
+import { ErrorIcon } from "./icons";
+export const ErrorAlert = React.forwardRef(({ error }, ref) => {
+    if (!error) {
+        return null;
+    }
+    const _a = normalizeError(error), { title, status, detail, type, instance, stack } = _a, rest = __rest(_a, ["title", "status", "detail", "type", "instance", "stack"]);
+    return (React.createElement(Alert, { ref: ref, severity: "error", icon: React.createElement(ErrorIcon, null) },
+        React.createElement(AlertTitle, null, title),
+        detail,
+        status && React.createElement(Typography, { component: "div", variant: "caption" },
+            "Status: ",
+            status),
+        instance && React.createElement(Typography, { component: "div", variant: "caption" },
+            "Instance: ",
+            instance),
+        type && type != "about:blank" && (React.createElement(Typography, { component: "div", variant: "caption" },
+            "Type: ",
+            type)),
+        Object.entries(rest).map(([key, value]) => (React.createElement(Typography, { component: "div", variant: "caption", key: key },
+            key,
+            ": ",
+            value)))));
+});
+function normalizeError(error) {
+    if (typeof error == "string") {
+        return {
+            title: error,
+        };
+    }
+    if (error instanceof ApiError) {
+        return error;
+    }
+    if (error instanceof Error) {
+        return {
+            title: error.message,
+            type: error.name,
+            stack: error.stack,
+        };
+    }
+    if (typeof error.title != "undefined") {
+        return error;
+    }
+    return {
+        title: error.toString(),
+    };
+}
+//# sourceMappingURL=ErrorAlert.js.map

package/esm/ErrorAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.js","sourceRoot":"","sources":["../src/ErrorAlert.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAc,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAalC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACzC,CAAC,EAAC,KAAK,EAAkB,EAAE,GAAiC,EAAE,EAAE;IAC/D,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACb,CAAC;IACD,MAAM,KAA0D,cAAc,CAAC,KAAK,CAAC,EAA/E,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,OAAkC,EAA7B,IAAI,cAAtD,0DAAuD,CAAwB,CAAC;IACtF,OAAO,CACN,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,oBAAC,SAAS,OAAG;QACpD,oBAAC,UAAU,QAAE,KAAK,CAAc;QAC/B,MAAM;QACN,MAAM,IAAI,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS;;YAAU,MAAM,CAAc;QACrF,QAAQ,IAAI,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS;;YAAY,QAAQ,CAAc;QAC3F,IAAI,IAAI,IAAI,IAAI,aAAa,IAAI,CACjC,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS;;YAAQ,IAAI,CAAc,CACvE;QACA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC3C,oBAAC,UAAU,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG;YAAG,GAAG;;YAAI,KAAK,CAAc,CACnF,CAAC,CACK,CACR,CAAC;AACH,CAAC,CACD,CAAC;AAUF,SAAS,cAAc,CAAC,KAAU;IACjC,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE,CAAC;QAC9B,OAAO;YACN,KAAK,EAAE,KAAK;SACZ,CAAC;IACH,CAAC;IACD,IAAI,KAAK,YAAY,QAAQ,EAAE,CAAC;QAC/B,OAAO,KAAK,CAAC;IACd,CAAC;IACD,IAAI,KAAK,YAAY,KAAK,EAAE,CAAC;QAC5B,OAAO;YACN,KAAK,EAAE,KAAK,CAAC,OAAO;YACpB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,KAAK,EAAE,KAAK,CAAC,KAAK;SAClB,CAAC;IACH,CAAC;IACD,IAAI,OAAO,KAAK,CAAC,KAAK,IAAI,WAAW,EAAE,CAAC;QACvC,OAAO,KAAK,CAAC;IACd,CAAC;IACD,OAAO;QACN,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE;KACvB,CAAC;AACH,CAAC"}

package/esm/Input/ActionsMenu.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface ActionMenuItem {
+    label: string;
+    onClick: () => void;
+}
+export interface ActionsMenuProps {
+    actions: ActionMenuItem[];
+}
+export declare function ActionsMenu(props: ActionsMenuProps): JSX.Element | null;

package/esm/Input/ActionsMenu.js

@@ -0,0 +1,29 @@
+import { Button, ButtonGroup, Menu, MenuItem } from "@mui/material";
+import * as React from "react";
+import { useState } from "react";
+import { ExpandMore } from "@mui/icons-material";
+export function ActionsMenu(props) {
+    const { actions } = props;
+    if (actions.length == 0) {
+        return null;
+    }
+    if (actions.length == 1) {
+        return React.createElement(SimpleButton, { label: actions[0].label, onClick: actions[0].onClick });
+    }
+    return (React.createElement(PushButtonWithMenu, { label: actions[0].label, onClick: actions[0].onClick }, actions.slice(1).map((action, index) => (React.createElement(MenuItem, { key: index, onClick: action.onClick }, action.label)))));
+}
+function SimpleButton({ label, onClick, primary, size, loading }) {
+    return (React.createElement(Button, { color: primary ? "primary" : undefined, variant: primary ? "contained" : "outlined", size: size, disabled: loading, onClick: onClick }, label));
+}
+function PushButtonWithMenu(props) {
+    const { label, onClick, disabled, size, children } = props;
+    const [anchorEl, setAnchorEl] = useState(null);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ButtonGroup, { size: size },
+            React.createElement(Button, { variant: "outlined", disabled: disabled, onClick: onClick }, label),
+            React.createElement(Button, { variant: "outlined", disabled: disabled, size: "small", onClick: (e) => setAnchorEl(e.currentTarget) },
+                React.createElement(ExpandMore, null))),
+        children
+            && (React.createElement(Menu, { open: Boolean(anchorEl), anchorEl: anchorEl, onClose: () => setAnchorEl(null), keepMounted: true, onClick: () => setAnchorEl(null), anchorOrigin: { vertical: "bottom", horizontal: "center" }, transformOrigin: { vertical: "top", horizontal: "center" } }, children))));
+}
+//# sourceMappingURL=ActionsMenu.js.map

package/esm/Input/ActionsMenu.js.map

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

package/esm/Input/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps as MuiCheckboxProps } from "@mui/material";
+import { ReactNode } from "react";
+export type CheckboxProps = Omit<MuiCheckboxProps, "onChange" | "value"> & {
+    label?: ReactNode;
+    value?: boolean;
+    onChange?: (checked: boolean) => any;
+    className?: string;
+};
+export declare const Checkbox: ({ label, value, onChange, disabled, className, color, ...props }: CheckboxProps) => JSX.Element;

package/esm/Input/Checkbox.js

@@ -0,0 +1,23 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Checkbox as MuiCheckbox, FormControlLabel } from "@mui/material";
+import React, { useCallback } from "react";
+export const Checkbox = (_a) => {
+    var { label, value, onChange, disabled, className, color } = _a, props = __rest(_a, ["label", "value", "onChange", "disabled", "className", "color"]);
+    const handleChange = useCallback((e) => {
+        if (onChange) {
+            onChange(e.target.checked);
+        }
+    }, [onChange]);
+    return (React.createElement(FormControlLabel, { control: React.createElement(MuiCheckbox, Object.assign({ checked: value, onChange: handleChange, disabled: disabled }, props)), label: label, disabled: disabled, className: className }));
+};
+//# sourceMappingURL=Checkbox.js.map

package/esm/Input/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/Input/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,QAAQ,IAAI,WAAW,EAAqC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAC3G,OAAO,KAAK,EAAE,EAAY,WAAW,EAAC,MAAM,OAAO,CAAC;AASpD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAA6E,EAAE,EAAE;QAAjF,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,OAA0B,EAArB,KAAK,cAA7D,gEAA8D,CAAD;IACrF,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC3E,IAAI,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;IACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACN,oBAAC,gBAAgB,IAChB,OAAO,EACN,oBAAC,WAAW,kBACX,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACR,EAEH,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACnB,CACF,CAAC;AACH,CAAC,CAAC"}

package/esm/Input/EmailSenderField.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { TextFieldProps } from "./TextField";
+export type EmailSenderFieldProps = Omit<TextFieldProps, "onChange"> & {
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => any;
+    updateValidity?: (valid: boolean) => void;
+};
+export declare function EmailSenderField({ onChange, validate, onBlur, helperText, select, SelectProps, error, updateValidity, ...props }: EmailSenderFieldProps): JSX.Element;
+export declare function isEmail(email: string): boolean;

package/esm/Input/EmailSenderField.js

@@ -0,0 +1,71 @@
+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());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { TextField } from "./TextField";
+import { useState } from "react";
+export function EmailSenderField(_a) {
+    var { onChange, validate, onBlur, helperText, select, SelectProps, error, updateValidity } = _a, props = __rest(_a, ["onChange", "validate", "onBlur", "helperText", "select", "SelectProps", "error", "updateValidity"]);
+    const [valid, setValid] = useState(false);
+    function validateEmailSender(value) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let valid = false;
+            if (isEmail(value)) {
+                const response = yield fetch("https://28pdqh9qy3.execute-api.eu-west-1.amazonaws.com/dev/validate-email-sender", {
+                    method: "POST",
+                    body: JSON.stringify({
+                        "email": value
+                    })
+                });
+                if (response.ok) {
+                    const json = yield response.json();
+                    valid = json.valid;
+                }
+            }
+            setValid(valid);
+            if (updateValidity) {
+                updateValidity(valid);
+            }
+        });
+    }
+    function handleChange(value, e) {
+        if (onChange) {
+            onChange(value, e);
+        }
+        validateEmailSender(value);
+    }
+    function handleBlur(e) {
+        var _a;
+        const value = ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value) || e.target.value;
+        if (onBlur) {
+            onBlur(e);
+        }
+        validateEmailSender(value);
+    }
+    return (React.createElement(TextField, Object.assign({}, props, { onChange: handleChange, onBlur: handleBlur, error: error || !valid })));
+}
+export function isEmail(email) {
+    if (!email) {
+        return false;
+    }
+    const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+    return re.test(email.toLowerCase());
+}
+//# sourceMappingURL=EmailSenderField.js.map

package/esm/Input/EmailSenderField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailSenderField.js","sourceRoot":"","sources":["../../src/Input/EmailSenderField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAO/B,MAAM,UAAU,gBAAgB,CAAC,EAAqH;QAArH,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,OAAkC,EAA7B,KAAK,cAA7F,oGAA8F,CAAD;IAC1H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEnD,SAAe,mBAAmB,CAAC,KAAa;;YAC5C,IAAI,KAAK,GAAG,KAAK,CAAC;YAClB,IAAG,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBAChB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,kFAAkF,EAAE;oBAC7G,MAAM,EAAE,MAAM;oBACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;wBACjB,OAAO,EAAE,KAAK;qBACjB,CAAC;iBACL,CAAC,CAAC;gBACH,IAAG,QAAQ,CAAC,EAAE,EAAE,CAAC;oBACb,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;oBACnC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;gBACvB,CAAC;YACL,CAAC;YACD,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,IAAG,cAAc,EAAE,CAAC;gBAChB,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACL,CAAC;KAAA;IAED,SAAS,YAAY,CAAC,KAAa,EAAE,CAAsC;QACvE,IAAI,QAAQ,EAAE,CAAC;YACX,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACvB,CAAC;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,UAAU,CAAC,CAAqC;;QACrD,MAAM,KAAK,GAAG,CAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACvD,IAAI,MAAM,EAAE,CAAC;YACT,MAAM,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;QACD,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,CACH,oBAAC,SAAS,oBACF,KAAK,IACT,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,KAAK,EAAE,KAAK,IAAI,CAAC,KAAK,IACxB,CACL,CAAC;AACN,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAa;IACjC,IAAG,CAAC,KAAK,EAAE,CAAC;QACR,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,MAAM,EAAE,GAAG,yJAAyJ,CAAC;IACrK,OAAO,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC;AACxC,CAAC"}

package/esm/Input/NumberField.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TextFieldProps } from "@mui/material/TextField/TextField";
+export declare const IntegerNumberFormat: Intl.NumberFormat;
+export type NumberFieldProps = TextFieldProps & {
+    numberFormat: Intl.NumberFormat;
+    numberValue: number | null;
+    onChangeNumber: (value: number | null) => void;
+    invalidMessage?: string;
+};
+export declare function NumberField({ numberValue, onChangeNumber, onChange, onFocus, onBlur, onKeyPress, numberFormat, invalidMessage, helperText, ...props }: NumberFieldProps): JSX.Element;

package/esm/Input/NumberField.js

@@ -0,0 +1,94 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { TextField } from "@mui/material";
+import * as React from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+export const IntegerNumberFormat = new Intl.NumberFormat("en-US", {
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+    useGrouping: false,
+});
+export function NumberField(_a) {
+    var { numberValue, onChangeNumber, onChange, onFocus, onBlur, onKeyPress, numberFormat, invalidMessage, helperText } = _a, props = __rest(_a, ["numberValue", "onChangeNumber", "onChange", "onFocus", "onBlur", "onKeyPress", "numberFormat", "invalidMessage", "helperText"]);
+    const [strValue, setStrValue] = useState("");
+    const [error, setError] = useState("");
+    const [focus, setFocus] = useState(false);
+    const input = useRef(null);
+    // find out decimal separator
+    const decimalSeparator = useMemo(() => {
+        return numberFormat.format(1.1).replace(/[01]/g, "");
+    }, [numberFormat]);
+    // find out thousands separator
+    const thousandSeparator = useMemo(() => {
+        return numberFormat.format(1111).replace(/[01]/g, "").replace(decimalSeparator, "");
+    }, [numberFormat, decimalSeparator]);
+    // restrict key press to chars that can be part of a number
+    const handleKeyPress = useCallback((e) => {
+        const keyValue = String.fromCharCode(e.charCode);
+        if (!keyValue.match(/[\-0-9]/g) && keyValue !== thousandSeparator && keyValue !== decimalSeparator) {
+            e.preventDefault();
+        }
+        else {
+            onKeyPress && onKeyPress(e);
+        }
+    }, [onKeyPress, thousandSeparator, decimalSeparator]);
+    // set controlled string value and call onChange with numeric value
+    const handleChange = useCallback((e) => {
+        const { value } = e.currentTarget;
+        setStrValue(value);
+        onChangeNumber(value ? parseNumber(value, thousandSeparator, decimalSeparator) : null);
+        onChange && onChange(e);
+    }, [thousandSeparator, decimalSeparator, onChangeNumber, onChange]);
+    // remember focus
+    const handleFocus = useCallback(e => {
+        setFocus(true);
+        onFocus && onFocus(e);
+    }, [onFocus]);
+    // format on blur
+    const handleBlur = useCallback((e) => {
+        setFocus(false);
+        onBlur && onBlur(e);
+    }, [onBlur, numberFormat, numberValue]);
+    // format when number value changes and user is not editing
+    useEffect(() => {
+        if (!focus) {
+            if (numberValue !== null && Number.isFinite(numberValue)) {
+                setStrValue(numberFormat.format(numberValue));
+            }
+        }
+    }, [focus, numberValue]);
+    // set error message when user entered a string that is NaN
+    useEffect(() => {
+        const valid = (numberValue === null || Number.isFinite(numberValue));
+        setError(valid ? "" : (invalidMessage || "Invalid number"));
+    }, [numberValue, invalidMessage]);
+    // apply error to HTML5 form validation
+    useEffect(() => {
+        if (input.current) {
+            input.current.setCustomValidity(error);
+        }
+    }, [error]);
+    return (React.createElement(TextField, Object.assign({}, props, { value: strValue, inputRef: input, error: !!error, helperText: error || helperText, onFocus: handleFocus, onBlur: handleBlur, onKeyPress: handleKeyPress, onChange: handleChange })));
+}
+function parseNumber(value, thousandSeparator, decimalSeparator) {
+    if (thousandSeparator) {
+        value = replaceAll(value, thousandSeparator, "");
+    }
+    if (decimalSeparator) {
+        value = replaceAll(value, decimalSeparator, ".");
+    }
+    return Number.parseFloat(value);
+}
+function replaceAll(str, search, replacement) {
+    return str.split(search).join(replacement);
+}
+//# sourceMappingURL=NumberField.js.map

package/esm/Input/NumberField.js.map

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

package/esm/Input/RadioGroup.d.ts

@@ -0,0 +1,12 @@
+import { RadioGroupProps as MuiRadioGroupProps } from "@mui/material";
+import { ReactNode } from "react";
+interface RadioGroupProps<T extends string> extends Omit<MuiRadioGroupProps, "value" | "onChange" | "children"> {
+    label?: ReactNode;
+    value: T | undefined;
+    onChange: (value: T) => any;
+    options: ReadonlyArray<T>;
+    renderLabel?: (option: T) => ReactNode;
+    required?: boolean;
+}
+export declare function RadioGroup<T extends string>(props: Readonly<RadioGroupProps<T>>): JSX.Element;
+export {};

package/esm/Input/RadioGroup.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { FormControl, FormControlLabel, FormLabel, Radio, RadioGroup as MuiRadioGroup, } from "@mui/material";
+import React from "react";
+export function RadioGroup(props) {
+    const { label, value, onChange, options, renderLabel, required } = props, radioGroupProps = __rest(props, ["label", "value", "onChange", "options", "renderLabel", "required"]);
+    return (React.createElement(FormControl, { required: required },
+        label && React.createElement(FormLabel, null, label),
+        React.createElement(MuiRadioGroup, Object.assign({ value: value, onChange: (_, value) => onChange(value) }, radioGroupProps), options.map(option => (React.createElement(FormControlLabel, { key: option, control: React.createElement(Radio, { required: required, value: option }), label: renderLabel ? renderLabel(option) : option }))))));
+}
+//# sourceMappingURL=RadioGroup.js.map

package/esm/Input/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/Input/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EACN,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,UAAU,IAAI,aAAa,GAE3B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,MAAM,UAAU,UAAU,CAAmB,KAAmC;IAC/E,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,KAAwB,KAAK,EAAxB,eAAe,UAAI,KAAK,EAApF,oEAA4E,CAAQ,CAAC;IAE3F,OAAO,CACN,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ;QAC7B,KAAK,IAAI,oBAAC,SAAS,QAAE,KAAK,CAAa;QACxC,oBAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAU,CAAC,IAAM,eAAe,GAC5F,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACtB,oBAAC,gBAAgB,IAChB,GAAG,EAAE,MAAM,EACX,OAAO,EAAE,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAI,EACrD,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAChD,CACF,CAAC,CACa,CACH,CACd,CAAC;AACH,CAAC"}

package/esm/Input/Select.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+import { TextFieldProps } from "./TextField";
+interface SelectProps<T extends string | number> extends Omit<TextFieldProps, "value" | "onChange" | "children"> {
+    label?: ReactNode;
+    value: T | undefined;
+    onChange: (value: T) => any;
+    options: ReadonlyArray<T>;
+    renderLabel?: (option: T) => ReactNode;
+}
+export declare function Select<T extends string>(props: Readonly<SelectProps<T>>): JSX.Element;
+export {};

package/esm/Input/Select.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { MenuItem } from "@mui/material";
+import React from "react";
+import { TextField } from "./TextField";
+export function Select(props) {
+    const { label, value, onChange, options, renderLabel } = props, rest = __rest(props, ["label", "value", "onChange", "options", "renderLabel"]);
+    return (React.createElement(TextField, Object.assign({ select: true, label: label, value: value, onChange: (value) => onChange(value) }, rest), options.map(option => (React.createElement(MenuItem, { key: option, value: option }, renderLabel ? renderLabel(option) : option)))));
+}
+//# sourceMappingURL=Select.js.map

package/esm/Input/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Input/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,SAAS,EAAiB,MAAM,aAAa,CAAC;AAUtD,MAAM,UAAU,MAAM,CAAmB,KAA+B;IACvE,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,KAAa,KAAK,EAAb,IAAI,UAAI,KAAK,EAA/D,wDAAuD,CAAQ,CAAC;IACtE,OAAO,CACN,oBAAC,SAAS,kBACT,MAAM,QACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAU,CAAC,IACrC,IAAI,GAEP,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACtB,oBAAC,QAAQ,IACR,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,IAEZ,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CACjC,CACX,CAAC,CACS,CACZ,CAAC;AACH,CAAC"}