@keycloakify/keycloak-account-ui 25.0.4-rc.7 → 26.0.0-rc.0

package/ui-shared/controls/table/KeycloakDataTable.js

@@ -0,0 +1,279 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, ButtonVariant, ToolbarItem } from "@patternfly/react-core";
+import { ActionsColumn, ExpandableRowContent, Table, TableVariant, Tbody, Td, Th, Thead, Tr, } from "@patternfly/react-table";
+import { cloneDeep, differenceBy, get } from "lodash-es";
+import { isValidElement, useEffect, useId, useMemo, useRef, useState, } from "react";
+import { useTranslation } from "react-i18next";
+import { useStoredState } from "../../../ui-shared/utils/useStoredState";
+import { useFetch } from "../../../ui-shared/utils/useFetch";
+import { ListEmptyState } from "../../../ui-shared/controls/table/ListEmptyState";
+import { PaginatingTableToolbar } from "../../../ui-shared/controls/table/PaginatingTableToolbar";
+import { SyncAltIcon } from "@patternfly/react-icons";
+import { KeycloakSpinner } from "../../../ui-shared/controls/KeycloakSpinner";
+const CellRenderer = ({ row }) => {
+    const isRow = (c) => !!c && c.title !== undefined;
+    return row.cells.map((c, i) => (_jsx(Td, { children: (isRow(c) ? c.title : c) }, `cell-${i}`)));
+};
+function DataTable(_a) {
+    var { columns, rows, actions, actionResolver, ariaLabelKey, onSelect, onCollapse, canSelectAll, isNotCompact, isRadio } = _a, props = __rest(_a, ["columns", "rows", "actions", "actionResolver", "ariaLabelKey", "onSelect", "onCollapse", "canSelectAll", "isNotCompact", "isRadio"]);
+    const { t } = useTranslation();
+    const [selectedRows, setSelectedRows] = useState([]);
+    const [expandedRows, setExpandedRows] = useState([]);
+    const updateState = (rowIndex, isSelected) => {
+        const items = [
+            ...(rowIndex === -1 ? Array(rows.length).fill(isSelected) : selectedRows),
+        ];
+        items[rowIndex] = isSelected;
+        setSelectedRows(items);
+    };
+    useEffect(() => {
+        if (canSelectAll) {
+            const selectAllCheckbox = document.getElementsByName("check-all").item(0);
+            if (selectAllCheckbox) {
+                const checkbox = selectAllCheckbox;
+                const selected = selectedRows.filter((r) => r === true);
+                checkbox.indeterminate =
+                    selected.length < rows.length && selected.length > 0;
+            }
+        }
+    }, [selectedRows]);
+    return (_jsxs(Table, Object.assign({}, props, { variant: isNotCompact ? undefined : TableVariant.compact, "aria-label": t(ariaLabelKey), children: [_jsx(Thead, { children: _jsxs(Tr, { children: [onCollapse && _jsx(Th, {}), canSelectAll && (_jsx(Th, { select: !isRadio
+                                ? {
+                                    onSelect: (_, isSelected, rowIndex) => {
+                                        onSelect(isSelected, rowIndex);
+                                        updateState(-1, isSelected);
+                                    },
+                                    isSelected: selectedRows.filter((r) => r === true).length ===
+                                        rows.length,
+                                }
+                                : undefined })), columns.map((column) => {
+                            var _a;
+                            return (_jsx(Th, { className: (_a = column.transforms) === null || _a === void 0 ? void 0 : _a[0]().className, children: t(column.displayKey || column.name) }, column.displayKey));
+                        })] }) }), !onCollapse ? (_jsx(Tbody, { children: rows.map((row, index) => (_jsxs(Tr, { isExpanded: expandedRows[index], children: [onSelect && (_jsx(Td, { select: {
+                                rowIndex: index,
+                                onSelect: (_, isSelected, rowIndex) => {
+                                    onSelect(isSelected, rowIndex);
+                                    updateState(rowIndex, isSelected);
+                                },
+                                isSelected: selectedRows[index],
+                                variant: isRadio ? "radio" : "checkbox",
+                            } })), _jsx(CellRenderer, { row: row }), (actions || actionResolver) && (_jsx(Td, { isActionCell: true, children: _jsx(ActionsColumn, { items: actions || (actionResolver === null || actionResolver === void 0 ? void 0 : actionResolver(row, {})), extraData: { rowIndex: index } }) }))] }, index))) })) : (rows.map((row, index) => (_jsx(Tbody, { children: index % 2 === 0 ? (_jsxs(Tr, { children: [_jsx(Td, { expand: {
+                                isExpanded: !!expandedRows[index],
+                                rowIndex: index,
+                                expandId: `${index}`,
+                                onToggle: (_, rowIndex, isOpen) => {
+                                    onCollapse(isOpen, rowIndex);
+                                    const expand = [...expandedRows];
+                                    expand[index] = isOpen;
+                                    setExpandedRows(expand);
+                                },
+                            } }), _jsx(CellRenderer, { row: row })] })) : (_jsxs(Tr, { isExpanded: !!expandedRows[index - 1], children: [_jsx(Td, {}), _jsx(Td, { colSpan: columns.length, children: _jsx(ExpandableRowContent, { children: _jsx(CellRenderer, { row: row }) }) })] })) }, index))))] })));
+}
+/**
+ * A generic component that can be used to show the initial list most sections have. Takes care of the loading of the date and filtering.
+ * All you have to define is how the columns are displayed.
+ * @example
+ *   <KeycloakDataTable columns={[
+ *     {
+ *        name: "clientId", //name of the field from the array of object the loader returns to display in this column
+ *        displayKey: "clientId", //i18n key to use to lookup the name of the column header
+ *        cellRenderer: ClientDetailLink, //optionally you can use a component to render the column when you don't want just the content of the field, the whole row / entire object is passed in.
+ *     }
+ *   ]}
+ * @param {DataListProps} props - The properties.
+ * @param {string} props.ariaLabelKey - The aria label key i18n key to lookup the label
+ * @param {string} props.searchPlaceholderKey - The i18n key to lookup the placeholder for the search box
+ * @param {boolean} props.isPaginated - if true the the loader will be called with first, max and search and a pager will be added in the header
+ * @param {(first?: number, max?: number, search?: string) => Promise<T[]>} props.loader - loader function that will fetch the data to display first, max and search are only applicable when isPaginated = true
+ * @param {Field<T>} props.columns - definition of the columns
+ * @param {Field<T>} props.detailColumns - definition of the columns expandable columns
+ * @param {Action[]} props.actions - the actions that appear on the row
+ * @param {IActionsResolver} props.actionResolver Resolver for the given action
+ * @param {ReactNode} props.toolbarItem - Toolbar items that appear on the top of the table {@link toolbarItem}
+ * @param {ReactNode} props.emptyState - ReactNode show when the list is empty could be any component but best to use {@link ListEmptyState}
+ */
+export function KeycloakDataTable(_a) {
+    var { ariaLabelKey, searchPlaceholderKey, isPaginated = false, onSelect, canSelectAll = false, isNotCompact, isRadio, detailColumns, isRowDisabled, loader, columns, actions, actionResolver, searchTypeComponent, toolbarItem, subToolbar, emptyState, icon, isSearching = false } = _a, props = __rest(_a, ["ariaLabelKey", "searchPlaceholderKey", "isPaginated", "onSelect", "canSelectAll", "isNotCompact", "isRadio", "detailColumns", "isRowDisabled", "loader", "columns", "actions", "actionResolver", "searchTypeComponent", "toolbarItem", "subToolbar", "emptyState", "icon", "isSearching"]);
+    const { t } = useTranslation();
+    const [selected, setSelected] = useState([]);
+    const [rows, setRows] = useState();
+    const [unPaginatedData, setUnPaginatedData] = useState();
+    const [loading, setLoading] = useState(false);
+    const [defaultPageSize, setDefaultPageSize] = useStoredState(localStorage, "pageSize", 10);
+    const [max, setMax] = useState(defaultPageSize);
+    const [first, setFirst] = useState(0);
+    const [search, setSearch] = useState("");
+    const prevSearch = useRef();
+    const [key, setKey] = useState(0);
+    const prevKey = useRef();
+    const refresh = () => setKey(key + 1);
+    const id = useId();
+    const renderCell = (columns, value) => {
+        return columns.map((col) => {
+            var _a;
+            if ("cellFormatters" in col) {
+                const v = get(value, col.name);
+                return (_a = col.cellFormatters) === null || _a === void 0 ? void 0 : _a.reduce((s, f) => f(s), v);
+            }
+            if (col.cellRenderer) {
+                const Component = col.cellRenderer;
+                //@ts-ignore
+                return { title: _jsx(Component, Object.assign({}, value)) };
+            }
+            return get(value, col.name);
+        });
+    };
+    const convertToColumns = (data) => {
+        const isDetailColumnsEnabled = (value) => { var _a, _b; return (_b = (_a = detailColumns === null || detailColumns === void 0 ? void 0 : detailColumns[0]) === null || _a === void 0 ? void 0 : _a.enabled) === null || _b === void 0 ? void 0 : _b.call(_a, value); };
+        return data
+            .map((value, index) => {
+            const disabledRow = isRowDisabled ? isRowDisabled(value) : false;
+            const row = [
+                {
+                    data: value,
+                    disableSelection: disabledRow,
+                    disableActions: disabledRow,
+                    selected: !!selected.find((v) => get(v, "id") === get(value, "id")),
+                    isOpen: isDetailColumnsEnabled(value) ? false : undefined,
+                    cells: renderCell(columns, value),
+                },
+            ];
+            if (detailColumns) {
+                row.push({
+                    parent: index * 2,
+                    cells: isDetailColumnsEnabled(value)
+                        ? renderCell(detailColumns, value)
+                        : [],
+                });
+            }
+            return row;
+        })
+            .flat();
+    };
+    const getNodeText = (node) => {
+        if (["string", "number"].includes(typeof node)) {
+            return node.toString();
+        }
+        if (node instanceof Array) {
+            return node.map(getNodeText).join("");
+        }
+        if (typeof node === "object") {
+            return getNodeText(isValidElement(node.title)
+                ? node.title.props
+                : Object.values(node));
+        }
+        return "";
+    };
+    const filteredData = useMemo(() => search === "" || isPaginated
+        ? undefined
+        : convertToColumns(unPaginatedData || [])
+            .filter((row) => row.cells.some((cell) => cell &&
+            getNodeText(cell)
+                .toLowerCase()
+                .includes(search.toLowerCase())))
+            .slice(first, first + max + 1), [search, first, max]);
+    useFetch(async () => {
+        setLoading(true);
+        const newSearch = prevSearch.current === "" && search !== "";
+        if (newSearch) {
+            setFirst(0);
+        }
+        prevSearch.current = search;
+        return typeof loader === "function"
+            ? key === prevKey.current && unPaginatedData
+                ? unPaginatedData
+                : await loader(newSearch ? 0 : first, max + 1, search)
+            : loader;
+    }, (data) => {
+        prevKey.current = key;
+        if (!isPaginated) {
+            setUnPaginatedData(data);
+            if (data.length > first) {
+                data = data.slice(first, first + max + 1);
+            }
+            else {
+                setFirst(0);
+            }
+        }
+        const result = convertToColumns(data);
+        setRows(result);
+        setLoading(false);
+    }, [
+        key,
+        first,
+        max,
+        search,
+        typeof loader !== "function" ? loader : undefined,
+    ]);
+    const convertAction = () => actions &&
+        cloneDeep(actions).map((action, index) => {
+            delete action.onRowClick;
+            action.onClick = async (_, rowIndex) => {
+                const result = await actions[index].onRowClick((filteredData || rows)[rowIndex].data);
+                if (result) {
+                    if (!isPaginated) {
+                        setSearch("");
+                    }
+                    refresh();
+                }
+            };
+            return action;
+        });
+    const _onSelect = (isSelected, rowIndex) => {
+        const data = filteredData || rows;
+        if (rowIndex === -1) {
+            setRows(data.map((row) => {
+                row.selected = isSelected;
+                return row;
+            }));
+        }
+        else {
+            data[rowIndex].selected = isSelected;
+            setRows([...rows]);
+        }
+        // Keeps selected items when paginating
+        const difference = differenceBy(selected, data.map((row) => row.data), "id");
+        // Selected rows are any rows previously selected from a different page, plus current page selections
+        const selectedRows = [
+            ...difference,
+            ...data.filter((row) => row.selected).map((row) => row.data),
+        ];
+        setSelected(selectedRows);
+        onSelect(selectedRows);
+    };
+    const onCollapse = (isOpen, rowIndex) => {
+        data[rowIndex].isOpen = isOpen;
+        setRows([...data]);
+    };
+    const data = filteredData || rows;
+    const noData = !data || data.length === 0;
+    const searching = search !== "" || isSearching;
+    // if we use detail columns there are twice the number of rows
+    const maxRows = detailColumns ? max * 2 : max;
+    const rowLength = detailColumns ? ((data === null || data === void 0 ? void 0 : data.length) || 0) / 2 : (data === null || data === void 0 ? void 0 : data.length) || 0;
+    return (_jsxs(_Fragment, { children: [(loading || !noData || searching) && (_jsxs(PaginatingTableToolbar, { id: id, count: rowLength, first: first, max: max, onNextClick: setFirst, onPreviousClick: setFirst, onPerPageSelect: (first, max) => {
+                    setFirst(first);
+                    setMax(max);
+                    setDefaultPageSize(max);
+                }, inputGroupName: searchPlaceholderKey ? `${ariaLabelKey}input` : undefined, inputGroupOnEnter: setSearch, inputGroupPlaceholder: t(searchPlaceholderKey || ""), searchTypeComponent: searchTypeComponent, toolbarItem: _jsxs(_Fragment, { children: [toolbarItem, " ", _jsx(ToolbarItem, { variant: "separator" }), " ", _jsx(ToolbarItem, { children: _jsxs(Button, { variant: "link", onClick: refresh, children: [_jsx(SyncAltIcon, {}), " ", t("refresh")] }) })] }), subToolbar: subToolbar, children: [!loading && !noData && (_jsx(DataTable, Object.assign({}, props, { canSelectAll: canSelectAll, onSelect: onSelect ? _onSelect : undefined, onCollapse: detailColumns ? onCollapse : undefined, actions: convertAction(), actionResolver: actionResolver, rows: data.slice(0, maxRows), columns: columns, isNotCompact: isNotCompact, isRadio: isRadio, ariaLabelKey: ariaLabelKey }))), !loading && noData && searching && (_jsx(ListEmptyState, { hasIcon: true, icon: icon, isSearchVariant: true, message: t("noSearchResults"), instructions: t("noSearchResultsInstructions"), secondaryActions: !isSearching
+                            ? [
+                                {
+                                    text: t("clearAllFilters"),
+                                    onClick: () => setSearch(""),
+                                    type: ButtonVariant.link,
+                                },
+                            ]
+                            : [] })), loading && _jsx(KeycloakSpinner, {})] })), !loading && noData && !searching && emptyState] }));
+}
+//# sourceMappingURL=KeycloakDataTable.js.map

