@owlmeans/mui-panel 0.1.3

package/build/components/form/button/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUvD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAuBjC,CAAA;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,WAAW,CAcvC,CAAA"}

package/build/components/form/button/component.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { memo } from 'react';
+import MUIButton from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
+import { useFormContext } from 'react-hook-form';
+import { useCommonI18n, useI18nApp, useI18nLib } from '@owlmeans/client-i18n';
+import { useContext } from '@owlmeans/client';
+import { useFormI18n, usePanelHelper } from '@owlmeans/client-panel';
+export const Button = memo(({ label, onClick, i18n, loader, size, fullWidth, variant = 'contained' }) => {
+    const context = useContext();
+    const panel = usePanelHelper();
+    const t = useCommonI18n(i18n?.resource ?? panel.resource ?? context.cfg.service, i18n?.ns ?? panel.ns, i18n?.prefix ?? panel.prefix);
+    const appT = useI18nApp(context.cfg.service, 'buttons');
+    const libT = useI18nLib('client-panel', 'buttons');
+    label = useMemo(() => i18n?.suppress ? label : t(label, {
+        defaultValue: appT(label, { defaultValue: libT(label) })
+    }), [i18n?.suppress, label]);
+    size = size ?? 'medium';
+    const progressSize = size === 'large'
+        ? 20
+        : size === 'medium' ? 16 : 14;
+    return _jsx(MUIButton, { variant: variant, size: size, fullWidth: fullWidth, startIcon: loader != null && loader.opened === true ? _jsx(CircularProgress, { size: progressSize }) : undefined, disabled: loader != null && loader.opened === true, onClick: onClick, children: label });
+});
+export const SubmitButton = memo((props) => {
+    let { i18n, label } = props;
+    const { handleSubmit } = useFormContext();
+    const t = useFormI18n();
+    label = label ?? 'submit';
+    const _i18n = { ...i18n };
+    _i18n.suppress = true;
+    return _jsx(Button, { ...props, label: t(label), i18n: _i18n, onClick: handleSubmit(props.onSubmit ?? props.onClick ?? (() => { console.info('Empty submit'); }), problem => console.error('Failed to submit form with error: ', problem)) });
+});
+//# sourceMappingURL=component.js.map

package/build/components/form/button/component.js.map

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

package/build/components/form/button/index.d.ts

@@ -0,0 +1,3 @@
+export * from './component.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/form/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/build/components/form/button/index.js

@@ -0,0 +1,3 @@
+export * from './component.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/build/components/form/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/button/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/build/components/form/button/types.d.ts

