@variocube/app-ui 1.14.0

package/esm/Input/Selector.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import { TextFieldProps } from "./TextField";
+type SelectorProps = TextFieldProps & {
+    options: {
+        label: string;
+        value: string;
+    }[];
+};
+export declare const Selector: ({ fullWidth, options, ...props }: PropsWithChildren<SelectorProps>) => JSX.Element;
+export {};

package/esm/Input/Selector.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 React from "react";
+import { MenuItem } from "@mui/material";
+import { TextField } from "./TextField";
+export const Selector = (_a) => {
+    var { fullWidth = true, options } = _a, props = __rest(_a, ["fullWidth", "options"]);
+    return (React.createElement(TextField, Object.assign({}, props, { select: true, fullWidth: fullWidth }), options.map((o, i) => (React.createElement(MenuItem, { key: 'select-item-' + o.value + '-' + i, value: o.value }, o.label)))));
+};
+//# sourceMappingURL=Selector.js.map

package/esm/Input/Selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.js","sourceRoot":"","sources":["../../src/Input/Selector.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAC;AACvC,OAAO,EAAC,SAAS,EAAiB,MAAM,aAAa,CAAC;AAMtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAuE,EAAE,EAAE;QAA3E,EAAC,SAAS,GAAG,IAAI,EAAE,OAAO,OAA6C,EAAxC,KAAK,cAApC,wBAAqC,CAAD;IACzD,OAAO,CACH,oBAAC,SAAS,oBACF,KAAK,IACT,MAAM,QACN,SAAS,EAAE,SAAS,KAEnB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACnB,oBAAC,QAAQ,IAAC,GAAG,EAAE,cAAc,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,IAAG,CAAC,CAAC,KAAK,CAAY,CAC1F,CAAC,CACM,CACf,CAAA;AACL,CAAC,CAAA"}

package/esm/Input/Switch.d.ts

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

package/esm/Input/Switch.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 { FormControlLabel, Switch as MuiSwitch } from "@mui/material";
+import React, { useCallback } from "react";
+export const Switch = (_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(MuiSwitch, Object.assign({ checked: value, onChange: handleChange, disabled: disabled }, props)), label: label, disabled: disabled, className: className }));
+};
+//# sourceMappingURL=Switch.js.map

package/esm/Input/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/Input/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,gBAAgB,EAAE,MAAM,IAAI,SAAS,EAAgC,MAAM,eAAe,CAAC;AACnG,OAAO,KAAK,EAAE,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AASzC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAA2E,EAAE,EAAE;QAA/E,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,OAAwB,EAAnB,KAAK,cAA7D,gEAA8D,CAAD;IACnF,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,SAAS,kBACT,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/TextField.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldProps as MuiTextFieldProps } from "@mui/material";
+import React from "react";
+export type TextFieldProps = Omit<MuiTextFieldProps, "inputRef" | "onChange"> & {
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => any;
+    validate?: (value: string) => string | undefined;
+};
+export declare function TextField({ onChange, validate, onBlur, helperText, select, SelectProps, ...props }: TextFieldProps): JSX.Element;

package/esm/Input/TextField.js