package/ui-shared/controls/table/KeycloakDataTable.js.map

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

package/ui-shared/controls/table/ListEmptyState.d.ts

@@ -0,0 +1,20 @@
+import { ComponentClass, MouseEventHandler, ReactNode } from "react";
+import { ButtonVariant } from "@patternfly/react-core";
+import type { SVGIconProps } from "@patternfly/react-icons/dist/js/createIcon";
+export type Action = {
+    text: string;
+    type?: ButtonVariant;
+    onClick: MouseEventHandler<HTMLButtonElement>;
+};
+export type ListEmptyStateProps = {
+    message: string;
+    instructions: ReactNode;
+    primaryActionText?: string;
+    onPrimaryAction?: MouseEventHandler<HTMLButtonElement>;
+    hasIcon?: boolean;
+    icon?: ComponentClass<SVGIconProps>;
+    isSearchVariant?: boolean;
+    secondaryActions?: Action[];
+    isDisabled?: boolean;
+};
+export declare const ListEmptyState: ({ message, instructions, onPrimaryAction, hasIcon, isSearchVariant, primaryActionText, secondaryActions, icon, isDisabled, }: ListEmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/ui-shared/controls/table/ListEmptyState.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EmptyState, EmptyStateIcon, EmptyStateBody, Button, ButtonVariant, EmptyStateActions, EmptyStateHeader, EmptyStateFooter, } from "@patternfly/react-core";
+import { PlusCircleIcon, SearchIcon } from "@patternfly/react-icons";
+export const ListEmptyState = ({ message, instructions, onPrimaryAction, hasIcon = true, isSearchVariant, primaryActionText, secondaryActions, icon, isDisabled = false, }) => {
+    return (_jsxs(EmptyState, { "data-testid": "empty-state", variant: "lg", children: [hasIcon && isSearchVariant ? (_jsx(EmptyStateIcon, { icon: SearchIcon })) : (hasIcon && _jsx(EmptyStateIcon, { icon: icon ? icon : PlusCircleIcon })), _jsx(EmptyStateHeader, { titleText: message, headingLevel: "h1" }), _jsx(EmptyStateBody, { children: instructions }), _jsxs(EmptyStateFooter, { children: [primaryActionText && (_jsx(Button, { "data-testid": `${message
+                            .replace(/\W+/g, "-")
+                            .toLowerCase()}-empty-action`, variant: "primary", onClick: onPrimaryAction, isDisabled: isDisabled, children: primaryActionText })), secondaryActions && (_jsx(EmptyStateActions, { children: secondaryActions.map((action) => (_jsx(Button, { "data-testid": `${action.text
+                                .replace(/\W+/g, "-")
+                                .toLowerCase()}-empty-action`, variant: action.type || ButtonVariant.secondary, onClick: action.onClick, isDisabled: isDisabled, children: action.text }, action.text))) }))] })] }));
+};
+//# sourceMappingURL=ListEmptyState.js.map

