bananas-commerce-admin 0.1.0

package/dist/esm/extensions/bananas/index.js

@@ -0,0 +1,48 @@
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import MePage from "./pages/me/list";
+export var bananasRouterExtension = {
+    app: "bananas",
+    pages: function (route) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (route.view === "me" && route.action === "list") {
+                return [2 /*return*/, MePage];
+            }
+            throw new Error("Unknown bananas page");
+        });
+    }); },
+};

package/dist/esm/extensions/bananas/pages/me/list.js

@@ -0,0 +1,15 @@
+import Paper from "@mui/material/Paper";
+import { useTheme } from "@mui/material/styles";
+import React from "react";
+import Content from "../../../../containers/Content";
+import PasswordChangeForm from "../../components/PasswordChangeForm";
+var MePage = function (_a) {
+    var theme = useTheme();
+    return (React.createElement(Content, null,
+        React.createElement(Paper, { sx: {
+                padding: theme.spacing(3),
+                alignSelf: "flex-start",
+            }, elevation: 1, square: true },
+            React.createElement(PasswordChangeForm, null))));
+};
+export default MePage;

package/dist/esm/extensions/pos/components/PurchaseRow.js

@@ -0,0 +1,25 @@
+import { TableCell, TableRow } from "@mui/material";
+import React from "react";
+import { useRouter } from "../../../contexts/RouterContext";
+export var PurchaseRow = function (_a) {
+    var purchase = _a.purchase;
+    var navigate = useRouter().navigate;
+    var onClick = function () {
+        navigate("pos.purchase:detail", {
+            params: {
+                purchase_number: purchase.number,
+            },
+        });
+    };
+    var purchaseNumber = purchase.number
+        ? "#".concat(purchase.number.toString().padStart(4, "0"))
+        : "-";
+    return (React.createElement(TableRow, { onClick: onClick, hover: true },
+        React.createElement(TableCell, null, purchaseNumber),
+        React.createElement(TableCell, null, purchase.email),
+        React.createElement(TableCell, null),
+        React.createElement(TableCell, null, "1337 SEK"),
+        React.createElement(TableCell, null, "Betald"),
+        React.createElement(TableCell, null, new Date(purchase.date_initiated).toLocaleString()),
+        React.createElement(TableCell, null, "-")));
+};

package/dist/esm/extensions/pos/components/ReceiptCard.js

@@ -0,0 +1,56 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import Card from "@mui/material/Card";
+import React from "react";
+import CardHeader from "@mui/material/CardHeader";
+import List from "@mui/material/List";
+import { ReceiptLine } from "./ReceiptLine";
+import Divider from "@mui/material/Divider";
+import CardContent from "@mui/material/CardContent";
+import TableContainer from "@mui/material/TableContainer";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableRow from "@mui/material/TableRow";
+import TableCell, { tableCellClasses } from "@mui/material/TableCell";
+import { useTheme } from "@mui/material/styles";
+var ReceiptPriceRow = function (_a) {
+    var title = _a.title, price = _a.price;
+    return (React.createElement(TableRow, null,
+        React.createElement(TableCell, { align: "right", sx: { width: "75%" } },
+            React.createElement("strong", null, title)),
+        React.createElement(TableCell, { align: "right" }, "".concat(price, " SEK"))));
+};
+export var ReceiptCard = function (_a) {
+    var _b;
+    var receipt = _a.receipt;
+    var theme = useTheme();
+    return (React.createElement(Card, { sx: { width: 550 } },
+        React.createElement(CardHeader, { title: "Receipt" }),
+        React.createElement(CardContent, null,
+            React.createElement(Divider, null),
+            React.createElement(List, { sx: {
+                    width: "100%",
+                } }, receipt.lines.map(function (line) { return (React.createElement(ReceiptLine, { key: line.reference, line: line })); }).reduce(function (prev, curr, index) { return __spreadArray(__spreadArray([], prev, true), [React.createElement(Divider, { key: index, light: true }), curr], false); }, [])
+                .slice(1)),
+            React.createElement(Divider, null),
+            React.createElement(TableContainer, { sx: {
+                    paddingTop: theme.spacing(2),
+                    paddingX: theme.spacing(4),
+                } },
+                React.createElement(Table, { padding: "none", sx: (_b = {},
+                        _b["& .".concat(tableCellClasses.root)] = {
+                            borderBottom: "none",
+                        },
+                        _b) },
+                    React.createElement(TableBody, { sx: { border: "none" } },
+                        React.createElement(ReceiptPriceRow, { title: "Discount", price: receipt.total_discount_amount }),
+                        React.createElement(ReceiptPriceRow, { title: "Tax", price: receipt.total_tax_amount }),
+                        React.createElement(ReceiptPriceRow, { title: "Total", price: receipt.total_amount })))))));
+};