@@ -0,0 +1,58 @@
+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 as MuiTextField } from "@mui/material";
+import React, { useRef, useState } from "react";
+export function TextField(_a) {
+    var _b;
+    var { onChange, validate, onBlur, helperText, select, SelectProps } = _a, props = __rest(_a, ["onChange", "validate", "onBlur", "helperText", "select", "SelectProps"]);
+    const input = useRef();
+    const [validationCount, setValidationCount] = useState(0);
+    const incValidationCount = () => setValidationCount(v => v + 1);
+    const wasValidated = validationCount > 0;
+    const error = wasValidated && input.current != null && !input.current.validity.valid;
+    function maybeUpdateValidity(value) {
+        var _a;
+        if (wasValidated) {
+            if (validate) {
+                (_a = input.current) === null || _a === void 0 ? void 0 : _a.setCustomValidity(validate(value) || "");
+            }
+            incValidationCount();
+        }
+    }
+    function handleChange(e) {
+        var _a;
+        const value = ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value) || e.target.value;
+        maybeUpdateValidity(value);
+        if (onChange) {
+            onChange(value, e);
+        }
+    }
+    function handleBlur(e) {
+        var _a;
+        const value = ((_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value) || e.target.value;
+        maybeUpdateValidity(value);
+        if (onBlur) {
+            onBlur(e);
+        }
+    }
+    // Despite typed differently, a MUI TextField with the `select` property set,
+    // provides a ref that is an object with a `node` property which contains the
+    // actual input element. We handle both cases here.
+    function handleInputRef(ref) {
+        const element = ref instanceof HTMLInputElement || ref instanceof HTMLTextAreaElement ? ref : ref === null || ref === void 0 ? void 0 : ref.node;
+        if (element) {
+            input.current = element;
+        }
+    }
+    return (React.createElement(MuiTextField, Object.assign({}, props, { select: select, SelectProps: SelectProps && Object.assign(Object.assign({}, SelectProps), { native: true }), onChange: handleChange, onInvalid: incValidationCount, onBlur: handleBlur, inputRef: handleInputRef, error: error, helperText: error ? (_b = input.current) === null || _b === void 0 ? void 0 : _b.validationMessage : helperText })));
+}
+//# sourceMappingURL=TextField.js.map

package/esm/Input/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/Input/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,IAAI,YAAY,EAAsC,MAAM,eAAe,CAAC;AAC7F,OAAO,KAAK,EAAE,EAAC,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAO9C,MAAM,UAAU,SAAS,CAAC,EAAuF;;QAAvF,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,OAA2B,EAAtB,KAAK,cAAtE,yEAAuE,CAAD;IAC/F,MAAM,KAAK,GAAG,MAAM,EAAsD,CAAC;IAC3E,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1D,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,eAAe,GAAG,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAG,YAAY,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;IAErF,SAAS,mBAAmB,CAAC,KAAa;;QACzC,IAAI,YAAY,EAAE,CAAC;YAClB,IAAI,QAAQ,EAAE,CAAC;gBACd,MAAA,KAAK,CAAC,OAAO,0CAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;YACzD,CAAC;YACD,kBAAkB,EAAE,CAAC;QACtB,CAAC;IACF,CAAC;IAED,SAAS,YAAY,CAAC,CAAsC;;QAC3D,MAAM,KAAK,GAAG,CAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACvD,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACpB,CAAC;IACF,CAAC;IAED,SAAS,UAAU,CAAC,CAAqC;;QACxD,MAAM,KAAK,GAAG,CAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,KAAK,KAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACvD,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,MAAM,EAAE,CAAC;YACZ,MAAM,CAAC,CAAC,CAAC,CAAC;QACX,CAAC;IACF,CAAC;IAED,6EAA6E;IAC7E,6EAA6E;IAC7E,mDAAmD;IACnD,SAAS,cAAc,CAAC,GAAwE;QAC/F,MAAM,OAAO,GAAG,GAAG,YAAY,gBAAgB,IAAI,GAAG,YAAY,mBAAmB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,CAAC;QACxG,IAAI,OAAO,EAAE,CAAC;YACb,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QACzB,CAAC;IACF,CAAC;IAED,OAAO,CACN,oBAAC,YAAY,oBACR,KAAK,IACT,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,oCACpB,WAAW,KACd,MAAM,EAAE,IAAI,GACZ,EACD,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,kBAAkB,EAC7B,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,MAAA,KAAK,CAAC,OAAO,0CAAE,iBAAiB,CAAC,CAAC,CAAC,UAAU,IAChE,CACF,CAAC;AACH,CAAC"}

package/esm/Input/UrlUploadField.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TextFieldProps } from "./TextField";
+interface UrlUploadFieldProps extends TextFieldProps {
+    accept?: string;
+    upload?: (file: File) => Promise<string>;
+    value?: string;
+}
+export declare function UrlUploadField(props: UrlUploadFieldProps): JSX.Element;
+export {};

package/esm/Input/UrlUploadField.js