package/ui-shared/controls/table/ListEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListEmptyState.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/table/ListEmptyState.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAoBrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,OAAO,EACP,YAAY,EACZ,eAAe,EACf,OAAO,GAAG,IAAI,EACd,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,IAAI,EACJ,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,OAAO,CACL,MAAC,UAAU,mBAAa,aAAa,EAAC,OAAO,EAAC,IAAI,aAC/C,OAAO,IAAI,eAAe,CAAC,CAAC,CAAC,CAC5B,KAAC,cAAc,IAAC,IAAI,EAAE,UAAU,GAAI,CACrC,CAAC,CAAC,CAAC,CACF,OAAO,IAAI,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,GAAI,CAClE,EACD,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,EAAE,YAAY,EAAC,IAAI,GAAG,EAC1D,KAAC,cAAc,cAAE,YAAY,GAAkB,EAC/C,MAAC,gBAAgB,eACd,iBAAiB,IAAI,CACpB,KAAC,MAAM,mBACQ,GAAG,OAAO;6BACpB,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;6BACpB,WAAW,EAAE,eAAe,EAC/B,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,eAAe,EACxB,UAAU,EAAE,UAAU,YAErB,iBAAiB,GACX,CACV,EACA,gBAAgB,IAAI,CACnB,KAAC,iBAAiB,cACf,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAChC,KAAC,MAAM,mBAEQ,GAAG,MAAM,CAAC,IAAI;iCACxB,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;iCACpB,WAAW,EAAE,eAAe,EAC/B,OAAO,EAAE,MAAM,CAAC,IAAI,IAAI,aAAa,CAAC,SAAS,EAC/C,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,UAAU,EAAE,UAAU,YAErB,MAAM,CAAC,IAAI,IARP,MAAM,CAAC,IAAI,CAST,CACV,CAAC,GACgB,CACrB,IACgB,IACR,CACd,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/controls/table/PaginatingTableToolbar.d.ts