@@ -0,0 +1,15 @@
+import type { Toggleable } from '@owlmeans/client';
+import type { I18nProps } from '@owlmeans/client-i18n';
+export interface ButtonProps extends I18nProps {
+    size?: 'small' | 'medium' | 'large';
+    fullWidth?: boolean;
+    variant?: string;
+    label: string;
+    loader?: Toggleable;
+    onClick?: () => void;
+}
+export interface SubmitProps extends Omit<ButtonProps, "label"> {
+    label?: string;
+    onSubmit?: (data: any) => Promise<void> | void;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/form/button/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC/C"}

package/build/components/form/button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/form/button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/button/types.ts"],"names":[],"mappings":""}

package/build/components/form/component.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { WebFormProps } from './types.js';
+export declare const Form: FC<WebFormProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/form/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/form/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAmB/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAK9C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,YAAY,CA4EjC,CAAA"}

package/build/components/form/component.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from 'react';
+import { FormProvider, useForm } from 'react-hook-form';
+import { ajvResolver } from '@hookform/resolvers/ajv';
+import Grid from '@mui/material/Grid';
+import Card from '@mui/material/Card';
+import CardContent from '@mui/material/CardContent';
+import CardActions from '@mui/material/CardActions';
+import { FormContext, schemaToFormDefault } from '@owlmeans/client-panel';
+import Ajv from 'ajv';
+import formatsPlugin from 'ajv-formats';
+import { useTheme } from '@mui/material/styles';
+import { SubmitButton } from './button/component.js';
+import { useToggle } from '@owlmeans/client';
+import { scalingToStyles } from '../helper.js';
+import { ResilientError } from '@owlmeans/error';
+import { Status } from '../status.js';
+const ajv = new Ajv({ coerceTypes: true });
+formatsPlugin(ajv);
+export const Form = (props) => {
+    const { defaults, children, formRef, validation, name, horizontal, vertical, decorate, onSubmit, i18n, styles } = props;
+    const theme = useTheme();
+    const _defaults = useMemo(() => defaults ?? (validation != null ? schemaToFormDefault(validation) : undefined), [name, defaults != null, validation != null]);
+    const loader = useToggle(false);
+    const form = useForm({
+        mode: 'all',
+        defaultValues: _defaults,
+        resolver: validation
+            ? ajvResolver(validation, { formats: ajv.formats, coerceTypes: true })
+            : undefined,
+        delayError: 300
+    });
+    const update = useCallback(((data) => {
+        const fields = validation != null
+            ? Object.keys(validation.properties)
+            : Object.keys(data);
+        fields.forEach(key => {
+            form.setValue(key, data[key]);
+        });
+    }), [name]);
+    const setError = useCallback((error, target = 'root') => {
+        form.setError(target, {
+            message: ResilientError.ensure(error instanceof Error ? error : `${error}`).marshal().message
+        });
+    }, [name]);
+    if (formRef != null) {
+        formRef.current = { form, update, loader, error: setError };
+    }
+    const style = useMemo(() => scalingToStyles(horizontal, vertical, theme), [horizontal]);
+    const content = () => _jsx(Grid, { container: true, direction: "column", justifyContent: "flex-start", alignItems: "stretch", rowSpacing: 2, sx: !decorate ? style : {}, children: Array.isArray(children)
+            ? children.map((child, index) => _jsx(Grid, { children: child }, index)) : children });
+    if (decorate === true) {
+        const root = form.getFieldState('root');
+        return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: _jsxs(Card, { sx: { ...style, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', ...styles }, children: [_jsxs(CardContent, { children: [content(), root.invalid && root.error?.message &&
+                                    _jsx(Status, { ok: false, i18n: i18n, error: ResilientError.ensure(root.error.message) })] }), onSubmit != null ? _jsx(CardActions, { sx: { flexDirection: 'row', justifyContent: 'flex-end', pr: 2, pb: 2 }, children: _jsx(SubmitButton, { loader: loader, onSubmit: async (data) => onSubmit(data, update) }) }) : undefined] }) }) });
+    }
+    return _jsx(FormProvider, { ...form, children: _jsx(FormContext, { ...props, loader: loader, children: content() }) });
+};
+//# sourceMappingURL=component.js.map

package/build/components/form/component.js.map

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

package/build/components/form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './component.js';
+export type * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,mBAAmB,YAAY,CAAA"}

package/build/components/form/index.js

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

package/build/components/form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA"}

package/build/components/form/text/component.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { TextInputProps } from './types.js';
+export declare const TextInput: FC<TextInputProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/form/text/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAM3C,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoCxC,CAAA"}

package/build/components/form/text/component.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext, Controller } from 'react-hook-form';
+import TextField from '@mui/material/TextField';
+import { useFormError, useFormI18n } from '@owlmeans/client-panel';
+import { useClientFormContext } from '@owlmeans/client-panel';
+export const TextInput = ({ name, label, placeholder, hint, type, def, disableAutocomplete }) => {
+    const { control } = useFormContext();
+    const t = useFormI18n();
+    const key = name;
+    if (typeof label === 'boolean' && label) {
+        label = t(`${key}.label`);
+    }
+    else {
+        label = undefined;
+    }
+    if (typeof placeholder === 'boolean' && placeholder) {
+        placeholder = t(`${key}.placeholder`);
+    }
+    else {
+        placeholder = undefined;
+    }
+    if (typeof hint === 'boolean' && hint) {
+        hint = t(`${key}.hint`);
+    }
+    else {
+        hint = undefined;
+    }
+    return _jsx(Controller, { control: control, name: name, defaultValue: def, render: ({ field, fieldState }) => {
+            const error = useFormError(name, fieldState.error);
+            const { loader } = useClientFormContext();
+            return _jsx(TextField, { fullWidth: true, ...field, error: fieldState.error != null, disabled: loader != null && loader.opened === true, label: label, type: type ?? 'text', placeholder: placeholder, autoComplete: disableAutocomplete ? 'off' : 'on', helperText: error ?? hint });
+        } });
+};
+//# sourceMappingURL=component.js.map