@@ -0,0 +1,43 @@
+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 { CloudUpload, OpenInNew } from "@mui/icons-material";
+import { CircularProgress, IconButton, InputAdornment } from "@mui/material";
+import React, { useRef } from "react";
+import { useAsyncCallback } from "react-async-hook";
+import { TextField } from "./TextField";
+export function UrlUploadField(props) {
+    const { upload: uploadFunc, type = "url", accept, value, } = props;
+    const fileInputRef = useRef(null);
+    const showFileSelect = () => {
+        if (fileInputRef && fileInputRef.current) {
+            fileInputRef.current.click();
+        }
+    };
+    const upload = useAsyncCallback((e) => __awaiter(this, void 0, void 0, function* () {
+        const files = e.target.files;
+        if (files && uploadFunc) {
+            for (const file of files) {
+                const publicUrl = yield uploadFunc(file);
+                props.onChange && props.onChange(publicUrl, e);
+            }
+        }
+    }));
+    const startAdornment = (React.createElement(InputAdornment, { position: "start" },
+        !upload.loading && (React.createElement(IconButton, { onClick: showFileSelect },
+            React.createElement(CloudUpload, null))),
+        upload.loading && React.createElement(CircularProgress, { size: 24, sx: { mx: 1 } })));
+    const endAdornment = (React.createElement(InputAdornment, { position: "end" },
+        React.createElement(IconButton, { component: "a", target: "_blank", href: value, disabled: !value },
+            React.createElement(OpenInNew, null))));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: "file", accept: accept, ref: fileInputRef, onChange: upload.execute, style: { display: "none" } }),
+        React.createElement(TextField, Object.assign({}, props, { value: value, type: type, InputProps: Object.assign(Object.assign({}, props.InputProps), { startAdornment: upload ? startAdornment : undefined, endAdornment: endAdornment }) }))));
+}
+//# sourceMappingURL=UrlUploadField.js.map

package/esm/Input/UrlUploadField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlUploadField.js","sourceRoot":"","sources":["../../src/Input/UrlUploadField.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAC,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,EAAc,MAAM,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,SAAS,EAAiB,MAAM,aAAa,CAAC;AAQtD,MAAM,UAAU,cAAc,CAAC,KAA0B;IACxD,MAAM,EACL,MAAM,EAAE,UAAU,EAClB,IAAI,GAAG,KAAK,EACZ,MAAM,EACN,KAAK,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC3B,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1C,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC9B,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,gBAAgB,CAAC,CAAO,CAAgC,EAAE,EAAE;QAC1E,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC7B,IAAI,KAAK,IAAI,UAAU,EAAE,CAAC;YACzB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBAC1B,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,CAAC;gBACzC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;YAChD,CAAC;QACF,CAAC;IACF,CAAC,CAAA,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,CACtB,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO;QAC9B,CAAC,MAAM,CAAC,OAAO,IAAI,CACnB,oBAAC,UAAU,IAAC,OAAO,EAAE,cAAc;YAClC,oBAAC,WAAW,OAAG,CACH,CACb;QACA,MAAM,CAAC,OAAO,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,EAAE,EAAE,CAAC,EAAC,GAAI,CAC9C,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,CACpB,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;QAC7B,oBAAC,UAAU,IACV,SAAS,EAAC,GAAG,EACb,MAAM,EAAC,QAAQ,EACf,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,CAAC,KAAK;YAEhB,oBAAC,SAAS,OAAG,CACD,CACG,CACjB,CAAC;IAEF,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ;QACd,+BACC,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,MAAM,CAAC,OAAO,EACxB,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,GACvB;QACF,oBAAC,SAAS,oBACL,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,UAAU,kCACN,KAAK,CAAC,UAAU,KACnB,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACnD,YAAY,EAAE,YAAY,OAE1B,CACc,CACjB,CAAC;AACH,CAAC"}

package/esm/Input/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./ActionsMenu";
+export * from "./Checkbox";
+export * from "./NumberField";
+export * from "./RadioGroup";
+export * from "./Select";
+export * from "./Selector";
+export * from "./Switch";
+export * from "./TextField";
+export * from "./UrlUploadField";