@@ -0,0 +1,21 @@
+import { PropsWithChildren, ReactNode } from "react";
+type KeycloakPaginationProps = {
+    id?: string;
+    count: number;
+    first: number;
+    max: number;
+    onNextClick: (page: number) => void;
+    onPreviousClick: (page: number) => void;
+    onPerPageSelect: (max: number, first: number) => void;
+    variant?: "top" | "bottom";
+};
+type TableToolbarProps = KeycloakPaginationProps & {
+    searchTypeComponent?: ReactNode;
+    toolbarItem?: ReactNode;
+    subToolbar?: ReactNode;
+    inputGroupName?: string;
+    inputGroupPlaceholder?: string;
+    inputGroupOnEnter?: (value: string) => void;
+};
+export declare const PaginatingTableToolbar: ({ count, searchTypeComponent, toolbarItem, subToolbar, children, inputGroupName, inputGroupPlaceholder, inputGroupOnEnter, ...rest }: PropsWithChildren<TableToolbarProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/ui-shared/controls/table/PaginatingTableToolbar.js

@@ -0,0 +1,27 @@
+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 { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Pagination, ToolbarItem, } from "@patternfly/react-core";
+import { useTranslation } from "react-i18next";
+import { TableToolbar } from "../../../ui-shared/controls/table/TableToolbar";
+const KeycloakPagination = ({ id, variant = "top", count, first, max, onNextClick, onPreviousClick, onPerPageSelect, }) => {
+    const { t } = useTranslation();
+    const page = Math.round(first / max);
+    return (_jsx(Pagination, { widgetId: id, titles: {
+            paginationAriaLabel: `${t("pagination")} ${variant} `,
+        }, isCompact: true, toggleTemplate: ({ firstIndex, lastIndex, }) => (_jsxs("b", { children: [firstIndex, " - ", lastIndex] })), itemCount: count + page * max, page: page + 1, perPage: max, onNextClick: (_, p) => onNextClick((p - 1) * max), onPreviousClick: (_, p) => onPreviousClick((p - 1) * max), onPerPageSelect: (_, m, f) => onPerPageSelect(f - 1, m), variant: variant }));
+};
+export const PaginatingTableToolbar = (_a) => {
+    var { count, searchTypeComponent, toolbarItem, subToolbar, children, inputGroupName, inputGroupPlaceholder, inputGroupOnEnter } = _a, rest = __rest(_a, ["count", "searchTypeComponent", "toolbarItem", "subToolbar", "children", "inputGroupName", "inputGroupPlaceholder", "inputGroupOnEnter"]);
+    return (_jsx(TableToolbar, { searchTypeComponent: searchTypeComponent, toolbarItem: _jsxs(_Fragment, { children: [toolbarItem, _jsx(ToolbarItem, { variant: "pagination", children: _jsx(KeycloakPagination, Object.assign({ count: count }, rest)) })] }), subToolbar: subToolbar, toolbarItemFooter: count !== 0 ? (_jsx(ToolbarItem, { variant: "pagination", children: _jsx(KeycloakPagination, Object.assign({ count: count, variant: "bottom" }, rest)) })) : null, inputGroupName: inputGroupName, inputGroupPlaceholder: inputGroupPlaceholder, inputGroupOnEnter: inputGroupOnEnter, children: children }));
+};
+//# sourceMappingURL=PaginatingTableToolbar.js.map

package/ui-shared/controls/table/PaginatingTableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatingTableToolbar.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/table/PaginatingTableToolbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACL,UAAU,EAEV,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,wEAAwE,CAAC;AAsBtG,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EACF,OAAO,GAAG,KAAK,EACf,KAAK,EACL,KAAK,EACL,GAAG,EACH,WAAW,EACX,eAAe,EACf,eAAe,GACS,EAAE,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IACrC,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE;YACN,mBAAmB,EAAE,GAAG,CAAC,CAAC,YAAY,CAAC,IAAI,OAAO,GAAG;SACtD,EACD,SAAS,QACT,cAAc,EAAE,CAAC,EACf,UAAU,EACV,SAAS,GACqB,EAAE,EAAE,CAAC,CACnC,wBACG,UAAU,SAAK,SAAS,IACvB,CACL,EACD,SAAS,EAAE,KAAK,GAAG,IAAI,GAAG,GAAG,EAC7B,IAAI,EAAE,IAAI,GAAG,CAAC,EACd,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACjD,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,EACzD,eAAe,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EACvD,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAUA,EAAE,EAAE;QAVJ,EACrC,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,QAAQ,EACR,cAAc,EACd,qBAAqB,EACrB,iBAAiB,OAEoB,EADlC,IAAI,cAT8B,yIAUtC,CADQ;IAEP,OAAO,CACL,KAAC,YAAY,IACX,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EACT,8BACG,WAAW,EACZ,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,YAC/B,KAAC,kBAAkB,kBAAC,KAAK,EAAE,KAAK,IAAM,IAAI,EAAI,GAClC,IACb,EAEL,UAAU,EAAE,UAAU,EACtB,iBAAiB,EACf,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,KAAC,WAAW,IAAC,OAAO,EAAC,YAAY,YAC/B,KAAC,kBAAkB,kBAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,QAAQ,IAAK,IAAI,EAAI,GACnD,CACf,CAAC,CAAC,CAAC,IAAI,EAEV,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,YAEnC,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/controls/table/TableToolbar.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren, ReactNode } from "react";
+type TableToolbarProps = {
+    toolbarItem?: ReactNode;
+    subToolbar?: ReactNode;
+    toolbarItemFooter?: ReactNode;
+    searchTypeComponent?: ReactNode;
+    inputGroupName?: string;
+    inputGroupPlaceholder?: string;
+    inputGroupOnEnter?: (value: string) => void;
+};
+export declare const TableToolbar: ({ toolbarItem, subToolbar, toolbarItemFooter, children, searchTypeComponent, inputGroupName, inputGroupPlaceholder, inputGroupOnEnter, }: PropsWithChildren<TableToolbarProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/ui-shared/controls/table/TableToolbar.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Divider, InputGroup, SearchInput, Toolbar, ToolbarContent, ToolbarItem, } from "@patternfly/react-core";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+export const TableToolbar = ({ toolbarItem, subToolbar, toolbarItemFooter, children, searchTypeComponent, inputGroupName, inputGroupPlaceholder, inputGroupOnEnter, }) => {
+    const { t } = useTranslation();
+    const [searchValue, setSearchValue] = useState("");
+    const onSearch = () => {
+        if (searchValue !== "") {
+            setSearchValue(searchValue);
+            inputGroupOnEnter === null || inputGroupOnEnter === void 0 ? void 0 : inputGroupOnEnter(searchValue);
+        }
+        else {
+            setSearchValue("");
+            inputGroupOnEnter === null || inputGroupOnEnter === void 0 ? void 0 : inputGroupOnEnter("");
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            onSearch();
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Toolbar, { children: _jsxs(ToolbarContent, { children: [inputGroupName && (_jsx(ToolbarItem, { children: _jsxs(InputGroup, { "data-testid": inputGroupName, children: [searchTypeComponent, inputGroupPlaceholder && (_jsx(SearchInput, { "data-testid": "table-search-input", placeholder: inputGroupPlaceholder, "aria-label": t("search"), value: searchValue, onChange: (_, value) => {
+                                            setSearchValue(value);
+                                        }, onSearch: onSearch, onKeyDown: handleKeyDown, onClear: () => {
+                                            setSearchValue("");
+                                            inputGroupOnEnter === null || inputGroupOnEnter === void 0 ? void 0 : inputGroupOnEnter("");
+                                        } }))] }) })), toolbarItem] }) }), subToolbar && (_jsx(Toolbar, { children: _jsx(ToolbarContent, { children: subToolbar }) })), _jsx(Divider, {}), children, _jsx(Toolbar, { children: toolbarItemFooter })] }));
+};
+//# sourceMappingURL=TableToolbar.js.map

