@variocube/app-ui 1.14.0

package/esm/cube/accessibility.js

@@ -0,0 +1,242 @@
+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 { Box, CardContent, CardHeader, FormControl, FormControlLabel, FormLabel, Grid, Radio, RadioGroup, Table, TableBody, TableCell, TableHead, TableRow, Typography, } from "@mui/material";
+import { useEffect, useState } from "react";
+import React from "react";
+import { PlainTimePicker } from "../date-pickers";
+import { EditForm } from "../forms";
+import { Checkbox, TextField } from "../Input";
+import { Duration, Now, PlainTime, tryParsePlainTime } from "../temporal";
+export const Weekdays = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
+export function Accessibility({ enabled, loading, result, t, onSave }) {
+    // const id = useParam("id");
+    // const {t} = useLocalization();
+    // const {loading, error, result} = useAsync(() => siteApi.getAccessibility(id), [id]);
+    const [alwaysAccessible, setAlwaysAccessible] = useState(true);
+    const [accessibleFrom, setAccessibleFrom] = useState(null);
+    const [accessibleUntil, setAccessibleUntil] = useState(null);
+    const [weekdayAccessibility, setWeekdayAccessibility] = useState(EMPTY_WEEKDAY_ACCESSIBLE_HOURS);
+    const [accessDescription, setAccessDescription] = useState("");
+    const [externalAccess, setExternalAccess] = useState("None");
+    const [externalAccessForeignId, setExternalAccessForeignId] = useState("");
+    useEffect(() => {
+        var _a, _b, _c;
+        if (result) {
+            setAlwaysAccessible(result.alwaysAccessible);
+            setAccessibleFrom((_a = tryParsePlainTime(result.accessibleFrom)) !== null && _a !== void 0 ? _a : null);
+            setAccessibleUntil((_b = tryParsePlainTime(result.accessibleUntil)) !== null && _b !== void 0 ? _b : null);
+            setWeekdayAccessibility(completeWeekdayAccessibleHours(result.weekdayAccessibleHours));
+            setAccessDescription(result.accessDescription);
+            setExternalAccess(result.externalAccess);
+            setExternalAccessForeignId((_c = result.externalAccessForeignId) !== null && _c !== void 0 ? _c : "");
+        }
+    }, [result]);
+    function handleSave() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var objToSave = {
+                alwaysAccessible,
+                accessibleFrom: accessibleFrom === null || accessibleFrom === void 0 ? void 0 : accessibleFrom.toString(),
+                accessibleUntil: accessibleUntil === null || accessibleUntil === void 0 ? void 0 : accessibleUntil.toString(),
+                weekdayAccessibleHours: weekdayAccessibility,
+                accessDescription,
+                externalAccess,
+                externalAccessForeignId,
+            };
+            yield onSave(objToSave);
+            // await siteApi.updateAccessibility(id,objToSave)
+        });
+    }
+    function handleWeekdayAccessibleFromChange(weekday, value) {
+        setWeekdayAccessibility(prev => prev.map(timeframe => {
+            return timeframe.weekday != weekday ? timeframe : Object.assign(Object.assign({}, timeframe), { accessibleFrom: value === null || value === void 0 ? void 0 : value.toString() });
+        }));
+    }
+    function handleWeekdayAccessibleUntilChange(weekday, value) {
+        setWeekdayAccessibility(prev => prev.map(timeframe => {
+            return timeframe.weekday != weekday ? timeframe : Object.assign(Object.assign({}, timeframe), { accessibleUntil: value === null || value === void 0 ? void 0 : value.toString() });
+        }));
+    }
+    if (!enabled) {
+        return React.createElement(Typography, null, t("sites.settings.enableBookingRequired"));
+    }
+    return (React.createElement(Box, { maxWidth: "md" },
+        React.createElement(EditForm, { loading: loading, onSave: handleSave, labels: t },
+            React.createElement(CardHeader, { title: t("sites.accessibility.accessibleHours"), subheader: t("sites.accessibility.accessibleHoursIntro") }),
+            React.createElement(CardContent, null,
+                React.createElement(Checkbox, { label: t("sites.accessibility.alwaysAccessible"), checked: alwaysAccessible, onChange: setAlwaysAccessible })),
+            React.createElement(CardHeader, { disableTypography: true, title: React.createElement(Typography, { variant: "subtitle1" }, t("sites.accessibility.generalAccessibleHours")), subheader: React.createElement(Typography, { variant: "body2" }, t("sites.accessibility.generalAccessibleHoursHelperText")) }),
+            React.createElement(CardContent, null,
+                React.createElement(Grid, { container: true, spacing: 2 },
+                    React.createElement(Grid, { item: true, xs: 12, sm: 6, md: 4 },
+                        React.createElement(PlainTimePicker, { label: t("sites.accessibility.accessibleFrom"), disabled: alwaysAccessible, value: accessibleFrom, onChange: setAccessibleFrom, fullWidth: true })),
+                    React.createElement(Grid, { item: true, xs: 12, sm: 6, md: 4 },
+                        React.createElement(PlainTimePicker, { label: t("sites.accessibility.accessibleUntil"), disabled: alwaysAccessible, value: accessibleUntil, onChange: setAccessibleUntil, fullWidth: true })))),
+            React.createElement(CardHeader, { disableTypography: true, title: React.createElement(Typography, { variant: "subtitle1" }, t("sites.accessibility.accessibleHoursByWeekday")), subheader: React.createElement(Typography, { variant: "body2" }, t("sites.accessibility.accessibleHoursByWeekdayHelperText")) }),
+            React.createElement(CardContent, null,
+                React.createElement(Table, { size: "small" },
+                    React.createElement(TableHead, null,
+                        React.createElement(TableRow, null,
+                            React.createElement(TableCell, null, t("sites.accessibility.weekday")),
+                            React.createElement(TableCell, null, t("sites.accessibility.accessibleFrom")),
+                            React.createElement(TableCell, null, t("sites.accessibility.accessibleUntil")))),
+                    React.createElement(TableBody, null, weekdayAccessibility.map(({ weekday, accessibleFrom, accessibleUntil }) => {
+                        var _a, _b;
+                        return (React.createElement(TableRow, { key: weekday },
+                            React.createElement(TableCell, null, t(`weekdays.${weekday}`)),
+                            React.createElement(TableCell, null,
+                                React.createElement(PlainTimePicker, { disabled: alwaysAccessible, size: "small", value: (_a = tryParsePlainTime(accessibleFrom)) !== null && _a !== void 0 ? _a : null, onChange: value => handleWeekdayAccessibleFromChange(weekday, value) })),
+                            React.createElement(TableCell, null,
+                                React.createElement(PlainTimePicker, { disabled: alwaysAccessible, size: "small", value: (_b = tryParsePlainTime(accessibleUntil)) !== null && _b !== void 0 ? _b : null, onChange: value => handleWeekdayAccessibleUntilChange(weekday, value) }))));
+                    })))),
+            React.createElement(CardHeader, { title: t("sites.accessibility.accessDescription"), subheader: t("sites.accessibility.accessDescriptionHelperText") }),
+            React.createElement(CardContent, null,
+                React.createElement(TextField, { label: t("sites.accessibility.accessDescription"), value: accessDescription, multiline: true, rows: 3, fullWidth: true, onChange: setAccessDescription })),
+            React.createElement(CardHeader, { title: t("sites.accessibility.externalAccess"), subheader: t("sites.accessibility.externalAccessIntro") }),
+            React.createElement(CardContent, null,
+                React.createElement(Grid, { container: true, spacing: 2 },
+                    React.createElement(Grid, { item: true },
+                        React.createElement(FormControl, null,
+                            React.createElement(FormLabel, null, t("sites.accessibility.externalAccess")),
+                            React.createElement(RadioGroup, { value: externalAccess, onChange: e => setExternalAccess(e.currentTarget.value), row: true },
+                                React.createElement(FormControlLabel, { value: "None", control: React.createElement(Radio, null), label: "None" }),
+                                React.createElement(FormControlLabel, { value: "Storebox", control: React.createElement(Radio, null), label: "Storebox" })))),
+                    React.createElement(Grid, { item: true },
+                        React.createElement(TextField, { label: t("sites.accessibility.externalAccessForeignId"), disabled: externalAccess == "None", value: externalAccessForeignId, onChange: setExternalAccessForeignId })))))));
+}
+function completeWeekdayAccessibleHours(value) {
+    return EMPTY_WEEKDAY_ACCESSIBLE_HOURS.map(({ weekday }) => {
+        const weekdayValue = value.find(v => v.weekday == weekday);
+        return ({
+            weekday,
+            accessibleFrom: weekdayValue === null || weekdayValue === void 0 ? void 0 : weekdayValue.accessibleFrom,
+            accessibleUntil: weekdayValue === null || weekdayValue === void 0 ? void 0 : weekdayValue.accessibleUntil,
+        });
+    });
+}
+const EMPTY_WEEKDAY_ACCESSIBLE_HOURS = [
+    { weekday: "Monday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Tuesday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Wednesday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Thursday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Friday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Saturday", accessibleFrom: undefined, accessibleUntil: undefined },
+    { weekday: "Sunday", accessibleFrom: undefined, accessibleUntil: undefined },
+];
+/**
+ * Accessibility common functions
+ */
+export function dayOfWeekAsString(dayIndex) {
+    return ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][dayIndex] || "";
+}
+export const getStartOfAccessibleToday = (accessibility) => {
+    if (accessibility) {
+        if (accessibility.alwaysAccessible) {
+            return "00:00";
+        }
+        const dayOfWeek = (new Date()).getDay();
+        if (accessibility.weekdayAccessibleHours) {
+            const dowTimes = accessibility.weekdayAccessibleHours.find(dow => dow.weekday === dayOfWeekAsString(dayOfWeek));
+            return dowTimes && dowTimes.accessibleFrom ? dowTimes.accessibleFrom : accessibility.accessibleFrom;
+        }
+    }
+};
+export const getStartOfAccessible = (accessibility, day) => {
+    if (accessibility) {
+        if (accessibility.alwaysAccessible) {
+            return "00:00";
+        }
+        const dayOfWeek = day.getDay();
+        if (accessibility.weekdayAccessibleHours) {
+            const dowTimes = accessibility.weekdayAccessibleHours.find(dow => dow.weekday === dayOfWeekAsString(dayOfWeek));
+            return dowTimes && dowTimes.accessibleFrom ? dowTimes.accessibleFrom : accessibility.accessibleFrom;
+        }
+    }
+};
+export const getEndOfAccessibleToday = (accessibility) => {
+    if (accessibility) {
+        if (accessibility.alwaysAccessible) {
+            return "24:00";
+        }
+        const dayOfWeek = (new Date()).getDay();
+        if (accessibility.weekdayAccessibleHours) {
+            const dowTimes = accessibility.weekdayAccessibleHours.find(dow => dow.weekday === dayOfWeekAsString(dayOfWeek));
+            return dowTimes && dowTimes.accessibleUntil ? dowTimes.accessibleUntil : accessibility.accessibleUntil;
+        }
+    }
+};
+export const getEndOfAccessible = (accessibility, day) => {
+    if (accessibility) {
+        if (accessibility.alwaysAccessible) {
+            return "24:00";
+        }
+        const dayOfWeek = day.getDay();
+        if (accessibility.weekdayAccessibleHours) {
+            const dowTimes = accessibility.weekdayAccessibleHours.find(dow => dow.weekday === dayOfWeekAsString(dayOfWeek));
+            return dowTimes && dowTimes.accessibleUntil ? dowTimes.accessibleUntil : accessibility.accessibleUntil;
+        }
+    }
+};
+// returns the until time for the booking, depending on if the cube has accessibility defined or not
+export const getUntil = (from, accessibility, duration) => {
+    if (accessibility && accessibility.accessibleUntil) {
+        const endOfDay = getEndOfAccessibleToday(accessibility);
+        const now = Now.instant().toZonedDateTimeISO("Europe/Vienna");
+        const until = now.with({
+            hour: endOfDay === null || endOfDay === void 0 ? void 0 : endOfDay.split(":")[0],
+            minute: endOfDay === null || endOfDay === void 0 ? void 0 : endOfDay.split(":")[1],
+            second: 0,
+            millisecond: 0,
+            microsecond: 0,
+        });
+        return until;
+    }
+    return from.add(Duration.from({ minutes: duration }));
+};
+/**
+ * @param timeOnly example "14:00"
+ * @returns
+ */
+export function toZonedDateTime(timeOnly) {
+    const now = Now.instant().toZonedDateTimeISO("Europe/Vienna");
+    const until = now.with({
+        hour: timeOnly === null || timeOnly === void 0 ? void 0 : timeOnly.split(":")[0],
+        minute: timeOnly === null || timeOnly === void 0 ? void 0 : timeOnly.split(":")[1],
+        second: 0,
+        millisecond: 0,
+        microsecond: 0,
+    });
+    return until;
+}
+export function toZonedDateTimeGeneral(timeOnly, plainDateTime) {
+    let zoned = plainDateTime.toZonedDateTime("Europe/Vienna");
+    return zoned.with({
+        hour: timeOnly === null || timeOnly === void 0 ? void 0 : timeOnly.split(":")[0],
+        minute: timeOnly === null || timeOnly === void 0 ? void 0 : timeOnly.split(":")[1],
+        second: 0,
+        millisecond: 0,
+        microsecond: 0,
+    });
+}
+/**
+ * Returns true if the "now" Parameter is in the accessible times.
+ * @param accessibility
+ * @param now
+ * @returns
+ */
+export const isInAccesssibleTime = (accessibility, now = Now.instant().toZonedDateTimeISO("Europe/Vienna")) => {
+    if (!accessibility || accessibility.alwaysAccessible) {
+        return true;
+    }
+    const from = toZonedDateTime(getStartOfAccessibleToday(accessibility));
+    const until = toZonedDateTime(getEndOfAccessibleToday(accessibility));
+    // only compare opening times not date
+    return ((PlainTime.compare(PlainTime.from(now), PlainTime.from(from)) == 1) && (PlainTime.compare(PlainTime.from(now), PlainTime.from(until)) == -1));
+};
+//# sourceMappingURL=accessibility.js.map