package/esm/Input/index.js

@@ -0,0 +1,10 @@
+export * from "./ActionsMenu";
+export * from "./Checkbox";
+export * from "./NumberField";
+export * from "./RadioGroup";
+export * from "./Select";
+export * from "./Selector";
+export * from "./Switch";
+export * from "./TextField";
+export * from "./UrlUploadField";
+//# sourceMappingURL=index.js.map

package/esm/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/esm/LanguageSwitcher/LanguageSwitcher.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ButtonPropsColorOverrides } from "@mui/material/Button/Button";
+import { OverridableStringUnion } from "@mui/types";
+export interface Language {
+    language: string;
+    displayName: string;
+}
+export interface LanguageSwitcherMenuProps {
+    color?: OverridableStringUnion<"inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning", ButtonPropsColorOverrides>;
+    language: string;
+    setLanguage: (language: string) => void;
+    languages: ReadonlyArray<Language>;
+}
+export declare function LanguageSwitcher(props: LanguageSwitcherMenuProps): JSX.Element;

package/esm/LanguageSwitcher/LanguageSwitcher.js

@@ -0,0 +1,20 @@
+import { ExpandMore, Translate } from "@mui/icons-material";
+import { Button, Hidden, Menu, MenuItem } from "@mui/material";
+import * as React from "react";
+import { useCallback, useState } from "react";
+export function LanguageSwitcher(props) {
+    var _a;
+    const { color, language, setLanguage, languages } = props;
+    const [anchorEl, setAnchorEl] = useState();
+    const handleSelectLanguage = useCallback((language) => {
+        setLanguage(language);
+        setAnchorEl(undefined);
+    }, [setLanguage]);
+    const { displayName } = (_a = languages.find(l => l.language == language)) !== null && _a !== void 0 ? _a : {};
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { color: color, startIcon: React.createElement(Translate, null), endIcon: React.createElement(ExpandMore, { fontSize: "small" }), onClick: (e) => setAnchorEl(e.currentTarget) },
+            React.createElement(Hidden, { mdDown: true }, displayName || language.toLocaleUpperCase()),
+            React.createElement(Hidden, { mdUp: true }, language.toLocaleUpperCase())),
+        React.createElement(Menu, { open: Boolean(anchorEl), anchorEl: anchorEl, keepMounted: true, onClose: () => setAnchorEl(undefined) }, languages.map((l) => (React.createElement(MenuItem, { key: l.language, onClick: () => handleSelectLanguage(l.language) }, l.displayName))))));
+}
+//# sourceMappingURL=LanguageSwitcher.js.map

package/esm/LanguageSwitcher/LanguageSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcher.js","sourceRoot":"","sources":["../../src/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,MAAM,eAAe,CAAC;AAG7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAiB5C,MAAM,UAAU,gBAAgB,CAAC,KAAgC;;IAChE,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAExD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAqD,CAAC;IAE9F,MAAM,oBAAoB,GAAG,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;QAC7D,WAAW,CAAC,QAAQ,CAAC,CAAC;QACtB,WAAW,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,EAAC,WAAW,EAAC,GAAG,MAAA,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,mCAAI,EAAE,CAAC;IAExE,OAAO,CACN,oBAAC,KAAK,CAAC,QAAQ;QACd,oBAAC,MAAM,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,oBAAC,SAAS,OAAG,EACxB,OAAO,EAAE,oBAAC,UAAU,IAAC,QAAQ,EAAC,OAAO,GAAG,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC;YAE5C,oBAAC,MAAM,IAAC,MAAM,UAAE,WAAW,IAAI,QAAQ,CAAC,iBAAiB,EAAE,CAAU;YACrE,oBAAC,MAAM,IAAC,IAAI,UAAE,QAAQ,CAAC,iBAAiB,EAAE,CAAU,CAC5C;QACT,oBAAC,IAAI,IACJ,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,IAEpC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,oBAAC,QAAQ,IACR,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC,IAE9C,CAAC,CAAC,WAAW,CACJ,CACX,CAAC,CACI,CACS,CACjB,CAAC;AACH,CAAC"}