package/ui-shared/controls/table/TableToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableToolbar.js","sourceRoot":"","sources":["../../../src/ui-shared/controls/table/TableToolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,OAAO,EACP,cAAc,EACd,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAA+C,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAY/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,mBAAmB,EACnB,cAAc,EACd,qBAAqB,EACrB,iBAAiB,GACoB,EAAE,EAAE;IACzC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,WAAW,KAAK,EAAE,EAAE,CAAC;YACvB,cAAc,CAAC,WAAW,CAAC,CAAC;YAC5B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,WAAW,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,EAAE,CAAC,CAAC;YACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,EAAE,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,OAAO,cACN,MAAC,cAAc,eACZ,cAAc,IAAI,CACjB,KAAC,WAAW,cACV,MAAC,UAAU,mBAAc,cAAc,aACpC,mBAAmB,EACnB,qBAAqB,IAAI,CACxB,KAAC,WAAW,mBACE,oBAAoB,EAChC,WAAW,EAAE,qBAAqB,gBACtB,CAAC,CAAC,QAAQ,CAAC,EACvB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;4CACrB,cAAc,CAAC,KAAK,CAAC,CAAC;wCACxB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,GAAG,EAAE;4CACZ,cAAc,CAAC,EAAE,CAAC,CAAC;4CACnB,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,EAAE,CAAC,CAAC;wCAC1B,CAAC,GACD,CACH,IACU,GACD,CACf,EACA,WAAW,IACG,GACT,EACT,UAAU,IAAI,CACb,KAAC,OAAO,cACN,KAAC,cAAc,cAAE,UAAU,GAAkB,GACrC,CACX,EACD,KAAC,OAAO,KAAG,EACV,QAAQ,EACT,KAAC,OAAO,cAAE,iBAAiB,GAAW,IACrC,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/ui-shared/main.d.ts