package/dist/esm/extensions/pos/components/ReceiptLine.js

@@ -0,0 +1,22 @@
+import React from "react";
+import ListItem from "@mui/material/ListItem";
+import ListItemText from "@mui/material/ListItemText";
+import Typography from "@mui/material/Typography";
+import Tooltip from "@mui/material/Tooltip";
+export var ReceiptLine = function (_a) {
+    var line = _a.line;
+    return (React.createElement(ListItem, { sx: { display: "flex", flexDirection: "line", alignItems: "baseline" } },
+        React.createElement(ListItemText, { sx: { width: "50%" }, primary: line.title, secondary: line.reference }),
+        React.createElement(Tooltip, { title: "Quantity" },
+            React.createElement(ListItemText, { sx: { width: "20%" }, primary: "".concat(line.quantity, " st") })),
+        React.createElement(ListItemText, { disableTypography: true, sx: { width: "30%" }, primary: React.createElement(Tooltip, { title: "Price" },
+                React.createElement(Typography, null, "".concat(line.total_amount, " SEK"))), secondary: React.createElement(React.Fragment, null,
+                React.createElement(Tooltip, { title: "Tax" },
+                    React.createElement(Typography, null,
+                        line.total_tax_amount,
+                        " SEK")),
+                React.createElement(Tooltip, { title: "Discount" },
+                    React.createElement(Typography, null,
+                        line.total_discount_amount,
+                        " SEK"))) })));
+};

package/dist/esm/extensions/pos/index.js

@@ -0,0 +1,16 @@
+import PurchaseDetailPage from "./pages/purchase/detail";
+import PurchaseListPage from "./pages/purchase/list";
+export var posRouterExtension = {
+    app: "pos",
+    pages: function (route) {
+        if (route.view === "purchase") {
+            switch (route.action) {
+                case "list":
+                    return PurchaseListPage;
+                case "detail":
+                    return PurchaseDetailPage;
+            }
+        }
+        throw new Error("Unknown pos page");
+    },
+};

package/dist/esm/extensions/pos/pages/purchase/detail.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { ReceiptCard } from "../../components/ReceiptCard";
+import Content from "../../../../containers/Content";
+var PurchaseDetailPage = function (_a) {
+    var data = _a.data;
+    return (React.createElement(Content, null, data === null || data === void 0 ? void 0 : data.receipts.map(function (receipt, i) { return (React.createElement(ReceiptCard, { key: i, receipt: receipt })); })));
+};
+export default PurchaseDetailPage;

package/dist/esm/extensions/pos/pages/purchase/list.js

@@ -0,0 +1,29 @@
+import React from "react";
+import TableContainer from "@mui/material/TableContainer";
+import Table from "@mui/material/Table";
+import TableHead from "@mui/material/TableHead";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import Box from "@mui/material/Box";
+import { PurchaseRow } from "../../components/PurchaseRow";
+import Paper from "@mui/material/Paper";
+import TableRow from "@mui/material/TableRow";
+import Content from "../../../../containers/Content";
+var PurchaseListPage = function (_a) {
+    var data = _a.data;
+    return (React.createElement(Content, null,
+        React.createElement(Box, { sx: { width: "100%" } },
+            React.createElement(TableContainer, { component: Paper },
+                React.createElement(Table, null,
+                    React.createElement(TableHead, null,
+                        React.createElement(TableRow, null,
+                            React.createElement(TableCell, null, "Purchase#"),
+                            React.createElement(TableCell, null, "Kund"),
+                            React.createElement(TableCell, null, "Adress"),
+                            React.createElement(TableCell, null, "Orderv\u00E4rde"),
+                            React.createElement(TableCell, null, "Betalstatus"),
+                            React.createElement(TableCell, null, "Orderdatum"),
+                            React.createElement(TableCell, null, "Leveransdatum"))),
+                    React.createElement(TableBody, null, data === null || data === void 0 ? void 0 : data.results.map(function (purchase) { return (React.createElement(PurchaseRow, { key: purchase.number, purchase: purchase })); })))))));
+};
+export default PurchaseListPage;

