@variocube/app-ui 1.14.0

package/esm/help/HelpButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * For english language must be an empty string.
+ */
+interface HelpProps {
+    helpPage: string;
+    helpAnchor: string;
+    language: string;
+    showEmpty?: boolean;
+}
+export declare function HelpButton({ helpPage, helpAnchor, language, showEmpty }: HelpProps): JSX.Element | null;
+export {};

package/esm/help/HelpButton.js

@@ -0,0 +1,74 @@
+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 { Help } from "@mui/icons-material";
+import { IconButton } from "@mui/material";
+import * as React from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useHelpSettingsContext } from "./HelpSettingsContext";
+export function HelpButton({ helpPage, helpAnchor = "", language = "", showEmpty }) {
+    const { baseUrl, apiUrl, selectedHelpPage: selectedHelpPage, setSelectedHelpPage: setSelectedHelpPage, clearSelectedHelpPage: clearSelectedHelpPage, selectedHelpAnchor: selectedHelpAnchor, setSelectedHelpAnchor: setSelectedHelpAnchor, clearSelectedHelpAnchor: clearSelectedHelpAnchor, selectedHelpLanguage: selectedHelpLanguage, setSelectedHelpLanguage: setSelectedHelpLanguage, clearSelectedHelpLanguage: clearSelectedHelpLanguage, } = useHelpSettingsContext();
+    const currentSelectedHelpPage = useMemo(() => selectedHelpPage === helpPage, [selectedHelpPage, helpPage]);
+    const currentSelectedHelpAnchor = useMemo(() => selectedHelpAnchor === helpAnchor, [
+        selectedHelpAnchor,
+        helpAnchor,
+    ]);
+    const currentSelectedHelpLanguage = useMemo(() => selectedHelpLanguage === language, [
+        selectedHelpLanguage,
+        language,
+    ]);
+    const [hasContent, setHasContent] = useState();
+    const languageUrl = (language == "de" ? "/de" : "");
+    useEffect(() => {
+        (() => __awaiter(this, void 0, void 0, function* () {
+            if (!apiUrl) {
+                console.info("No API URL provided for HelpButton, cannot check if content exists");
+                return;
+            }
+            try {
+                const response = yield fetch(`${apiUrl}?action=parse&page=${helpPage}${languageUrl}&format=json`, {
+                    method: "GET",
+                    mode: "no-cors",
+                });
+                if (response.ok) {
+                    const wp = yield response.json();
+                    setHasContent(wp.parse.sections.find(s => s.anchor === helpAnchor) != undefined);
+                }
+            }
+            catch (err) {
+                console.log("Error while fetching Wiki Page.");
+            }
+        }))();
+    }, []);
+    const handleHelpButtonClicked = useCallback(() => {
+        if (!currentSelectedHelpPage || !currentSelectedHelpAnchor) {
+            setSelectedHelpPage(helpPage);
+            setSelectedHelpAnchor(helpAnchor || "");
+            setSelectedHelpLanguage(language || "");
+        }
+        else {
+            clearSelectedHelpPage();
+            clearSelectedHelpAnchor();
+            clearSelectedHelpLanguage();
+        }
+    }, [helpPage, currentSelectedHelpPage, currentSelectedHelpAnchor, currentSelectedHelpLanguage]);
+    if (!baseUrl || (!hasContent && !showEmpty)) {
+        return null;
+    }
+    return (React.createElement(IconButton, { onClick: ev => {
+            ev.stopPropagation();
+            handleHelpButtonClicked();
+        }, size: "small", color: !hasContent
+            ? "error"
+            : (currentSelectedHelpPage && currentSelectedHelpAnchor && currentSelectedHelpLanguage
+                ? "primary"
+                : "default") },
+        React.createElement(Help, null)));
+}
+//# sourceMappingURL=HelpButton.js.map

package/esm/help/HelpButton.js.map

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

package/esm/help/HelpDrawer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const buildHelpDrawerUrl: (selectedHelpAnchor: string | undefined, selectedHelpLanguage: string | undefined, selectedHelpPage: string | undefined, baseUrl: string) => string;
+export declare function HelpDrawer(): JSX.Element;