package/build/components/form/text/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/form/text/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAG5D,OAAO,SAAS,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,mBAAmB,EAAE,EAAE,EAAE;IAClH,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,CAAC,GAAG,WAAW,EAAE,CAAA;IACvB,MAAM,GAAG,GAAG,IAAI,CAAA;IAChB,IAAI,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,EAAE,CAAC;QACxC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAA;IAC3B,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,SAAS,CAAA;IACnB,CAAC;IACD,IAAI,OAAO,WAAW,KAAK,SAAS,IAAI,WAAW,EAAE,CAAC;QACpD,WAAW,GAAG,CAAC,CAAC,GAAG,GAAG,cAAc,CAAC,CAAA;IACvC,CAAC;SAAM,CAAC;QACN,WAAW,GAAG,SAAS,CAAA;IACzB,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,EAAE,CAAC;QACtC,IAAI,GAAG,CAAC,CAAC,GAAG,GAAG,OAAO,CAAC,CAAA;IACzB,CAAC;SAAM,CAAC;QACN,IAAI,GAAG,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EACxE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,CAAA;YAClD,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAoB,EAAE,CAAA;YAEzC,OAAO,KAAC,SAAS,IAAC,SAAS,WAAK,KAAK,EACnC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,IAAI,EAC/B,QAAQ,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAClD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,MAAM,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAChD,UAAU,EAAE,KAAK,IAAI,IAAI,GACzB,CAAA;QACJ,CAAC,GACC,CAAA;AACN,CAAC,CAAA"}

package/build/components/form/text/index.d.ts

@@ -0,0 +1,3 @@
+export * from './component.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/form/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/text/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/build/components/form/text/index.js

@@ -0,0 +1,3 @@
+export * from './component.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/build/components/form/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/text/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA"}

package/build/components/form/text/types.d.ts