package/dist/esm/extensions/pos/types/purchase.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/extensions/pos/types/receipt.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/forms/LoginForm.js

@@ -0,0 +1,58 @@
+import { useSnackbar } from "notistack";
+import React from "react";
+import Box from "@mui/material/Box";
+import DialogActions from "@mui/material/DialogActions";
+import DialogContent from "@mui/material/DialogContent";
+import Stack from "@mui/material/Stack";
+import { useTheme } from "@mui/material/styles";
+import TextField from "@mui/material/TextField";
+import { useApi } from "../contexts/ApiContext";
+import { useI18n } from "../contexts/I18nContext";
+import { useUser } from "../contexts/UserContext";
+import LoadingButton from "@mui/lab/LoadingButton";
+var LoginForm = function () {
+    var theme = useTheme();
+    var enqueueSnackbar = useSnackbar().enqueueSnackbar;
+    var t = useI18n().t;
+    var login = useUser().login;
+    var api = useApi();
+    var _a = React.useState(""), username = _a[0], setUsername = _a[1];
+    var _b = React.useState(""), password = _b[0], setPassword = _b[1];
+    var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
+    var operation = api.operations["bananas.login:create"];
+    var properties = operation.request.body.schema.properties;
+    var handleSubmit = function (event) {
+        event.preventDefault();
+        setLoading(true);
+        login(username, password).then(function (user) {
+            if (user !== null) {
+                enqueueSnackbar("".concat(t("Welcome,"), " ").concat(user.full_name), {
+                    variant: "success",
+                });
+            }
+            else {
+                enqueueSnackbar(t("Unable to log in with provided credentials."), {
+                    variant: "error",
+                });
+            }
+        }).finally(function () { return setLoading(false); });
+    };
+    return (React.createElement(Box, { component: "form", onSubmit: handleSubmit },
+        React.createElement(DialogContent, null,
+            React.createElement(Stack, { spacing: 1 },
+                React.createElement(TextField, { autoFocus: true, fullWidth: true, label: properties.username.title, name: "username", type: "text", onChange: function (e) {
+                        setUsername(e.target.value);
+                    }, color: "secondary", inputProps: { "aria-label": "Username" } }),
+                React.createElement(TextField, { fullWidth: true, label: properties.password.title, name: "password", type: "password", onChange: function (e) {
+                        setPassword(e.target.value);
+                    }, color: "secondary", inputProps: { "aria-label": "Password" } }))),
+        React.createElement(DialogActions, { sx: {
+                borderTop: "1px solid ".concat(theme.palette.divider),
+                margin: 0,
+                padding: theme.spacing(1),
+            } },
+            React.createElement(LoadingButton, { sx: {
+                    margin: "auto",
+                }, variant: "contained", type: "submit", color: "secondary", "aria-label": "login", loading: loading }, t("Log in")))));
+};
+export default LoginForm;

package/dist/esm/hooks/useAsyncError.js

@@ -0,0 +1,9 @@
+import React from "react";
+export default function useAsyncError() {
+    var _a = React.useState(), _ = _a[0], setError = _a[1];
+    return React.useCallback(function (e) {
+        setError(function () {
+            throw e;
+        });
+    }, [setError]);
+}

package/dist/esm/hooks/useLocalStorage.js