package/esm/LanguageSwitcher/index.d.ts

@@ -0,0 +1 @@
+export * from "./LanguageSwitcher";

package/esm/LanguageSwitcher/index.js

@@ -0,0 +1,2 @@
+export * from "./LanguageSwitcher";
+//# sourceMappingURL=index.js.map

package/esm/LanguageSwitcher/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LanguageSwitcher/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/esm/Paging/Paging.d.ts

@@ -0,0 +1,40 @@
+export interface Page<T> {
+    content: T[];
+    totalPages: number;
+    totalElements: number;
+    number: number;
+    numberOfElements: number;
+    size: number;
+    last: boolean;
+    first: boolean;
+    hasContent: boolean;
+    hasNext: boolean;
+    hasPrevious: boolean;
+}
+export interface Pageable<K = string> {
+    pageNumber: number;
+    pageSize: number;
+    sort?: K;
+    direction?: 'asc' | 'desc';
+}
+export interface PagingSettings<K> extends Pageable<K> {
+    filters?: {
+        [key: string]: any;
+    };
+}
+export interface Paging {
+    updateSettings: <K>(settings: PagingSettings<K>) => void;
+    getSettings: <K>() => PagingSettings<K>;
+    toQueryString: (prefix?: string) => string;
+}
+export declare class PagingImpl implements Paging {
+    private _storageKey;
+    private _unpaged;
+    private storage;
+    private readonly baseSettings;
+    constructor(_storageKey: string, _unpaged?: boolean);
+    updateSettings<K>(settings: PagingSettings<K>): void;
+    getSettings<K>(): PagingSettings<K>;
+    resetSettings(): void;
+    toQueryString(prefix?: string): string;
+}

package/esm/Paging/Paging.js

@@ -0,0 +1,43 @@
+export class PagingImpl {
+    constructor(_storageKey, _unpaged = false) {
+        this._storageKey = _storageKey;
+        this._unpaged = _unpaged;
+        this.storage = sessionStorage;
+        this.baseSettings = { pageNumber: 0, pageSize: 25 };
+        const stored = this.storage.getItem(_storageKey);
+        if (!stored) {
+            this.storage.setItem(_storageKey, JSON.stringify(this.baseSettings));
+        }
+    }
+    updateSettings(settings) {
+        this.storage.setItem(this._storageKey, JSON.stringify(settings));
+    }
+    getSettings() {
+        const stored = this.storage.getItem(this._storageKey);
+        if (stored)
+            return JSON.parse(stored);
+        return this.baseSettings;
+    }
+    resetSettings() {
+        this.storage.setItem(this._storageKey, JSON.stringify(this.baseSettings));
+    }
+    toQueryString(prefix) {
+        const { pageNumber, pageSize, sort, direction, filters } = this.getSettings();
+        let query = this._unpaged ? '&unpaged=true' : `page=${pageNumber}&size=${pageSize}`;
+        if (sort) {
+            query += `&sort=${sort},${direction || 'desc'}`;
+        }
+        if (filters) {
+            for (let key of Object.keys(filters)) {
+                if (typeof filters[key] === 'string') {
+                    query += `&${key}=${filters[key]}`;
+                }
+                else if (Array.isArray(filters[key])) {
+                    query = '&' + filters[key].map((v) => `${key}=${v}`).join('&');
+                }
+            }
+        }
+        return `${prefix ? (prefix + '&') : '?'}${query}`;
+    }
+}
+//# sourceMappingURL=Paging.js.map