@@ -1,4 +1,4 @@
-export { AlertProvider, useAlerts } from "../ui-shared/alerts/Alerts";
+export { AlertProvider, useAlerts, type AddAlertFunction, type AddErrorFunction, type AlertProps, } from "../ui-shared/alerts/Alerts";
 export { ErrorPage } from "../ui-shared/context/ErrorPage";
 export { Help, useHelp } from "../ui-shared/context/HelpContext";
 export { KeycloakProvider, useEnvironment, type KeycloakContext, } from "../ui-shared/context/KeycloakContext";
@@ -23,9 +23,23 @@ export { UserProfileFields } from "../ui-shared/user-profile/UserProfileFields";
 export { beerify, debeerify, isUserProfileError, label, setUserProfileServerError, } from "../ui-shared/user-profile/utils";
 export type { UserFormFields } from "../ui-shared/user-profile/utils";
 export { createNamedContext } from "../ui-shared/utils/createNamedContext";
+export { getErrorDescription, getErrorMessage, getNetworkErrorMessage, getNetworkErrorDescription, } from "../ui-shared/utils/errors";
 export { isDefined } from "../ui-shared/utils/isDefined";
 export { useRequiredContext } from "../ui-shared/utils/useRequiredContext";
 export { useStoredState } from "../ui-shared/utils/useStoredState";
+export { useSetTimeout } from "../ui-shared/utils/useSetTimeout";
+export { generateId } from "../ui-shared/utils/generateId";
 export { default as KeycloakMasthead } from "../ui-shared/masthead/Masthead";
 export { KeycloakSelect } from "../ui-shared/select/KeycloakSelect";
 export type { Variant, KeycloakSelectProps } from "../ui-shared/select/KeycloakSelect";
+export { KeycloakDataTable } from "../ui-shared/controls/table/KeycloakDataTable";
+export type { Action, Field, DetailField, LoaderFunction, } from "../ui-shared/controls/table/KeycloakDataTable";
+export { PaginatingTableToolbar } from "../ui-shared/controls/table/PaginatingTableToolbar";
+export { TableToolbar } from "../ui-shared/controls/table/TableToolbar";
+export { ListEmptyState } from "../ui-shared/controls/table/ListEmptyState";
+export { KeycloakSpinner } from "../ui-shared/controls/KeycloakSpinner";
+export { useFetch } from "../ui-shared/utils/useFetch";
+export { useErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProvider, } from "../ui-shared/utils/ErrorBoundary";
+export type { FallbackProps } from "../ui-shared/utils/ErrorBoundary";
+export { OrganizationTable } from "../ui-shared/controls/OrganizationTable";
+export { initializeDarkMode } from "../ui-shared/utils/darkMode";

package/ui-shared/main.js

@@ -1,4 +1,4 @@
-export { AlertProvider, useAlerts } from "../ui-shared/alerts/Alerts";
+export { AlertProvider, useAlerts, } from "../ui-shared/alerts/Alerts";
 export { ErrorPage } from "../ui-shared/context/ErrorPage";
 export { Help, useHelp } from "../ui-shared/context/HelpContext";
 export { KeycloakProvider, useEnvironment, } from "../ui-shared/context/KeycloakContext";
@@ -21,9 +21,21 @@ export { FormSubmitButton, } from "../ui-shared/buttons/FormSubmitButton";
 export { UserProfileFields } from "../ui-shared/user-profile/UserProfileFields";
 export { beerify, debeerify, isUserProfileError, label, setUserProfileServerError, } from "../ui-shared/user-profile/utils";
 export { createNamedContext } from "../ui-shared/utils/createNamedContext";
+export { getErrorDescription, getErrorMessage, getNetworkErrorMessage, getNetworkErrorDescription, } from "../ui-shared/utils/errors";
 export { isDefined } from "../ui-shared/utils/isDefined";
 export { useRequiredContext } from "../ui-shared/utils/useRequiredContext";
 export { useStoredState } from "../ui-shared/utils/useStoredState";
+export { useSetTimeout } from "../ui-shared/utils/useSetTimeout";
+export { generateId } from "../ui-shared/utils/generateId";
 export { default as KeycloakMasthead } from "../ui-shared/masthead/Masthead";
 export { KeycloakSelect } from "../ui-shared/select/KeycloakSelect";