package/esm/cube/accessibility.js.map

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

package/esm/cube/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./accessibility";
+export * from "./BoxFeatures";
+export * from "./BoxMaintenanceChip";
+export * from "./BoxNumber";
+export * from "./BoxType";
+export * from "./CubeConnectedChip";
+export * from "./LockStatusChip";
+export * from "./UtilizationBar";

package/esm/cube/index.js

@@ -0,0 +1,9 @@
+export * from "./accessibility";
+export * from "./BoxFeatures";
+export * from "./BoxMaintenanceChip";
+export * from "./BoxNumber";
+export * from "./BoxType";
+export * from "./CubeConnectedChip";
+export * from "./LockStatusChip";
+export * from "./UtilizationBar";
+//# sourceMappingURL=index.js.map

package/esm/cube/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cube/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/esm/data-table/DataTable.d.ts

@@ -0,0 +1,63 @@
+import { SortDirection, TableCellProps } from "@mui/material";
+import { FC, ReactElement, ReactNode } from "react";
+export type LabelFunc<T> = (field: keyof T) => string;
+export interface DataTableColumn<T> {
+    field: string;
+    label: string | LabelFunc<T>;
+    width?: string;
+    align?: TableCellProps["align"];
+    sortable?: boolean;
+    component?: FC<DataTableCellProps<T>>;
+    group?: string;
+    default?: boolean;
+}
+export interface DataTableCellProps<T> {
+    row: T;
+    field: string;
+}
+export interface DataTablePage {
+    /** The total number of elements. */
+    totalElements: number;
+    /**
+     * The zero-based index of the current page.
+     */
+    pageIndex: number;
+    /** The current page size. */
+    pageSize: number;
+}
+export interface DataTableProps<T> {
+    /** The columns to display. */
+    columns: ReadonlyArray<DataTableColumn<T>>;
+    /** The rows to display. */
+    rows: ReadonlyArray<T>;
+    /** The field by which the rows are currently sorted. */
+    sortField?: string;
+    /** The direction by which the rows are currently sorted. */
+    sortDirection?: SortDirection;
+    /** Callback that is invoked when the user wants to sort by a specific field. */
+    onSort?: (field: string) => any;
+    /** Whether the data is currently loading. */
+    loading?: boolean;
+    /** Whether an error has occured. */
+    error?: any;
+    /** The property that uniquely identifies a row (default: "id"). */
+    rowId?: string;
+    /** Information about the current page. Enables pagination if set. */
+    page?: DataTablePage;
+    /** Callback that is invoked when the user changes pages. */
+    onPageChange?: (page: DataTablePage) => void;
+    /** The available page sizes. */
+    pageSizes?: number[];
+    /** An element that is rendered when the table is empty. */
+    empty?: ReactElement;
+    /** A header that is rendered above the table. */
+    header?: ReactNode;
+    /** A toolbar that is rendered below the table. */
+    toolbar?: ReactNode;
+    /** The currently selected rows. */
+    selected?: ReadonlyArray<T>;
+    /** Callback that is invoked when a row is selected or unselected. */
+    onSelectedChange?: (selected: T[]) => any;
+}
+export declare function DataTable<T>(props: Readonly<DataTableProps<T>>): JSX.Element;
+export declare function DefaultDataTableCell<T>({ row, field }: DataTableCellProps<T>): JSX.Element | null;