package/esm/Paging/Paging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paging.js","sourceRoot":"","sources":["../../src/Paging/Paging.ts"],"names":[],"mappings":"AA+BA,MAAM,OAAO,UAAU;IAMnB,YAAoB,WAAmB,EAAU,WAAoB,KAAK;QAAtD,gBAAW,GAAX,WAAW,CAAQ;QAAU,aAAQ,GAAR,QAAQ,CAAiB;QAJlE,YAAO,GAAG,cAAc,CAAC;QAEhB,iBAAY,GAAG,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QAG5D,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QACzE,CAAC;IACL,CAAC;IAED,cAAc,CAAI,QAA2B;QACzC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,WAAW;QACP,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtD,IAAI,MAAM;YAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAsB,CAAC;QAC3D,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IAED,aAAa;QACT,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC9E,CAAC;IAED,aAAa,CAAC,MAAe;QACzB,MAAM,EAAC,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QAC5E,IAAI,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,UAAU,SAAS,QAAQ,EAAE,CAAC;QACpF,IAAI,IAAI,EAAE,CAAC;YACP,KAAK,IAAI,SAAS,IAAI,IAAI,SAAS,IAAI,MAAM,EAAE,CAAA;QACnD,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACV,KAAK,IAAI,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;gBACnC,IAAI,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;oBACnC,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;gBACvC,CAAC;qBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;oBACrC,KAAK,GAAG,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACxE,CAAC;YACL,CAAC;QACL,CAAC;QAED,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,EAAE,CAAC;IACtD,CAAC;CACJ"}

package/esm/Paging/index.d.ts

@@ -0,0 +1 @@
+export { Page, Pageable, PagingSettings, Paging, PagingImpl } from "./Paging";

package/esm/Paging/index.js

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

package/esm/Paging/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Paging/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,UAAU,EAAC,MAAM,UAAU,CAAC"}

package/esm/VCThemeProvider/JetbrainsMonoFont.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+/**
+ * Loads the Jetbrains Mono fonts.
+ */
+export declare const JetbrainsMonoFont: () => JSX.Element;

package/esm/VCThemeProvider/JetbrainsMonoFont.js

@@ -0,0 +1,52 @@
+import { GlobalStyles } from "@mui/material";
+import React, { Fragment } from "react";
+import JetbrainsMono300Woff from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-300-normal.woff";
+import JetbrainsMono300Woff2 from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-300-normal.woff2";
+import JetbrainsMono400Woff from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-400-normal.woff";
+import JetbrainsMono400Woff2 from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-400-normal.woff2";
+import JetbrainsMono500Woff from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-500-normal.woff";
+import JetbrainsMono500Woff2 from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-500-normal.woff2";
+import JetbrainsMono700Woff from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-700-normal.woff";
+import JetbrainsMono700Woff2 from "@fontsource/jetbrains-mono/files/jetbrains-mono-latin-700-normal.woff2";
+/**
+ * Loads the Jetbrains Mono fonts.
+ */
+export const JetbrainsMonoFont = () => (React.createElement(Fragment, null,
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Jetbrains Mono",
+                src: `url("${JetbrainsMono300Woff2}") format("woff2"), url("${JetbrainsMono300Woff}") format("woff")`,
+                fontWeight: 300,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Jetbrains Mono",
+                src: `url("${JetbrainsMono400Woff2}") format("woff2"), url("${JetbrainsMono400Woff}") format("woff")`,
+                fontWeight: 400,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Jetbrains Mono",
+                src: `url("${JetbrainsMono500Woff2}") format("woff2"), url("${JetbrainsMono500Woff}") format("woff")`,
+                fontWeight: 500,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Jetbrains Mono",
+                src: `url("${JetbrainsMono700Woff2}") format("woff2"), url("${JetbrainsMono700Woff}") format("woff")`,
+                fontWeight: 700,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "code, kbd, pre, samp": {
+                fontFamily: "Jetbrains Mono"
+            }
+        } })));
+//# sourceMappingURL=JetbrainsMonoFont.js.map