+export { KeycloakDataTable } from "../ui-shared/controls/table/KeycloakDataTable";
+export { PaginatingTableToolbar } from "../ui-shared/controls/table/PaginatingTableToolbar";
+export { TableToolbar } from "../ui-shared/controls/table/TableToolbar";
+export { ListEmptyState } from "../ui-shared/controls/table/ListEmptyState";
+export { KeycloakSpinner } from "../ui-shared/controls/KeycloakSpinner";
+export { useFetch } from "../ui-shared/utils/useFetch";
+export { useErrorBoundary, ErrorBoundaryFallback, ErrorBoundaryProvider, } from "../ui-shared/utils/ErrorBoundary";
+export { OrganizationTable } from "../ui-shared/controls/OrganizationTable";
+export { initializeDarkMode } from "../ui-shared/utils/darkMode";
 //# sourceMappingURL=main.js.map

package/ui-shared/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/ui-shared/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,0DAA0D,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gEAAgE,CAAC;AAC/F,OAAO,EACL,gBAAgB,EAChB,cAAc,GAEf,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EACL,sBAAsB,GAEvB,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gFAAgF,CAAC;AACrH,OAAO,EACL,aAAa,GAEd,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EACL,aAAa,EACb,aAAa,GACd,MAAM,kFAAkF,CAAC;AAK1F,OAAO,EACL,aAAa,GAEd,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,iEAAiE,CAAC;AAC9F,OAAO,EACL,gBAAgB,GAEjB,MAAM,yFAAyF,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,kEAAkE,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AAClH,OAAO,EACL,gBAAgB,GAEjB,MAAM,qEAAqE,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2EAA2E,CAAC;AAC9G,OAAO,EACL,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,yBAAyB,GAC1B,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,iEAAiE,CAAC;AACjG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../src/ui-shared/main.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,SAAS,GAIV,MAAM,0DAA0D,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,gEAAgE,CAAC;AAC/F,OAAO,EACL,gBAAgB,EAChB,cAAc,GAEf,MAAM,oEAAoE,CAAC;AAC5E,OAAO,EACL,sBAAsB,GAEvB,MAAM,gEAAgE,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gFAAgF,CAAC;AACrH,OAAO,EACL,aAAa,GAEd,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,8DAA8D,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EAAE,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACtG,OAAO,EAAE,aAAa,EAAE,MAAM,mEAAmE,CAAC;AAClG,OAAO,EACL,aAAa,EACb,aAAa,GACd,MAAM,kFAAkF,CAAC;AAK1F,OAAO,EACL,aAAa,GAEd,MAAM,mEAAmE,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,iEAAiE,CAAC;AAC9F,OAAO,EACL,gBAAgB,GAEjB,MAAM,yFAAyF,CAAC;AACjG,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,kEAAkE,CAAC;AAC7F,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,mEAAmE,CAAC;AAClH,OAAO,EACL,gBAAgB,GAEjB,MAAM,qEAAqE,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2EAA2E,CAAC;AAC9G,OAAO,EACL,OAAO,EACP,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,yBAAyB,GAC1B,MAAM,+DAA+D,CAAC;AAEvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,0BAA0B,GAC3B,MAAM,yDAAyD,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,4DAA4D,CAAC;AACvF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qEAAqE,CAAC;AACzG,OAAO,EAAE,cAAc,EAAE,MAAM,iEAAiE,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,gEAAgE,CAAC;AAC/F,OAAO,EAAE,UAAU,EAAE,MAAM,6DAA6D,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAC3G,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAElG,OAAO,EAAE,iBAAiB,EAAE,MAAM,6EAA6E,CAAC;AAOhH,OAAO,EAAE,sBAAsB,EAAE,MAAM,kFAAkF,CAAC;AAC1H,OAAO,EAAE,YAAY,EAAE,MAAM,wEAAwE,CAAC;AACtG,OAAO,EAAE,cAAc,EAAE,MAAM,0EAA0E,CAAC;AAC1G,OAAO,EAAE,eAAe,EAAE,MAAM,qEAAqE,CAAC;AACtG,OAAO,EAAE,QAAQ,EAAE,MAAM,2DAA2D,CAAC;AACrF,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,gEAAgE,CAAC;AAExE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uEAAuE,CAAC;AAC1G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC"}

package/ui-shared/masthead/Masthead.d.ts

@@ -1,11 +1,8 @@
-import { AvatarProps, BrandProps } from "@patternfly/react-core";
-import { PageHeaderProps } from "@patternfly/react-core/deprecated";
+import { AvatarProps, MastheadBrandProps, MastheadMainProps } from "@patternfly/react-core";
 import Keycloak from "keycloak-js";
 import { ReactNode } from "react";