package/esm/data-table/DataTable.js

@@ -0,0 +1,124 @@
+import { Box, Checkbox, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow, TableSortLabel, useTheme, } from "@mui/material";
+import React, { Fragment, useCallback, useEffect, useState } from "react";
+import { UndrawEmpty } from "../content-table/UndrawEmpty";
+import { ErrorAlert } from "../ErrorAlert";
+const defaultPageSizes = [10, 25, 50, 100];
+function getId(row, rowId) {
+    return row[rowId];
+}
+export function DataTable(props) {
+    const { columns, rows, onSort, sortDirection, sortField, loading, error, rowId = "id", empty = React.createElement(UndrawEmpty, { height: "100%", width: "auto" }), page, onPageChange, pageSizes = defaultPageSizes, header, toolbar, selected, onSelectedChange, } = props;
+    const theme = useTheme();
+    const hasSelection = Boolean(onSelectedChange) && typeof selected !== "undefined";
+    const columnCount = columns.length + (hasSelection ? 1 : 0);
+    // reset page index to `0` if it is out of bounds
+    // this can happen when a filter changes and the result set becomes smaller
+    useEffect(() => {
+        if (page && onPageChange) {
+            const { pageIndex, pageSize, totalElements } = page;
+            const totalPages = Math.ceil(totalElements / pageSize);
+            if (pageIndex >= totalPages) {
+                onPageChange(Object.assign(Object.assign({}, page), { pageIndex: 0 }));
+            }
+        }
+    }, [page, onPageChange]);
+    // Reset selection when the rows change.
+    // In the future, we might add a mode where a selection can span across multiple pages
+    useEffect(() => {
+        if (onSelectedChange) {
+            onSelectedChange([]);
+        }
+    }, [onSelectedChange, rows]);
+    // When loading
+    const [displayRows, setDisplayRows] = useState(rows);
+    useEffect(() => {
+        if (!loading || rows.length > 0) {
+            setDisplayRows(rows);
+        }
+    }, [rows, loading]);
+    function handlePageChange(event, pageIndex) {
+        if (page && onPageChange) {
+            onPageChange(Object.assign(Object.assign({}, page), { pageIndex }));
+        }
+    }
+    function handleRowsPerPageChange(event) {
+        const pageSize = Number.parseInt(event.target.value);
+        if (page && onPageChange) {
+            onPageChange(Object.assign(Object.assign({}, page), { pageSize }));
+        }
+    }
+    function handleSelectAll(e) {
+        if (onSelectedChange) {
+            if (e.currentTarget.checked) {
+                onSelectedChange([...rows]);
+            }
+            else {
+                onSelectedChange([]);
+            }
+        }
+    }
+    function handleSelect(row, checked) {
+        if (onSelectedChange && selected) {
+            if (checked) {
+                onSelectedChange([...selected, row]);
+            }
+            else {
+                onSelectedChange([...selected].filter(s => getId(s, rowId) != getId(row, rowId)));
+            }
+        }
+    }
+    const pagination = page && (React.createElement(TablePagination, { component: "div", rowsPerPageOptions: pageSizes, count: page.totalElements, rowsPerPage: page.pageSize, page: page.pageIndex, onPageChange: handlePageChange, onRowsPerPageChange: handleRowsPerPageChange }));
+    return (React.createElement(Paper, null,
+        header,
+        React.createElement(TableContainer, null,
+            React.createElement(Table, null,
+                React.createElement(TableHead, null,
+                    React.createElement(TableRow, null,
+                        hasSelection && (React.createElement(TableCell, { padding: "checkbox" },
+                            React.createElement(Checkbox, { indeterminate: (selected === null || selected === void 0 ? void 0 : selected.length) > 0 && (selected === null || selected === void 0 ? void 0 : selected.length) < rows.length, checked: rows.length > 0 && (selected === null || selected === void 0 ? void 0 : selected.length) == rows.length, onChange: handleSelectAll }))),
+                        columns.map(column => (React.createElement(DataTableHeaderCell, { key: column.field, column: column, sortField: sortField, sortDirection: sortDirection, onSort: onSort }))))),
+                React.createElement(TableBody, { sx: { minHeight: "100px", opacity: loading ? 0.5 : undefined } },
+                    error && (React.createElement(TableRow, null,
+                        React.createElement(TableCell, { colSpan: columnCount },
+                            React.createElement(ErrorAlert, { error: error })))),
+                    !error && !loading && rows.length == 0 && (React.createElement(TableRow, null,
+                        React.createElement(TableCell, { colSpan: columnCount },
+                            React.createElement(Box, { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", p: 3 },
+                                React.createElement(Box, { sx: {
+                                        height: 300,
+                                        [theme.breakpoints.down("md")]: {
+                                            height: 150,
+                                        },
+                                    } }, empty))))),
+                    displayRows.map(row => {
+                        const id = getId(row, rowId);
+                        return (React.createElement(TableRow, { key: id, selected: selected === null || selected === void 0 ? void 0 : selected.includes(row) },
+                            hasSelection && (React.createElement(TableCell, { padding: "checkbox" },
+                                React.createElement(Checkbox, { checked: Boolean(selected === null || selected === void 0 ? void 0 : selected.find(s => getId(s, rowId) == id)), onChange: e => handleSelect(row, e.currentTarget.checked) }))),
+                            columns.map(({ field, component, align }) => {
+                                const Component = component !== null && component !== void 0 ? component : DefaultDataTableCell;
+                                return (React.createElement(TableCell, { key: field, align: align },
+                                    React.createElement(Component, { row: row, field: field })));
+                            })));
+                    })))),
+        toolbar && pagination && (React.createElement(Box, { display: "flex", justifyContent: "space-between" },
+            toolbar,
+            pagination)),
+        !pagination && toolbar,
+        !toolbar && pagination));
+}
+export function DefaultDataTableCell({ row, field }) {
+    const value = row[field];
+    if (typeof value == "string" || typeof value == "number") {
+        return React.createElement(Fragment, null, value);
+    }
+    return null;
+}
+function DataTableHeaderCell(props) {
+    const { column, sortField, sortDirection, onSort } = props;
+    const handleClick = useCallback(() => column.sortable && onSort && onSort(column.field), [onSort, column]);
+    return (React.createElement(TableCell, { style: { width: column.width }, align: column.align }, column.sortable
+        ? (React.createElement(TableSortLabel, { active: sortField == column.field, direction: sortDirection || undefined, onClick: handleClick }, column.label))
+        : column.label));
+}
+//# sourceMappingURL=DataTable.js.map

package/esm/data-table/DataTable.js.map

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

package/esm/data-table/DataTableColumnSettings.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DataTableColumn } from "./DataTable";
+import { Labels } from "../localization";
+export interface DataTableColumnButtonProps<T> {
+    columns: ReadonlyArray<DataTableColumn<T>>;
+    selected: ReadonlyArray<DataTableColumn<T>>;
+    onChange: (selected: ReadonlyArray<DataTableColumn<T>>) => any;
+    labels: Labels<"title" | "close" | "add" | "remove" | "moveUp" | "moveDown">;
+}
+export declare function DataTableColumnSettings<T>(props: DataTableColumnButtonProps<T>): JSX.Element;