@@ -0,0 +1,41 @@
+import React from "react";
+export default function useLocalStorage(key, defaultValue) {
+    var _a;
+    var _b = React.useState((_a = getState(key)) !== null && _a !== void 0 ? _a : defaultValue), state = _b[0], setState = _b[1];
+    var _c = React.useState(false), mounted = _c[0], setMounted = _c[1];
+    React.useEffect(function () {
+        if (mounted)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (localStorage) {
+            var value = getState(key);
+            if (value)
+                setState(value);
+            setMounted(true);
+        }
+    }, [key, mounted]);
+    React.useEffect(function () {
+        if (mounted)
+            setLocalState(key, state);
+    }, [state, key, mounted]);
+    return [state, setState];
+}
+function getState(key) {
+    return tryJSONParse(localStorage.getItem(buildStorageKey(key)));
+}
+function setLocalState(key, state) {
+    localStorage.setItem(buildStorageKey(key), JSON.stringify(state));
+}
+function buildStorageKey(key) {
+    return "__useLocalStorage_".concat(key);
+}
+function tryJSONParse(json) {
+    if (!json)
+        return null;
+    try {
+        return JSON.parse(json);
+    }
+    catch (e) {
+        return null;
+    }
+}

package/dist/esm/index.js

@@ -0,0 +1,14 @@
+export { default as ProgressBar } from "./components/ProgressBar";
+export { default as Content } from "./containers/Content";
+export { default as Logo } from "./components/Logo";
+export { default as Link } from "./components/Link";
+export * from "./contexts/ApiContext";
+export * from "./contexts/I18nContext";
+export * from "./contexts/RouterContext";
+export * from "./contexts/UserContext";
+export * from "./containers/LoadingScreen";
+export { default as Admin } from "./Admin";
+export { default as App } from "./App";
+export * from "./api";
+export * from "./extensions/bananas";
+export * from "./extensions/pos";

package/dist/esm/pages/DashboardPage.js

@@ -0,0 +1,5 @@
+import React from "react";
+var DashboardPage = function (_a) {
+    return React.createElement("h1", null, "Dashboard!");
+};
+export default DashboardPage;

package/dist/esm/pages/LoginPage.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Dialog, DialogTitle, Typography } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import LoginForm from "../forms/LoginForm";
+import Logo from "../components/Logo";
+var LoginPage = function (_a) {
+    var title = _a.title, logo = _a.logo, Form = _a.form;
+    var theme = useTheme();
+    Form !== null && Form !== void 0 ? Form : (Form = LoginForm);
+    return (React.createElement(Dialog, { open: true, sx: { "> * > *": { width: "100%" } } },
+        React.createElement(DialogTitle, { sx: {
+                borderBottom: "1px solid ".concat(theme.palette.divider),
+                margin: 0,
+                backgroundColor: theme.palette.primary.main,
+                padding: theme.spacing(2),
+                textAlign: "center",
+                alignItems: "middle",
+                justifyContent: "center",
+                display: "flex",
+            } }, logo ? React.createElement(Logo, { src: logo }) : (React.createElement(Typography, { sx: {
+                color: theme.palette.primary.contrastText,
+                fontWeight: "bold",
+            } }, title))),
+        React.createElement(Form, null)));
+};
+export default LoginPage;

package/dist/esm/router/Router.js

@@ -0,0 +1,28 @@
+import Box from "@mui/material/Box";
+import React from "react";
+import { Route, Routes } from "react-router-dom";
+import { useRouter } from "../contexts/RouterContext";
+import DashboardPage from "../pages/DashboardPage";
+import PageLoader from "../containers/PageLoader";
+import PageErrorBoundary from "../containers/PageErrorBoundary";
+import ErrorScreen from "../containers/ErrorScreen";
+export var Router = function (_a) {
+    var dashboard = _a.dashboard, extensions = _a.extensions, pages = _a.pages;
+    extensions !== null && extensions !== void 0 ? extensions : (extensions = Array.isArray(extensions) ? extensions : []);
+    var routes = useRouter().routes;
+    var Dashboard = dashboard !== null && dashboard !== void 0 ? dashboard : DashboardPage;
+    var extensionsMap = new Map(extensions.map(function (_a) {
+        var app = _a.app, pages = _a.pages;
+        return [app, pages];
+    }));
+    var pageRoutes = routes.map(function (route) {
+        var pageLoader = extensionsMap.get(route.app);
+        var Element = function () { return (React.createElement(PageErrorBoundary, { errorPage: ErrorScreen },
+            React.createElement(PageLoader, { route: route, page: pageLoader(route) }))); };
+        return (React.createElement(Route, { key: route.path, path: route.path, element: React.createElement(Element, null) }));
+    });
+    return (React.createElement(Box, { component: "main", sx: { flexGrow: 1, p: 3 } },
+        React.createElement(Routes, null,
+            React.createElement(Route, { index: true, element: React.createElement(Dashboard, null) }),
+            pageRoutes)));
+};