package/esm/help/HelpDrawer.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { Drawer, Grid, IconButton } from "@mui/material";
+import { useHelpSettingsContext } from "./HelpSettingsContext";
+import { useCallback, useMemo } from "react";
+import { Close, OpenInNew } from "@mui/icons-material";
+export const buildHelpDrawerUrl = (selectedHelpAnchor = "", selectedHelpLanguage = "", selectedHelpPage = "", baseUrl) => {
+    let extraAnchor = selectedHelpAnchor ? `#${selectedHelpAnchor}` : "";
+    let extraLanguage = selectedHelpLanguage ? `/${selectedHelpLanguage}` : "";
+    return `${baseUrl}${selectedHelpPage}${extraLanguage}${extraAnchor}`;
+};
+export function HelpDrawer() {
+    const { baseUrl, selectedHelpPage: selectedHelpPage, clearSelectedHelpPage: clearSelectedHelpPage, selectedHelpAnchor: selectedHelpAnchor, clearSelectedHelpAnchor: clearSelectedHelpAnchor, selectedHelpLanguage: selectedHelpLanguage, clearSelectedHelpLanguage: clearSelectedHelpLanguage } = useHelpSettingsContext();
+    const open = useMemo(() => Boolean(selectedHelpPage), [selectedHelpPage, selectedHelpAnchor, selectedHelpLanguage]);
+    const url = useMemo(() => {
+        if (selectedHelpPage) {
+            return buildHelpDrawerUrl(selectedHelpAnchor, selectedHelpLanguage, selectedHelpPage, baseUrl);
+        }
+        else {
+            return `${baseUrl}`;
+        }
+    }, [baseUrl, selectedHelpPage, selectedHelpLanguage, selectedHelpAnchor]);
+    const iframe = React.useRef(null);
+    const handleOpenInNew = useCallback(() => {
+        window.open(url, url);
+        clearSelectedHelpPage();
+        clearSelectedHelpLanguage();
+        clearSelectedHelpAnchor();
+    }, [url, clearSelectedHelpPage]);
+    return (React.createElement(Drawer, { open: open, anchor: "right", variant: "persistent" },
+        React.createElement(Grid, { container: true, sx: { width: "300px", height: "100%" } },
+            React.createElement(Grid, { item: true, xs: 12 },
+                React.createElement(Grid, { container: true },
+                    React.createElement(Grid, { item: true, style: { flexGrow: 1 } },
+                        React.createElement(IconButton, { size: "small", onClick: () => clearSelectedHelpPage() },
+                            React.createElement(Close, null))),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(IconButton, { size: "small", onClick: () => handleOpenInNew() },
+                            React.createElement(OpenInNew, null))))),
+            open &&
+                React.createElement(Grid, { item: true, xs: 12, sx: { height: "100%" } },
+                    React.createElement("iframe", { onLoad: () => {
+                            var _a, _b;
+                            if (selectedHelpAnchor) {
+                                (_b = (_a = iframe.current) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage(selectedHelpAnchor, "*");
+                            }
+                        }, ref: iframe, src: url, style: { border: 0, overflow: "scroll", height: "100%", width: "100%" } })))));
+}
+//# sourceMappingURL=HelpDrawer.js.map

package/esm/help/HelpDrawer.js.map

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

package/esm/help/HelpSettingsContext.d.ts

@@ -0,0 +1,26 @@
+import { PropsWithChildren, ReactNode } from "react";
+interface HelpSettingsContextData {
+    baseUrl: string;
+    apiUrl?: string;
+    selectedHelpPage?: string;
+    setSelectedHelpPage: (page: string) => void;
+    clearSelectedHelpPage: () => void;
+    selectedHelpAnchor?: string;
+    setSelectedHelpAnchor: (anchor: string) => void;
+    clearSelectedHelpAnchor: () => void;
+    selectedHelpLanguage?: string;
+    setSelectedHelpLanguage: (language: string) => void;
+    clearSelectedHelpLanguage: () => void;
+}
+interface HelpSettingsContextProviderProps {
+    baseUrl: string;
+    apiUrl?: string;
+    localStorageVar?: string;
+    changeLogUrl?: string;
+    currentVersion?: string;
+    dialogTitle?: string;
+    dialogContent?: ReactNode;
+}
+export declare function HelpSettingsContextProvider({ baseUrl, apiUrl, localStorageVar, changeLogUrl, currentVersion, dialogTitle, dialogContent, children }: PropsWithChildren<HelpSettingsContextProviderProps>): JSX.Element;
+export declare function useHelpSettingsContext(): HelpSettingsContextData;
+export {};