@@ -0,0 +1,11 @@
+import type { FormFieldProps } from '@owlmeans/client-panel';
+import type { HTMLInputTypeAttribute } from 'react';
+export interface TextInputProps extends FormFieldProps {
+    name: string;
+    label?: string | boolean;
+    placeholder?: string | boolean;
+    hint?: string | boolean;
+    type?: HTMLInputTypeAttribute;
+    disableAutocomplete?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/form/text/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAA;AAEnD,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,sBAAsB,CAAA;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B"}

package/build/components/form/text/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/form/text/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/form/text/types.ts"],"names":[],"mappings":""}

package/build/components/form/types.d.ts

@@ -0,0 +1,6 @@
+import type { SxProps } from '@mui/material/styles';
+import type { FormProps } from '@owlmeans/client-panel';
+export interface WebFormProps extends FormProps {
+    styles?: SxProps;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/form/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,SAAS,EAAG,MAAM,wBAAwB,CAAA;AAExD,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB"}

package/build/components/form/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/form/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/form/types.ts"],"names":[],"mappings":""}

package/build/components/helper.d.ts

@@ -0,0 +1,6 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+import { BlockScaling } from '@owlmeans/client-panel';
+export declare const scalingToStyles: (horizontal?: BlockScaling, vertical?: BlockScaling, theme?: Theme) => SxProps;
+export declare const useBreakPoint: () => string;
+export declare const useMapBreakpoint: <T>(map: Record<string, T>, def?: T, breakpoint?: string) => T;
+//# sourceMappingURL=helper.d.ts.map

package/build/components/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/components/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG1D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,aAAa,YAAY,EACzB,WAAW,YAAY,EACvB,QAAQ,KAAK,KACZ,OAuCF,CAAA;AAED,eAAO,MAAM,aAAa,cAiBzB,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,KAAK,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,aAAa,MAAM,KAAG,CAS1F,CAAA"}

package/build/components/helper.js

@@ -0,0 +1,70 @@
+import { useTheme } from '@mui/material/styles';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { BlockScaling } from '@owlmeans/client-panel';
+export const scalingToStyles = (horizontal, vertical, theme) => {
+    const style = {};
+    switch (horizontal) {
+        case BlockScaling.Half:
+            Object.assign(style, {
+                maxWidth: '50%',
+                [theme?.breakpoints.down('md') ?? 'xs']: {
+                    maxWidth: '90%'
+                },
+                flexGrow: 1
+            });
+            break;
+        case BlockScaling.Wide:
+            Object.assign(style, { mx: '10%', flexGrow: 1 });
+            break;
+        case BlockScaling.Full:
+            Object.assign(style, { flexGrow: 1 });
+            break;
+    }
+    switch (vertical) {
+        case BlockScaling.Half:
+            Object.assign(style, {
+                maxHeight: '50%',
+                [theme?.breakpoints.down('md') ?? 'xs']: {
+                    maxHeight: '90%'
+                },
+                flexGrow: 1
+            });
+            break;
+        case BlockScaling.Wide:
+            Object.assign(style, { my: '10%', flexGrow: 1 });
+            break;
+        case BlockScaling.Full:
+            Object.assign(style, { height: '100%', flexGrow: 1 });
+            break;
+    }
+    return style;
+};
+export const useBreakPoint = () => {
+    const theme = useTheme();
+    // Define breakpoints
+    const isXs = useMediaQuery(theme.breakpoints.only('xs'));
+    const isSm = useMediaQuery(theme.breakpoints.only('sm'));
+    const isMd = useMediaQuery(theme.breakpoints.only('md'));
+    const isLg = useMediaQuery(theme.breakpoints.only('lg'));
+    const isXl = useMediaQuery(theme.breakpoints.only('xl'));
+    let currentBreakpoint = isXs ? 'xs' : 'unknown'; // Default value
+    if (isSm)
+        currentBreakpoint = 'sm';
+    if (isMd)
+        currentBreakpoint = 'md';
+    if (isLg)
+        currentBreakpoint = 'lg';
+    if (isXl)
+        currentBreakpoint = 'xl';
+    return currentBreakpoint;
+};
+export const useMapBreakpoint = (map, def, breakpoint) => {
+    const _breakpoint = useBreakPoint();
+    breakpoint = breakpoint ?? _breakpoint;
+    const result = map[breakpoint] ?? def;
+    if (result == null) {
+        throw new SyntaxError(`Breakpoint should always return value. We have ${breakpoint}, but ${Object.keys(map).join(', ')} are available`);
+    }
+    return result;
+};
+//# sourceMappingURL=helper.js.map

package/build/components/helper.js.map

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

package/build/components/index.d.ts

@@ -0,0 +1,14 @@
+export type * from './types.js';
+export * from './panel-app/index.js';
+export * from './layout/index.js';
+export * from './form/index.js';
+export * from './form/text/index.js';
+export * from './form/button/index.js';
+export * from './uploader/index.js';
+export * from './button/index.js';
+export * from './block.js';
+export * from './text.js';
+export * from './link.js';
+export * from './helper.js';
+export * from './status.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,YAAY,CAAA;AAE/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/build/components/index.js

@@ -0,0 +1,13 @@
+export * from './panel-app/index.js';
+export * from './layout/index.js';
+export * from './form/index.js';
+export * from './form/text/index.js';
+export * from './form/button/index.js';
+export * from './uploader/index.js';
+export * from './button/index.js';
+export * from './block.js';
+export * from './text.js';
+export * from './link.js';
+export * from './helper.js';
+export * from './status.js';
+//# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA"}

package/build/components/layout/component.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LayoutProps } from './types.js';
+export declare const Layout: FC<LayoutProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/layout/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAElC,CAAA"}

package/build/components/layout/component.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Box from '@mui/material/Box';
+export const Layout = ({ children }) => {
+    return _jsx(Box, { children: children });
+};
+//# sourceMappingURL=component.js.map

package/build/components/layout/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/layout/component.tsx"],"names":[],"mappings":";AAEA,OAAO,GAAG,MAAM,mBAAmB,CAAA;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtD,OAAO,KAAC,GAAG,cAAE,QAAQ,GAAO,CAAA;AAC9B,CAAC,CAAA"}

package/build/components/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.js';
+export * from './component.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/components/layout/index.js

@@ -0,0 +1,3 @@
+export * from './types.js';
+export * from './component.js';
+//# sourceMappingURL=index.js.map

package/build/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/components/layout/types.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from 'react';
+export interface LayoutProps extends PropsWithChildren {
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/layout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,MAAM,WAAW,WAAY,SAAQ,iBAAiB;CACrD"}

package/build/components/layout/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/layout/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/layout/types.ts"],"names":[],"mappings":""}

package/build/components/link.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { LinkProps } from './types.js';
+export declare const Link: FC<LinkProps>;
+//# sourceMappingURL=link.d.ts.map

package/build/components/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAO3C,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAwB9B,CAAA"}

package/build/components/link.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePanelI18n } from '@owlmeans/client-panel';
+import MUILink from '@mui/material/Link';
+import { useValue } from '@owlmeans/client';
+import { useContext } from '@owlmeans/web-client';
+export const Link = ({ src, module, name, variant, children, center, open, styles }) => {
+    const t = usePanelI18n();
+    const context = useContext();
+    const href = useValue(async () => {
+        if (src != null) {
+            return src;
+        }
+        if (module != null) {
+            module = typeof module === 'string' ? context.module(module) : module;
+            const [url] = await module.call();
+            return url;
+        }
+        return null;
+    }, [src, module]);
+    const label = name != null
+        ? t(name)
+        : children != null || module == null
+            ? undefined : t(`modules.${typeof module == 'string' ? module : module.alias}`);
+    const target = open ? '_blank' : undefined;
+    return _jsx(MUILink, { href: href ?? undefined, target: target, variant: variant, sx: { textAlign: center ? 'center' : 'inherit', ...styles }, children: label ?? children });
+};
+//# sourceMappingURL=link.js.map

package/build/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../src/components/link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAGrD,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IACpG,MAAM,CAAC,GAAG,YAAY,EAAE,CAAA;IACxB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,IAAI,EAAE;QAC/B,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;YAChB,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;YACnB,MAAM,GAAG,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAuB,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;YAC3F,MAAM,CAAC,GAAG,CAAC,GAAG,MAAM,MAAM,CAAC,IAAI,EAAU,CAAA;YAEzC,OAAO,GAAG,CAAA;QACZ,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAA;IAEjB,MAAM,KAAK,GAAG,IAAI,IAAI,IAAI;QACxB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACT,CAAC,CAAC,QAAQ,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI;YAClC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,OAAO,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAA;IACnF,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC1C,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAwC,EACxG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,EAAE,YAAG,KAAK,IAAI,QAAQ,GAAW,CAAA;AAC9F,CAAC,CAAA"}

package/build/components/panel-app/component.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { PanelAppProps } from './types.js';
+export declare const PanelApp: FC<PanelAppProps>;
+//# sourceMappingURL=component.d.ts.map

package/build/components/panel-app/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAO/C,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAUtC,CAAA"}

package/build/components/panel-app/component.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { App } from '@owlmeans/client';
+import { I18nContext } from '@owlmeans/client-i18n';
+import CssBaseline from '@mui/material/CssBaseline';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+export const PanelApp = ({ context, provide, children, theme }) => {
+    theme = useMemo(() => theme ?? createTheme(), [theme]);
+    return _jsx(ThemeProvider, { theme: theme, children: _jsx(I18nContext, { config: context.cfg, children: _jsxs(App, { context: context, provide: provide, children: [_jsx(CssBaseline, {}), children] }) }) });
+};
+//# sourceMappingURL=component.js.map

package/build/components/panel-app/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/panel-app/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAG/B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,WAAW,MAAM,2BAA2B,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,WAAW,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACtD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAChC,KAAC,WAAW,IAAC,MAAM,EAAE,OAAO,CAAC,GAAG,YAC9B,MAAC,GAAG,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aACrC,KAAC,WAAW,KAAG,EACd,QAAQ,IACJ,GACK,GACA,CAAA;AAClB,CAAC,CAAA"}

package/build/components/panel-app/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types.js';
+export * from './component.js';
+//# sourceMappingURL=index.d.ts.map

package/build/components/panel-app/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/components/panel-app/index.js

@@ -0,0 +1,3 @@
+export * from './types.js';
+export * from './component.js';
+//# sourceMappingURL=index.js.map

package/build/components/panel-app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/panel-app/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/components/panel-app/types.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@mui/material/styles';
+import type { AppProps } from '@owlmeans/client';
+export interface PanelAppProps extends AppProps {
+    theme?: Theme;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/components/panel-app/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/panel-app/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC3C,KAAK,CAAC,EAAE,KAAK,CAAA;CAChB"}

package/build/components/panel-app/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/build/components/panel-app/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/panel-app/types.ts"],"names":[],"mappings":""}