package/dist/esm/router/routes.js

@@ -0,0 +1,49 @@
+import { capitalize, nthIndexOf } from "../util";
+/**
+ * Parses an `operationId` returning app, view and action
+ *
+ * ## Examples
+ *
+ * `bananas.me:list` -> `{ app: "bananas", view: "me", action: "list" }`
+ *
+ * `bananas.login:create` -> `{ app: "bananas", view: "login", action: "create" }`
+ *
+ * `bananas.i18n:list` -> `{ app: "bananas", view: "i18n", action: "list" }`
+ */
+export function parseOperationId(operationId) {
+    var match = operationId.match(/^(\w+)\.(\w+):(\w+)$/);
+    if (match !== null) {
+        return {
+            app: match[1],
+            view: match[2],
+            action: match[3],
+        };
+    }
+    return undefined;
+}
+export function isNavigation(tags) {
+    return tags.includes("navigation");
+}
+export function getPath(endpoint, method, action) {
+    return (method.toLowerCase() === "get"
+        ? endpoint
+        : "".concat(endpoint).concat(action !== null && action !== void 0 ? action : "", "/")).replace(/{([^}]*)}/, ":$1");
+}
+function getBasePath(path) {
+    return path.substring(0, (nthIndexOf(path, "/", 2, 1) + 1) || undefined);
+}
+export function getPage(path, action) {
+    var basePath = getBasePath(path);
+    var relativeBasePath = basePath.slice(1);
+    return "".concat(relativeBasePath).concat(action);
+}
+function getAppLabel(tags) {
+    var _a;
+    return (_a = tags.filter(function (tag) { return tag.startsWith("app:"); })[0]) === null || _a === void 0 ? void 0 : _a.split(":")[1];
+}
+function getView(id) {
+    return id.substring(id.indexOf(".") + 1, id.indexOf(":"));
+}
+export function getTitle(view, summary) {
+    return (summary !== null && summary !== void 0 ? summary : (view && capitalize(view.replace("_", " "))));
+}

package/dist/esm/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/util/get_cookie.js

@@ -0,0 +1,6 @@
+export function getCookie(name) {
+    var prefix = "".concat(name, "=");
+    var cookies = document.cookie.split(/\s*;\s*/);
+    var match = cookies.find(function (cookie) { return cookie.startsWith(prefix); });
+    return match == null ? undefined : match.slice(prefix.length);
+}

package/dist/esm/util/index.js

@@ -0,0 +1,54 @@
+export function ensureTrailingSlash(path) {
+    if (path != null && !path.endsWith("/")) {
+        return "".concat(path, "/");
+    }
+    return path;
+}
+export function ensureLeadingHash(hash) {
+    if (hash != null && !hash.startsWith("#")) {
+        return "#".concat(hash);
+    }
+    return hash;
+}
+export function absolutePath(path, basename) {
+    if (basename === void 0) { basename = "/"; }
+    if (!path) {
+        return path;
+    }
+    var pathname = path;
+    // Make relative path absolute to basename
+    if (!pathname.startsWith("/")) {
+        pathname = ensureTrailingSlash(basename) + pathname;
+    }
+    // Expand path
+    if (pathname.indexOf(".") >= 0) {
+        var stack = [];
+        for (var _i = 0, _a = pathname.split("/"); _i < _a.length; _i++) {
+            var part = _a[_i];
+            if (part === ".") {
+                continue;
+            }
+            else if (part === ".." && stack.length > 0) {
+                stack.pop();
+            }
+            else {
+                stack.push(part);
+            }
+        }
+        pathname = stack.join("/");
+    }
+    return ensureTrailingSlash(pathname);
+}
+export function nthIndexOf(str, pattern, n, start) {
+    var index = str.indexOf(pattern, start !== null && start !== void 0 ? start : 0);
+    if (index >= 0 && n > 1) {
+        return nthIndexOf(str, pattern, n - 1, index + 1);
+    }
+    return index;
+}
+/**
+ * Like Python’s `.capitalize()`.
+ */
+export function capitalize(string) {
+    return string.slice(0, 1).toUpperCase() + string.slice(1).toLowerCase();
+}