package/esm/help/HelpSettingsContext.js

@@ -0,0 +1,94 @@
+import { Button, Dialog, DialogActions, DialogTitle } from "@mui/material";
+import * as React from "react";
+import { createContext, Fragment, useCallback, useContext, useEffect, useMemo, useState, } from "react";
+const semver = require("semver");
+const semverDiff = require("semver/functions/diff");
+const emptyContext = {
+    baseUrl: "",
+    setSelectedHelpPage: (page) => console.error(`Empty context should not call setSelectedHelpPage(${page}), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+    clearSelectedHelpPage: () => console.error(`Empty context should not call clearSelectedHelpPage(), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+    setSelectedHelpAnchor: (anchor) => console.error(`Empty context should not call setSelectedHelpAnchor(${anchor}), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+    clearSelectedHelpAnchor: () => console.error(`Empty context should not call clearSelectedHelpAnchor(), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+    setSelectedHelpLanguage: (language) => console.error(`Empty context should not call setSelectedHelpLanguage(${language}), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+    clearSelectedHelpLanguage: () => console.error(`Empty context should not call clearSelectedHelpLanguage(), you most likely do not have <HelpSettingsContextProvider/> in your component tree.`),
+};
+const HelpSettingsContext = createContext(emptyContext);
+export function HelpSettingsContextProvider({ baseUrl, apiUrl, localStorageVar, changeLogUrl, currentVersion, dialogTitle, dialogContent, children }) {
+    const [selectedHelpPage, setSelectedHelpPage] = useState();
+    const [selectedHelpAnchor, setSelectedHelpAnchor] = useState();
+    const [selectedHelpLanguage, setSelectedHelpLanguage] = useState();
+    const handleSetSelectedHelpPage = useCallback((helpPage) => {
+        setSelectedHelpPage(helpPage);
+    }, []);
+    const [openDialog, setOpenDialog] = useState(false);
+    const clearSelectedHelpPage = useCallback(() => {
+        setSelectedHelpPage(undefined);
+    }, []);
+    const handleSetSelectedHelpAnchor = useCallback((helpAnchor) => {
+        setSelectedHelpAnchor(helpAnchor);
+    }, []);
+    const clearSelectedHelpAnchor = useCallback(() => {
+        setSelectedHelpAnchor(undefined);
+    }, []);
+    const handleSetSelectedHelpLanguage = useCallback((helpLanguage) => {
+        setSelectedHelpLanguage(helpLanguage);
+    }, []);
+    const clearSelectedHelpLanguage = useCallback(() => {
+        setSelectedHelpLanguage(undefined);
+    }, []);
+    const defaultContext = useMemo(() => ({
+        baseUrl,
+        apiUrl,
+        selectedHelpPage: selectedHelpPage,
+        setSelectedHelpPage: handleSetSelectedHelpPage,
+        clearSelectedHelpPage: clearSelectedHelpPage,
+        selectedHelpAnchor: selectedHelpAnchor,
+        setSelectedHelpAnchor: handleSetSelectedHelpAnchor,
+        clearSelectedHelpAnchor: clearSelectedHelpAnchor,
+        selectedHelpLanguage: selectedHelpLanguage,
+        setSelectedHelpLanguage: handleSetSelectedHelpLanguage,
+        clearSelectedHelpLanguage: clearSelectedHelpLanguage,
+    }), [
+        baseUrl,
+        apiUrl,
+        selectedHelpPage,
+        handleSetSelectedHelpPage,
+        clearSelectedHelpPage,
+        selectedHelpAnchor,
+        handleSetSelectedHelpAnchor,
+        clearSelectedHelpAnchor,
+        selectedHelpLanguage,
+        handleSetSelectedHelpLanguage,
+        clearSelectedHelpLanguage,
+    ]);
+    useEffect(() => {
+        if (changeLogUrl && localStorageVar && currentVersion) {
+            const lastSeenVersion = localStorage.getItem(localStorageVar);
+            if (lastSeenVersion
+                && semver.lt(lastSeenVersion, currentVersion)
+                && ["major", "minor"].includes(semverDiff(lastSeenVersion, currentVersion))) {
+                setOpenDialog(true);
+            }
+            else {
+                localStorage.setItem(localStorageVar, currentVersion);
+            }
+        }
+    }, []);
+    function handleOk() {
+        if (localStorageVar && currentVersion) {
+            localStorage.setItem(localStorageVar, currentVersion);
+        }
+        setOpenDialog(false);
+    }
+    return (React.createElement(Fragment, null,
+        React.createElement(HelpSettingsContext.Provider, { value: defaultContext }, children),
+        React.createElement(Dialog, { open: openDialog, onClose: () => setOpenDialog(false), fullWidth: true },
+            React.createElement(DialogTitle, null, dialogTitle),
+            dialogContent,
+            React.createElement(DialogActions, null,
+                React.createElement(Button, { variant: "outlined", onClick: handleOk }, "OK")))));
+}
+export function useHelpSettingsContext() {
+    return useContext(HelpSettingsContext);
+}
+//# sourceMappingURL=HelpSettingsContext.js.map

package/esm/help/HelpSettingsContext.js.map

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

package/esm/help/index.d.ts

@@ -0,0 +1,3 @@
+export { HelpSettingsContextProvider, useHelpSettingsContext } from "./HelpSettingsContext";
+export { HelpButton } from "./HelpButton";
+export { HelpDrawer } from "./HelpDrawer";

package/esm/help/index.js

@@ -0,0 +1,4 @@
+export { HelpSettingsContextProvider, useHelpSettingsContext } from "./HelpSettingsContext";
+export { HelpButton } from "./HelpButton";
+export { HelpDrawer } from "./HelpDrawer";
+//# sourceMappingURL=index.js.map

package/esm/help/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/help/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,2BAA2B,EAAE,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAC1F,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC"}

package/esm/icons.d.ts

@@ -0,0 +1,21 @@
+export { default as MenuIcon } from "@mui/icons-material/Menu";
+export { default as FilterListIcon } from "@mui/icons-material/FilterList";
+export { default as TuningIcon } from "@mui/icons-material/Tune";
+export { default as CategoryIcon } from '@mui/icons-material/Category';
+export { default as ChevronRightIcon } from "@mui/icons-material/ChevronRight";
+export { default as ErrorIcon } from "@mui/icons-material/Error";
+export { default as SuccessIcon } from "@mui/icons-material/Done";
+export { default as SaveIcon } from "@mui/icons-material/SaveOutlined";
+export { default as CloseIcon } from '@mui/icons-material/Close';
+export { default as MoveUpIcon } from "@mui/icons-material/ArrowUpward";
+export { default as MoveDownIcon } from "@mui/icons-material/ArrowDownward";
+export { default as RemoveIcon } from "@mui/icons-material/Remove";
+export { default as AddIcon } from "@mui/icons-material/Add";
+export { default as MoveUpCircleIcon } from "@mui/icons-material/ArrowCircleUp";
+export { default as MoveDownCircleIcon } from "@mui/icons-material/ArrowCircleDown";
+export { default as RemoveCircleIcon } from "@mui/icons-material/RemoveCircle";
+export { default as AddCircleIcon } from "@mui/icons-material/AddCircle";
+export { default as SearchIcon } from "@mui/icons-material/Search";
+export { default as AuditIcon } from "@mui/icons-material/TrackChanges";
+export { default as CreateIcon } from "@mui/icons-material/Create";
+export { default as UpdateIcon } from "@mui/icons-material/Update";

package/esm/icons.js

@@ -0,0 +1,22 @@
+export { default as MenuIcon } from "@mui/icons-material/Menu";
+export { default as FilterListIcon } from "@mui/icons-material/FilterList";
+export { default as TuningIcon } from "@mui/icons-material/Tune";
+export { default as CategoryIcon } from '@mui/icons-material/Category';
+export { default as ChevronRightIcon } from "@mui/icons-material/ChevronRight";
+export { default as ErrorIcon } from "@mui/icons-material/Error";
+export { default as SuccessIcon } from "@mui/icons-material/Done";
+export { default as SaveIcon } from "@mui/icons-material/SaveOutlined";
+export { default as CloseIcon } from '@mui/icons-material/Close';
+export { default as MoveUpIcon } from "@mui/icons-material/ArrowUpward";
+export { default as MoveDownIcon } from "@mui/icons-material/ArrowDownward";
+export { default as RemoveIcon } from "@mui/icons-material/Remove";
+export { default as AddIcon } from "@mui/icons-material/Add";
+export { default as MoveUpCircleIcon } from "@mui/icons-material/ArrowCircleUp";
+export { default as MoveDownCircleIcon } from "@mui/icons-material/ArrowCircleDown";
+export { default as RemoveCircleIcon } from "@mui/icons-material/RemoveCircle";
+export { default as AddCircleIcon } from "@mui/icons-material/AddCircle";
+export { default as SearchIcon } from "@mui/icons-material/Search";
+export { default as AuditIcon } from "@mui/icons-material/TrackChanges";
+export { default as CreateIcon } from "@mui/icons-material/Create";
+export { default as UpdateIcon } from "@mui/icons-material/Update";
+//# sourceMappingURL=icons.js.map

package/esm/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,OAAO,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAC,OAAO,IAAI,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,4BAA4B,CAAC"}

package/esm/index.d.ts

@@ -0,0 +1,34 @@
+export * from "./AppShell";
+export * from "./audit";
+export * from "./breadcrumbs";
+export * from "./code";
+export * from "./confirm";
+export * from "./container";
+export * from "./content-table";
+export * from "./country";
+export * from "./cube";
+export * from "./data-table";
+export * from "./date-pickers";
+export * from "./ErrorAlert";
+export * from "./fetch";
+export * from "./filter";
+export * from "./formats";
+export * from "./forms";
+export * from "./help";
+export * from "./icons";
+export * from "./Input";
+export * from "./LanguageSwitcher";
+export * from "./layout";
+export * from "./list";
+export * from "./localization";
+export * from "./logo";
+export * from "./logo";
+export * from "./Paging";
+export * from "./splash";
+export * from "./spring";
+export * from "./storage";
+export * from "./tabs";
+export * from "./temporal";
+export * from "./utils";
+export * from "./VCThemeProvider";
+export * from "./view";

package/esm/index.js

@@ -0,0 +1,35 @@
+export * from "./AppShell";
+export * from "./audit";
+export * from "./breadcrumbs";
+export * from "./code";
+export * from "./confirm";
+export * from "./container";
+export * from "./content-table";
+export * from "./country";
+export * from "./cube";
+export * from "./data-table";
+export * from "./date-pickers";
+export * from "./ErrorAlert";
+export * from "./fetch";
+export * from "./filter";
+export * from "./formats";
+export * from "./forms";
+export * from "./help";
+export * from "./icons";
+export * from "./Input";
+export * from "./LanguageSwitcher";
+export * from "./layout";
+export * from "./list";
+export * from "./localization";
+export * from "./logo";
+export * from "./logo";
+export * from "./Paging";
+export * from "./splash";
+export * from "./spring";
+export * from "./storage";
+export * from "./tabs";
+export * from "./temporal";
+export * from "./utils";
+export * from "./VCThemeProvider";
+export * from "./view";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC"}

package/esm/layout/ErrorBoundary.d.ts

@@ -0,0 +1,46 @@
+import React, { Component, ErrorInfo } from "react";
+type BugsnagConfig = {
+    /**
+     * API Key provided by Bugsnag
+     */
+    apiKey: string;
+    /**
+     * Method to retrieve user data such as Id, Name or Email
+     */
+    getUser: () => {
+        id?: string;
+        name?: string;
+        email?: string;
+    };
+};
+type Props = {
+    /**
+     * List of storage key patterns which values should be anonymized
+     */
+    anonymizeStorageKeyPatterns?: string[];
+    /**
+     * Bugsnag configuration
+     */
+    bugsnagConfig?: BugsnagConfig;
+};
+type States = {
+    hasError: boolean;
+};
+export declare class ErrorBoundary extends Component<Props, States> {
+    constructor(props: any);
+    private static errorContext?;
+    /**
+     * This lifecycle is invoked after an error has been thrown by a descendant component.
+     * It receives the error that was thrown as a parameter and should return a value to update state.
+     * @param error
+     * @doc https://reactjs.org/docs/react-component.html#static-getderivedstatefromerror
+     */
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reportBugsnag(): Promise<void>;
+    renderStorage(storage: Storage): JSX.Element | JSX.Element[];
+    render(): React.ReactNode;
+}
+export {};