package/esm/data-table/DataTableColumnSettings.js

@@ -0,0 +1,98 @@
+import React, { Fragment, useState } from "react";
+import { Avatar, Dialog, DialogActions, DialogTitle, IconButton, List, ListItemAvatar, ListItemButton, ListItemText, ListSubheader, Menu, Stack, } from "@mui/material";
+import { AddCircleIcon, CloseIcon, MoveDownCircleIcon, MoveUpCircleIcon, RemoveCircleIcon, TuningIcon } from "../icons";
+import { useFlag } from "../utils";
+function groupColumns(available) {
+    const groups = {};
+    const other = [];
+    for (const column of available) {
+        const group = column.group;
+        if (group) {
+            if (!groups[group]) {
+                groups[group] = [column];
+            }
+            else {
+                groups[group].push(column);
+            }
+        }
+        else {
+            other.push(column);
+        }
+    }
+    return { groups, other };
+}
+export function DataTableColumnSettings(props) {
+    const { columns, selected, onChange, labels, } = props;
+    const [open, setOpen, clearOpen] = useFlag(false);
+    const [focus, setFocus] = useState();
+    const [addMenu, setAddMenu, clearAddMenu] = useFlag(false);
+    const [addAnchor, setAddAnchor] = useState(null);
+    const available = columns.filter(column => !selected.find(s => s.field == column.field));
+    const { groups, other } = groupColumns(available);
+    function move(sourceIndex, targetIndex) {
+        const newSelected = [...selected];
+        const temp = newSelected[targetIndex];
+        newSelected[targetIndex] = newSelected[sourceIndex];
+        newSelected[sourceIndex] = temp;
+        onChange(newSelected);
+    }
+    function moveUp() {
+        const index = selected.findIndex(s => s.field == focus);
+        if (index >= 1) {
+            move(index, index - 1);
+        }
+    }
+    function moveDown() {
+        const index = selected.findIndex(s => s.field == focus);
+        if (index >= 0 && index + 1 < selected.length) {
+            move(index, index + 1);
+        }
+    }
+    function remove() {
+        onChange(selected.filter(c => c.field != focus));
+        setFocus(undefined);
+    }
+    function add(column) {
+        onChange([...selected, column]);
+        clearAddMenu();
+    }
+    function changeFocus(column) {
+        setFocus(focus != column.field ? column.field : undefined);
+    }
+    function renderSelectListItems(columns) {
+        return columns.map(column => (React.createElement(ListItemButton, { key: column.field, onClick: () => add(column) },
+            React.createElement(ListItemText, { primary: column.label }))));
+    }
+    return (React.createElement(Fragment, null,
+        React.createElement(IconButton, { onClick: setOpen, title: labels("title") },
+            React.createElement(TuningIcon, null)),
+        React.createElement(Dialog, { open: open, onClose: clearOpen, fullWidth: true, maxWidth: "xs" },
+            React.createElement(DialogTitle, null, labels("title")),
+            React.createElement(IconButton, { "aria-label": labels("close"), title: labels("close"), onClick: clearOpen, sx: {
+                    position: 'absolute',
+                    right: 8,
+                    top: 8,
+                } },
+                React.createElement(CloseIcon, null)),
+            React.createElement(List, { sx: { flex: 1, overflowY: "scroll" } }, selected.map((column, index) => (React.createElement(ListItemButton, { key: column.field, onClick: () => changeFocus(column), selected: focus == column.field },
+                React.createElement(ListItemAvatar, null,
+                    React.createElement(Avatar, null, index + 1)),
+                React.createElement(ListItemText, { primary: column.label, secondary: column.group }))))),
+            React.createElement(DialogActions, null,
+                React.createElement(Stack, { spacing: 2, direction: "row", justifyContent: "space-between", flex: 1 },
+                    React.createElement(IconButton, { onClick: setAddMenu, ref: setAddAnchor, disabled: available.length == 0, color: "primary", title: labels("add"), size: "large" },
+                        React.createElement(AddCircleIcon, { fontSize: "large" })),
+                    React.createElement(Stack, { spacing: 2, direction: "row", justifyContent: "center" },
+                        React.createElement(IconButton, { onClick: moveUp, disabled: !focus, color: "secondary", title: labels("moveUp"), size: "large" },
+                            React.createElement(MoveUpCircleIcon, { fontSize: "large" })),
+                        React.createElement(IconButton, { onClick: moveDown, disabled: !focus, color: "secondary", title: labels("moveDown"), size: "large" },
+                            React.createElement(MoveDownCircleIcon, { fontSize: "large" }))),
+                    React.createElement(IconButton, { onClick: remove, disabled: !focus, color: "error", title: labels("remove"), size: "large" },
+                        React.createElement(RemoveCircleIcon, { fontSize: "large" })))),
+            React.createElement(Menu, { open: addMenu, anchorEl: addAnchor, onClose: clearAddMenu },
+                Object.entries(groups).map(([group, columns]) => (React.createElement(Fragment, null,
+                    React.createElement(ListSubheader, null, group),
+                    renderSelectListItems(columns)))),
+                renderSelectListItems(other)))));
+}
+//# sourceMappingURL=DataTableColumnSettings.js.map

package/esm/data-table/DataTableColumnSettings.js.map

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

package/esm/data-table/DataTableHeader.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare function DataTableHeader({ children }: PropsWithChildren<{}>): JSX.Element;

package/esm/data-table/DataTableHeader.js

@@ -0,0 +1,6 @@
+import React from "react";
+import { Box } from "@mui/material";
+export function DataTableHeader({ children }) {
+    return (React.createElement(Box, { p: 2, display: "flex", alignItems: "center" }, children));
+}
+//# sourceMappingURL=DataTableHeader.js.map

package/esm/data-table/DataTableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableHeader.js","sourceRoot":"","sources":["../../src/data-table/DataTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAC,GAAG,EAAC,MAAM,eAAe,CAAC;AAElC,MAAM,UAAU,eAAe,CAAC,EAAC,QAAQ,EAAwB;IAC7D,OAAO,CACH,oBAAC,GAAG,IAAC,CAAC,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,IACxC,QAAQ,CACP,CACT,CAAA;AACL,CAAC"}

package/esm/data-table/DataTableToolbar.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from "react";
+export declare function DataTableToolbar({ children }: PropsWithChildren<{}>): JSX.Element;