elbe-ui 0.3.1 → 0.4.1

package/dist/ui/components/input/input_field.d.ts

@@ -1,22 +0,0 @@
-import React from "preact/compat";
-import { ActionElbeProps } from "../base/box";
-import { _TextArea } from "./text_area";
-export type InputFieldProps = {
-    label?: string;
-    hint: string;
-    readonly?: boolean;
-    value: string | number;
-    onInput?: (value: string) => void;
-} & ActionElbeProps;
-export declare class Field extends React.Component<InputFieldProps & {
-    type?: "text" | "number" | "password" | "date" | "time" | "email";
-}> {
-    static text: (p: InputFieldProps) => React.JSX.Element;
-    static number: (p: InputFieldProps) => React.JSX.Element;
-    static password: (p: InputFieldProps) => React.JSX.Element;
-    static date: (p: InputFieldProps) => React.JSX.Element;
-    static time: (p: InputFieldProps) => React.JSX.Element;
-    static email: (p: InputFieldProps) => React.JSX.Element;
-    static multiLine: typeof _TextArea;
-    render(): React.JSX.Element;
-}

package/dist/ui/components/input/input_field.js

@@ -1,36 +0,0 @@
-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 { jsx as _jsx } from "preact/jsx-runtime";
-import React from "preact/compat";
-import { applyProps } from "../base/box";
-import { _TextArea } from "./text_area";
-export class Field extends React.Component {
-    render() {
-        var _a;
-        const _b = this.props, { label, hint, readonly, type, value, onInput } = _b, elbe = __rest(_b, ["label", "hint", "readonly", "type", "value", "onInput"]);
-        return (_jsx("div", { style: {
-                width: "12rem !important",
-                display: "flex",
-                flexDirection: "column",
-                alignItems: "stretch",
-            }, "data-tooltip": (_a = this.props) === null || _a === void 0 ? void 0 : _a.tooltip, children: _jsx("input", Object.assign({ type: this.props.type }, applyProps("text_field", this.props, null, {
-                width: "100%",
-            }), { size: 5, label: this.props.label, placeholder: this.props.hint, value: this.props.value, onInput: (e) => this.props.onInput && this.props.onInput(e.currentTarget.value), readonly: this.props.readonly })) }));
-    }
-}
-Field.text = (p) => _jsx(Field, Object.assign({}, p, { type: "text" }));
-Field.number = (p) => _jsx(Field, Object.assign({}, p, { type: "number" }));
-Field.password = (p) => _jsx(Field, Object.assign({}, p, { type: "password" }));
-Field.date = (p) => _jsx(Field, Object.assign({}, p, { type: "date" }));
-Field.time = (p) => _jsx(Field, Object.assign({}, p, { type: "time" }));
-Field.email = (p) => _jsx(Field, Object.assign({}, p, { type: "email" }));
-Field.multiLine = _TextArea;

package/dist/ui/components/input/text_area.d.ts

@@ -1,10 +0,0 @@
-import { ActionElbeProps } from "../base/box";
-export declare function _TextArea({ label, hint, readonly, rows, maxLength, value, onInput, ...elbe }: {
-    label?: string;
-    hint: string;
-    rows?: number;
-    maxLength?: number;
-    readonly?: boolean;
-    value: string | number;
-    onInput?: (value: string) => void;
-} & ActionElbeProps): import("preact").JSX.Element;

package/dist/ui/components/input/text_area.js

@@ -1,22 +0,0 @@
-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 { jsx as _jsx } from "preact/jsx-runtime";
-import { applyProps } from "../base/box";
-export function _TextArea(_a) {
-    var { label, hint, readonly, rows = 4, maxLength, value, onInput } = _a, elbe = __rest(_a, ["label", "hint", "readonly", "rows", "maxLength", "value", "onInput"]);
-    return (_jsx("div", { style: {
-            width: "12rem !important",
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "stretch",
-        }, "data-tooltip": elbe.tooltip, children: _jsx("textarea", Object.assign({}, applyProps("text_area", elbe, null, { width: "100%" }), { label: label, size: 5, cols: 5, placeholder: hint, rows: rows, maxLength: maxLength, value: value, onInput: (e) => onInput && onInput(e.currentTarget.value), readonly: readonly })) }));
-}

package/dist/ui/components/layout/scaffold.d.ts

@@ -1,15 +0,0 @@
-import { type ElbeColorSchemes } from "../../..";
-import { HeaderParams } from "./header";
-/**
- * Scaffold is a layout component that provides a header and a content area.
- * It is used to create a consistent layout for pages.
- */
-export declare function Scaffold({ children, baseLimited, gap, padded, scheme, scroll, height, ...header }: {
-    baseLimited?: boolean;
-    children: any;
-    gap?: number;
-    padded?: boolean;
-    scheme?: ElbeColorSchemes;
-    scroll?: boolean;
-    height?: number;
-} & HeaderParams): import("preact").JSX.Element;

package/dist/ui/components/layout/scaffold.js

@@ -1,31 +0,0 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-import { classString } from "../../..";
-import { Column } from "./flex";
-import { Header } from "./header";
-/**
- * Scaffold is a layout component that provides a header and a content area.
- * It is used to create a consistent layout for pages.
- */
-export function Scaffold(_a) {
-    var { children, baseLimited = false, gap = 1, padded = true, scheme, scroll = false, height } = _a, header = __rest(_a, ["children", "baseLimited", "gap", "padded", "scheme", "scroll", "height"]);
-    return (_jsxs(Column, { cross: "stretch", gap: 0, typeLabel: "Scaffold", class: `${scheme !== null && scheme !== void 0 ? scheme : "primary"}`, style: {
-            overflowY: height ? "scroll" : null,
-            height: height ? `${height}rem` : scroll ? null : "100vh",
-            //height: header.limitToParent ? "100px" : null,
-        }, children: [_jsx(Header, Object.assign({}, header, { _absolute: height ? true : false })), _jsx("div", { class: classString([
-                    !scroll && "flex-1",
-                    padded && "padded",
-                    baseLimited && "base-limited",
-                ]), children: _jsx(Column, { cross: "stretch", style: { height: scroll ? null : "100%" }, gap: gap !== null && gap !== void 0 ? gap : 1, children: children }) })] }));
-}