-type BrandLogo = BrandProps & {
-    href: string;
-};
-type KeycloakMastheadProps = PageHeaderProps & {
+type BrandLogo = MastheadBrandProps;
+type KeycloakMastheadProps = MastheadMainProps & {
     keycloak: Keycloak;
     brand: BrandLogo;
     avatar?: AvatarProps;
@@ -18,5 +15,5 @@ type KeycloakMastheadProps = PageHeaderProps & {
     dropdownItems?: ReactNode[];
     toolbarItems?: ReactNode[];
 };
-declare const KeycloakMasthead: ({ keycloak, brand: { href: brandHref, ...brandProps }, avatar, features: { hasLogout, hasManageAccount, hasUsername, }, kebabDropdownItems, dropdownItems, toolbarItems, ...rest }: KeycloakMastheadProps) => import("react/jsx-runtime").JSX.Element;
+declare const KeycloakMasthead: ({ keycloak, brand: { src, alt, className, ...brandProps }, avatar, features: { hasLogout, hasManageAccount, hasUsername, }, kebabDropdownItems, dropdownItems, toolbarItems, ...rest }: KeycloakMastheadProps) => import("react/jsx-runtime").JSX.Element;
 export default KeycloakMasthead;

package/ui-shared/masthead/Masthead.js

@@ -10,8 +10,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Brand, DropdownItem, } from "@patternfly/react-core";
-import { PageHeader, PageHeaderTools, PageHeaderToolsGroup, PageHeaderToolsItem, } from "@patternfly/react-core/deprecated";
+import { Avatar, DropdownItem, Masthead, MastheadBrand, MastheadContent, MastheadToggle, PageToggleButton, Toolbar, ToolbarContent, ToolbarItem, } from "@patternfly/react-core";
+import { BarsIcon } from "@patternfly/react-icons";
 import { useTranslation } from "react-i18next";
 import { DefaultAvatar } from "../../ui-shared/masthead/DefaultAvatar";
 import { KeycloakDropdown } from "../../ui-shared/masthead/KeycloakDropdown";
@@ -29,7 +29,7 @@ function loggedInUserName(token, t) {
 }
 const KeycloakMasthead = (_a) => {
     var _b;
-    var { keycloak } = _a, _c = _a.brand, { href: brandHref } = _c, brandProps = __rest(_c, ["href"]), { avatar, features: { hasLogout = true, hasManageAccount = true, hasUsername = true, } = {}, kebabDropdownItems, dropdownItems = [], toolbarItems } = _a, rest = __rest(_a, ["keycloak", "brand", "avatar", "features", "kebabDropdownItems", "dropdownItems", "toolbarItems"]);
+    var { keycloak } = _a, _c = _a.brand, { src, alt, className } = _c, brandProps = __rest(_c, ["src", "alt", "className"]), { avatar, features: { hasLogout = true, hasManageAccount = true, hasUsername = true, } = {}, kebabDropdownItems, dropdownItems = [], toolbarItems } = _a, rest = __rest(_a, ["keycloak", "brand", "avatar", "features", "kebabDropdownItems", "dropdownItems", "toolbarItems"]);
     const { t } = useTranslation();
     const extraItems = [];
     if (hasManageAccount) {
@@ -39,17 +39,17 @@ const KeycloakMasthead = (_a) => {
         extraItems.push(_jsx(DropdownItem, { onClick: () => keycloak.logout(), children: t("signOut") }, "signOut"));
     }
     const picture = (_b = keycloak.idTokenParsed) === null || _b === void 0 ? void 0 : _b.picture;
-    return (_jsx(PageHeader, Object.assign({}, rest, { logo: _jsx(Brand, Object.assign({}, brandProps)), logoProps: { href: brandHref }, headerTools: _jsxs(PageHeaderTools, { children: [_jsxs(PageHeaderToolsGroup, { children: [_jsx(PageHeaderToolsItem, { visibility: {
-                                md: "hidden",
-                            }, children: _jsx(KeycloakDropdown, { "data-testid": "options-kebab", isKebab: true, dropDownItems: [
-                                    ...(kebabDropdownItems || dropdownItems),
-                                    extraItems,
-                                ] }) }), _jsx(PageHeaderToolsItem, { children: toolbarItems }), _jsx(PageHeaderToolsItem, { visibility: {
-                                default: "hidden",
-                                md: "visible",
-                            }, children: _jsx(KeycloakDropdown, { "data-testid": "options", dropDownItems: [...dropdownItems, extraItems], title: hasUsername
-                                    ? loggedInUserName(keycloak.idTokenParsed, t)
-                                    : undefined }) })] }), picture || (avatar === null || avatar === void 0 ? void 0 : avatar.src) ? (_jsx(Avatar, Object.assign({ src: picture, alt: t("avatar") }, avatar))) : (_jsx(DefaultAvatar, Object.assign({}, avatar)))] }) })));
+    return (_jsxs(Masthead, Object.assign({}, rest, { children: [_jsx(MastheadToggle, { children: _jsx(PageToggleButton, { variant: "plain", "aria-label": t("navigation"), children: _jsx(BarsIcon, {}) }) }), _jsx(MastheadBrand, Object.assign({}, brandProps, { children: _jsx("img", { src: src, alt: alt, className: className }) })), _jsx(MastheadContent, { children: _jsx(Toolbar, { children: _jsxs(ToolbarContent, { children: [toolbarItems === null || toolbarItems === void 0 ? void 0 : toolbarItems.map((item, index) => (_jsx(ToolbarItem, { align: { default: "alignRight" }, children: item }, index))), _jsx(ToolbarItem, { visibility: {
+                                    default: "hidden",
+                                    md: "visible",
+                                }, children: _jsx(KeycloakDropdown, { "data-testid": "options", dropDownItems: [...dropdownItems, extraItems], title: hasUsername
+                                        ? loggedInUserName(keycloak.idTokenParsed, t)
+                                        : undefined }) }), _jsx(ToolbarItem, { align: { default: "alignLeft" }, visibility: {
+                                    md: "hidden",
+                                }, children: _jsx(KeycloakDropdown, { "data-testid": "options-kebab", isKebab: true, dropDownItems: [
+                                        ...(kebabDropdownItems || dropdownItems),
+                                        extraItems,
+                                    ] }) }), _jsx(ToolbarItem, { variant: "overflow-menu", align: { default: "alignRight" }, className: "pf-v5-u-m-0-on-lg", children: picture || (avatar === null || avatar === void 0 ? void 0 : avatar.src) ? (_jsx(Avatar, Object.assign({ src: picture, alt: t("avatar") }, avatar))) : (_jsx(DefaultAvatar, Object.assign({}, avatar))) })] }) }) })] })));
 };
 export default KeycloakMasthead;
 //# sourceMappingURL=Masthead.js.map