package/esm/VCThemeProvider/JetbrainsMonoFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JetbrainsMonoFont.js","sourceRoot":"","sources":["../../src/VCThemeProvider/JetbrainsMonoFont.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,oBAAoB,MAAM,uEAAuE,CAAC;AACzG,OAAO,qBAAqB,MAAM,wEAAwE,CAAC;AAC3G,OAAO,oBAAoB,MAAM,uEAAuE,CAAC;AACzG,OAAO,qBAAqB,MAAM,wEAAwE,CAAC;AAC3G,OAAO,oBAAoB,MAAM,uEAAuE,CAAC;AACzG,OAAO,qBAAqB,MAAM,wEAAwE,CAAC;AAC3G,OAAO,oBAAoB,MAAM,uEAAuE,CAAC;AACzG,OAAO,qBAAqB,MAAM,wEAAwE,CAAC;AAE3G;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CACnC,oBAAC,QAAQ;IACL,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,gBAAgB;gBAC5B,GAAG,EAAE,QAAQ,qBAAqB,4BAA4B,oBAAoB,mBAAmB;gBACrG,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,gBAAgB;gBAC5B,GAAG,EAAE,QAAQ,qBAAqB,4BAA4B,oBAAoB,mBAAmB;gBACrG,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,gBAAgB;gBAC5B,GAAG,EAAE,QAAQ,qBAAqB,4BAA4B,oBAAoB,mBAAmB;gBACrG,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,gBAAgB;gBAC5B,GAAG,EAAE,QAAQ,qBAAqB,4BAA4B,oBAAoB,mBAAmB;gBACrG,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,sBAAsB,EAAE;gBACpB,UAAU,EAAE,gBAAgB;aAC/B;SACJ,GAAG,CACG,CACd,CAAC"}

package/esm/VCThemeProvider/RobotoFont.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Loads the Roboto fonts used by MUI as specified at:
+ * https://mui.com/material-ui/getting-started/installation/#roboto-font
+ * @constructor
+ */
+export declare const RobotoFont: () => JSX.Element;

package/esm/VCThemeProvider/RobotoFont.js

@@ -0,0 +1,49 @@
+import { GlobalStyles } from "@mui/material";
+import React, { Fragment } from "react";
+import RobotoLightWoff from "roboto-fontface/fonts/roboto/Roboto-Light.woff";
+import RobotoLightWoff2 from "roboto-fontface/fonts/roboto/Roboto-Light.woff2";
+import RobotoRegularWoff from "roboto-fontface/fonts/roboto/Roboto-Regular.woff";
+import RobotoRegularWoff2 from "roboto-fontface/fonts/roboto/Roboto-Regular.woff2";
+import RobotoMediumWoff from "roboto-fontface/fonts/roboto/Roboto-Medium.woff";
+import RobotoMediumWoff2 from "roboto-fontface/fonts/roboto/Roboto-Medium.woff2";
+import RobotoBoldWoff from "roboto-fontface/fonts/roboto/Roboto-Bold.woff";
+import RobotoBoldWoff2 from "roboto-fontface/fonts/roboto/Roboto-Bold.woff2";
+/**
+ * Loads the Roboto fonts used by MUI as specified at:
+ * https://mui.com/material-ui/getting-started/installation/#roboto-font
+ * @constructor
+ */
+export const RobotoFont = () => (React.createElement(Fragment, null,
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Roboto",
+                src: `url("${RobotoLightWoff2}") format("woff2"), url("${RobotoLightWoff}") format("woff")`,
+                fontWeight: 300,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Roboto",
+                src: `url("${RobotoRegularWoff2}") format("woff2"), url("${RobotoRegularWoff}") format("woff")`,
+                fontWeight: 400,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Roboto",
+                src: `url("${RobotoMediumWoff2}") format("woff2"), url("${RobotoMediumWoff}") format("woff")`,
+                fontWeight: 500,
+                fontStyle: "normal",
+            }
+        } }),
+    React.createElement(GlobalStyles, { styles: {
+            "@font-face": {
+                fontFamily: "Roboto",
+                src: `url("${RobotoBoldWoff2}") format("woff2"), url("${RobotoBoldWoff}") format("woff")`,
+                fontWeight: 700,
+                fontStyle: "normal",
+            }
+        } })));
+//# sourceMappingURL=RobotoFont.js.map