package/dist/esm/util/select_styles.js

@@ -0,0 +1,34 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export function selectStyles() {
+    var sxs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        sxs[_i] = arguments[_i];
+    }
+    var final = [];
+    for (var _a = 0, sxs_1 = sxs; _a < sxs_1.length; _a++) {
+        var sx = sxs_1[_a];
+        if (Array.isArray(sx)) {
+            if (sx.filter(function (v) { return typeof v === "boolean"; })
+                .every(function (v) { return v; })) {
+                // If every entry is true
+                final.concat(sx.filter(function (v) {
+                    return typeof v !== "boolean";
+                }));
+            }
+        }
+        else if (sx !== undefined) {
+            final.push(sx);
+        }
+    }
+    return Object.assign.apply(Object, __spreadArray([{}], final.reverse(), false));
+}
+// Shorthand for select styles helper
+export var ss = selectStyles;

package/dist/types/Admin.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { RouterProps } from "./router/Router";
+import { LogoType } from "./types";
+export declare type AdminProps = {
+    logo?: LogoType;
+    title?: string;
+    subtitle?: string;
+    version?: string;
+    nav: Record<string, React.ReactNode>;
+    basename?: string;
+} & RouterProps;
+declare const Admin: React.FC<AdminProps>;
+export default Admin;

package/dist/types/App.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Theme } from "@mui/material/styles";
+import { AdminProps } from "./Admin";
+import { ApiClient } from "./api";
+declare type AppProps = {
+    api: ApiClient | string | URL | {
+        schema: string | URL;
+        server?: string | URL;
+    };
+    theme?: Partial<Theme> | ((outerTheme: Theme) => Theme);
+} & AdminProps;
+declare const App: React.FC<AppProps>;
+export default App;

package/dist/types/api.d.ts

@@ -0,0 +1,20 @@
+import { OpenAPI } from "openapi-types";
+export declare class ApiOperation {
+    readonly id: string;
+    readonly tags: string[];
+    readonly server: string;
+    readonly endpoint: string;
+    readonly method: string;
+    readonly request: OpenAPI.Request;
+    readonly summary?: string;
+    readonly description?: string;
+    constructor(id: string, tags: string[], server: string, endpoint: string, method: string, request: OpenAPI.Request, summary?: string, description?: string);
+    call(request?: OpenAPI.Request, init?: RequestInit): Promise<Response>;
+}
+export declare class ApiClient {
+    readonly document: OpenAPI.Document;
+    readonly operations: Record<string, ApiOperation>;
+    static load(source: string | URL, server?: string | URL): Promise<ApiClient>;
+    constructor(document: OpenAPI.Document, server?: string | URL);
+    isAuthenticated(): Promise<boolean>;
+}

package/dist/types/components/Branding.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { SxProps } from "@mui/material";
+import { LogoType } from "../types";
+interface BrandingProps {
+    logo?: LogoType;
+    title?: string;
+    subtitle?: string;
+    version?: string;
+    onClick?: React.MouseEventHandler;
+    fullWidth?: boolean;
+    sx?: SxProps;
+}
+declare const Branding: React.FC<BrandingProps>;
+export default Branding;

package/dist/types/components/Hamburger.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IconButtonProps } from "@mui/material/IconButton";
+declare type HamburgerProps = {
+    open: boolean;
+    onToggle?: React.MouseEventHandler;
+} & IconButtonProps;
+declare const Hamburger: React.FC<HamburgerProps>;
+export default Hamburger;