package/esm/VCThemeProvider/RobotoFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobotoFont.js","sourceRoot":"","sources":["../../src/VCThemeProvider/RobotoFont.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAC3C,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAC7E,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AACjF,OAAO,kBAAkB,MAAM,mDAAmD,CAAC;AACnF,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAC/E,OAAO,iBAAiB,MAAM,kDAAkD,CAAC;AACjF,OAAO,cAAc,MAAM,+CAA+C,CAAC;AAC3E,OAAO,eAAe,MAAM,gDAAgD,CAAC;AAE7E;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAC5B,oBAAC,QAAQ;IACL,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ,gBAAgB,4BAA4B,eAAe,mBAAmB;gBAC3F,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ,kBAAkB,4BAA4B,iBAAiB,mBAAmB;gBAC/F,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ,iBAAiB,4BAA4B,gBAAgB,mBAAmB;gBAC7F,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG;IACJ,oBAAC,YAAY,IAAC,MAAM,EAAE;YAClB,YAAY,EAAE;gBACV,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,QAAQ,eAAe,4BAA4B,cAAc,mBAAmB;gBACzF,UAAU,EAAE,GAAG;gBACf,SAAS,EAAE,QAAQ;aACtB;SACJ,GAAG,CACG,CACd,CAAC"}

package/esm/VCThemeProvider/ThemeModeSwitcher.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ThemeModeSwitcher: () => JSX.Element;

package/esm/VCThemeProvider/ThemeModeSwitcher.js

@@ -0,0 +1,14 @@
+import React, { useCallback } from "react";
+import { FormControlLabel, FormGroup, Switch } from "@mui/material";
+import LightModeIcon from "@mui/icons-material/Brightness7";
+import DarkModeIcon from "@mui/icons-material/Brightness4";
+import { usePaletteMode } from "./VCThemeProvider";
+export const ThemeModeSwitcher = () => {
+    const { mode, setMode } = usePaletteMode();
+    const handleModeChange = useCallback((e) => {
+        setMode(e.currentTarget.checked ? "light" : "dark");
+    }, [setMode]);
+    return (React.createElement(FormGroup, { sx: { display: 'flex', flexDirection: 'row' } },
+        React.createElement(FormControlLabel, { control: React.createElement(Switch, { checked: mode === 'light', onChange: handleModeChange }), componentsProps: { typography: { lineHeight: '1em' } }, label: mode === 'light' ? React.createElement(LightModeIcon, null) : React.createElement(DarkModeIcon, null) })));
+};
+//# sourceMappingURL=ThemeModeSwitcher.js.map

package/esm/VCThemeProvider/ThemeModeSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeSwitcher.js","sourceRoot":"","sources":["../../src/VCThemeProvider/ThemeModeSwitcher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,gBAAgB,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,eAAe,CAAC;AAClE,OAAO,aAAa,MAAM,iCAAiC,CAAC;AAC5D,OAAO,YAAY,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,cAAc,EAAE,CAAC;IAEzC,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAsC,EAAE,EAAE;QAC5E,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,oBAAC,SAAS,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE;QACpD,oBAAC,gBAAgB,IACb,OAAO,EAAE,oBAAC,MAAM,IAAC,OAAO,EAAE,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,gBAAgB,GAAI,EAC1E,eAAe,EAAE,EAAE,UAAU,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,EACrD,KAAK,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,GAChE,CACM,CACf,CAAA;AACL,CAAC,CAAA"}

package/esm/VCThemeProvider/VCThemeProvider.d.ts

@@ -0,0 +1,25 @@
+import { PropsWithChildren } from "react";
+import { PaletteMode, ThemeOptions } from "@mui/material";
+export interface CustomLogo {
+    paddingX?: number | null;
+    paddingY?: number | null;
+    url: string;
+}
+export interface Branding {
+    colorPrimary?: string;
+    colorSecondary?: string;
+    muiThemeOptions?: ThemeOptions;
+    logoPaddingX?: number | null;
+    logoPaddingY?: number | null;
+    logoLightUrl?: string;
+    logoDarkUrl?: string;
+}
+export interface VCThemeProviderProps {
+    branding?: Branding;
+}
+export declare function VCThemeProvider({ branding, children }: PropsWithChildren<VCThemeProviderProps>): JSX.Element;
+export declare function usePaletteMode(): {
+    mode: PaletteMode;
+    setMode: (mode: PaletteMode) => any;
+};
+export declare function useCustomLogo(): CustomLogo | undefined;