@ansible/ansible-ui-framework 0.0.614 → 0.0.616

package/cjs/PageCells/CopyCell.js

@@ -1,25 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-function CopyCell(props) {
-    if (!props.text)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsx)(react_core_1.ClipboardCopy, __assign({ hoverTip: "Copy", clickTip: "Copied", variant: "inline-compact", style: { display: 'flex', flexWrap: 'nowrap', borderRadius: 4 }, onCopy: function () {
-            var _a;
-            void navigator.clipboard.writeText((_a = props.text) !== null && _a !== void 0 ? _a : '');
-        } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Truncate, { content: props.text, style: { minWidth: props.minWidth } }) })));
-}
-exports.CopyCell = CopyCell;

package/cjs/PageCells/DateTimeCell.js

@@ -1,66 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SinceCell = exports.DateCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var luxon_1 = require("luxon");
-var react_1 = require("react");
-var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
-function DateCell(props) {
-    var date = new Date(props.value);
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleDateString() }), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: date.toLocaleTimeString() })] })));
-}
-exports.DateCell = DateCell;
-function SinceCell(props) {
-    var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    var author = props.author, onClick = props.onClick;
-    var _b = __read((0, react_1.useState)(null), 2), dateTime = _b[0], setDateTime = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (typeof props.value === 'number') {
-            setDateTime(luxon_1.DateTime.fromMillis(props.value).toRelative());
-        }
-        else if (props.value) {
-            setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
-        }
-        var timeout = setInterval(function () {
-            if (typeof props.value === 'number') {
-                setDateTime(luxon_1.DateTime.fromMillis(props.value).toRelative());
-            }
-            else if (props.value) {
-                setDateTime(luxon_1.DateTime.fromISO(props.value).toRelative());
-            }
-        }, 1000);
-        return function () { return clearTimeout(timeout); };
-    }, [props.value]);
-    if (props.value === undefined)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { whiteSpace: 'nowrap' } }, { children: [dateTime, author && (0, jsx_runtime_1.jsxs)("span", { children: ["\u00A0", translations.by, "\u00A0"] }), onClick ? ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", isInline: true, onClick: onClick }, { children: author }))) : ((0, jsx_runtime_1.jsx)("span", { children: author }))] })));
-}
-exports.SinceCell = SinceCell;

package/cjs/PageCells/ElapsedTimeCell.js

@@ -1,48 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ElapsedTimeCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable i18next/no-literal-string */
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-function ElapsedTimeCell(props) {
-    var start = (0, react_1.useMemo)(function () { var _a; return new Date((_a = props.start) !== null && _a !== void 0 ? _a : 0).valueOf(); }, [props.start]);
-    var finish = (0, react_1.useMemo)(function () { var _a; return new Date((_a = props.finish) !== null && _a !== void 0 ? _a : 0).valueOf(); }, [props.finish]);
-    var _a = __read((0, react_1.useState)(Math.max(0, finish - start.valueOf())), 2), elapsed = _a[0], setElapsed = _a[1];
-    (0, react_1.useEffect)(function () {
-        var timeout = setInterval(function () {
-            if (start) {
-                if (!props.finish)
-                    setElapsed(Math.max(0, Date.now() - start));
-                else
-                    setElapsed(Math.max(0, finish - start));
-            }
-        }, 1000);
-        return function () { return clearTimeout(timeout); };
-    }, [start, finish, props.finish]);
-    var totalSeconds = Math.floor(elapsed / 1000);
-    var seconds = Math.floor(totalSeconds % 60);
-    var minutes = Math.floor((totalSeconds / 60) % 60);
-    var hours = Math.floor((totalSeconds / 60 / 60) % 24);
-    var days = Math.floor(totalSeconds / 60 / 60 / 24);
-    if (!start)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, { children: [days !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [days, 'd', "\u00A0"] })), hours !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [hours, 'h', "\u00A0"] })), minutes !== 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [minutes, 'm', "\u00A0"] })), (0, jsx_runtime_1.jsxs)(react_core_1.SplitItem, { children: [seconds, 's'] })] }));
-}
-exports.ElapsedTimeCell = ElapsedTimeCell;

package/cjs/PageCells/LabelsCell.js

@@ -1,20 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelsCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-function LabelsCell(props) {
-    return ((0, jsx_runtime_1.jsx)(react_core_1.LabelGroup, __assign({ numLabels: 999, style: { flexWrap: 'nowrap' } }, { children: props.labels.map(function (label) { return ((0, jsx_runtime_1.jsx)(react_core_1.Label, { children: label }, label)); }) })));
-}
-exports.LabelsCell = LabelsCell;

package/cjs/PageCells/TextCell.js

@@ -1,39 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextCell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var IconWrapper_1 = require("../components/IconWrapper");
-var pfcolors_1 = require("../components/pfcolors");
-var usePageNavigate_1 = require("../components/usePageNavigate");
-function TextCell(props) {
-    var _a, _b, _c;
-    var navigate = (0, usePageNavigate_1.usePageNavigate)();
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ style: { maxWidth: '100%' } }, { children: [props.icon && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ size: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 'sm', color: (_b = props.iconColor) !== null && _b !== void 0 ? _b : props.color, padRight: true }, { children: props.icon })) })), props.text && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ style: { maxWidth: '100%' } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                        maxWidth: (_c = props.maxWidth) !== null && _c !== void 0 ? _c : '100%',
-                        whiteSpace: 'nowrap',
-                        textOverflow: 'ellipsis',
-                        overflow: 'hidden',
-                        color: props.color ? (0, pfcolors_1.getPatternflyColor)(props.color) : undefined,
-                    } }, { children: !props.disableLinks && (props.to || props.onClick) ? ((0, jsx_runtime_1.jsx)("a", __assign({ href: props.to, onClick: function (e) {
-                            e.preventDefault();
-                            if (props.onClick) {
-                                props.onClick();
-                            }
-                            else {
-                                navigate(props.to);
-                            }
-                        } }, { children: props.text }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.text })) })) })))] })));
-}
-exports.TextCell = TextCell;

package/cjs/PageColumnModal.js

@@ -1,131 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useColumnModal = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-function useColumnModal(columns) {
-    var _a = __read((0, react_1.useState)(false), 2), columnModalOpen = _a[0], setColumnModalOpen = _a[1];
-    var openColumnModal = (0, react_1.useCallback)(function () {
-        setColumnModalOpen(true);
-    }, []);
-    var _b = __read((0, react_1.useState)(function () { return columns; }), 2), managedColumns = _b[0], setManagedColumns = _b[1];
-    var _c = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _c[0];
-    (0, react_1.useEffect)(function () {
-        setManagedColumns(function (managedColumns) {
-            return managedColumns.map(function (managedColumn) { var _a; return (_a = columns.find(function (column) { return column.header === managedColumn.header; })) !== null && _a !== void 0 ? _a : managedColumn; });
-        });
-    }, [columns]);
-    var onClose = (0, react_1.useCallback)(function () {
-        setColumnModalOpen(false);
-    }, []);
-    // const selectAllColumns = useCallback(() => {
-    //     setManagedColumns((managedColumns) => {
-    //         for (const column of managedColumns) {
-    //             column.enabled = true
-    //         }
-    //         return [...managedColumns]
-    //     })
-    // }, [])
-    var onDragFinish = (0, react_1.useCallback)(function (itemOrder) {
-        setManagedColumns(function (managedColumns) {
-            return itemOrder.map(function (header) {
-                return managedColumns.find(function (column) { return column.header === header; });
-            });
-        });
-    }, []);
-    var handleChange = (0, react_1.useCallback)(function (checked, event) {
-        var columnHeader = event.target.name;
-        if (columnHeader) {
-            setManagedColumns(function (managedColumns) {
-                var e_1, _a;
-                try {
-                    for (var managedColumns_1 = __values(managedColumns), managedColumns_1_1 = managedColumns_1.next(); !managedColumns_1_1.done; managedColumns_1_1 = managedColumns_1.next()) {
-                        var column = managedColumns_1_1.value;
-                        if (column.header !== columnHeader)
-                            continue;
-                        column.enabled = checked;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (managedColumns_1_1 && !managedColumns_1_1.done && (_a = managedColumns_1.return)) _a.call(managedColumns_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-                return __spreadArray([], __read(managedColumns), false);
-            });
-        }
-    }, []);
-    var columnModal = ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ variant: react_core_1.ModalVariant.medium, title: translations.manageColumns, 
-        // description={
-        //     <TextContent>
-        //         <Text component={TextVariants.p}>Selected categories will be displayed in the table.</Text>
-        //         <Button isInline onClick={selectAllColumns} variant="link">
-        //             Select all
-        //         </Button>
-        //     </TextContent>
-        // }
-        isOpen: columnModalOpen, onClose: onClose, actions: [
-            (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "primary", onClick: onClose }, { children: translations.closeText }), "save"),
-            // <Button key="cancel" variant="link" onClick={onClose}>
-            //     Cancel
-            // </Button>,
-        ] }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DataList, __assign({ "aria-label": "Table column management", id: "table-column-management", isCompact: true, onDragFinish: onDragFinish, itemOrder: managedColumns.map(function (column) { return column.header; }), gridBreakpoint: "none", style: { borderTopWidth: 'thin' } }, { children: managedColumns.map(function (column) {
-                // if (index === 0) return <Fragment />
-                return ((0, jsx_runtime_1.jsx)(react_core_1.DataListItem, __assign({ id: column.header, "aria-labelledby": "table-column-management-item1", style: { borderBottomWidth: 'thin' } }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.DataListItemRow, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.DataListControl, { children: [(0, jsx_runtime_1.jsx)(react_core_1.DataListDragButton, { "aria-label": "Reorder", "aria-labelledby": "table-column-management-item1", "aria-describedby": "Press space or enter to begin dragging, and use the arrow keys to navigate up or down. Press enter to confirm the drag, or any other key to cancel the drag operation.", "aria-pressed": "false" }), (0, jsx_runtime_1.jsx)(react_core_1.DataListCheck, { "aria-labelledby": "table-column-management-item1", checked: column.enabled !== false, name: column.header, id: column.header, onChange: handleChange, otherControls: true })] }), (0, jsx_runtime_1.jsx)(react_core_1.DataListItemCells, { dataListCells: [
-                                    (0, jsx_runtime_1.jsx)(react_core_1.DataListCell, __assign({ id: "table-column-management-item1" }, { children: (0, jsx_runtime_1.jsx)("label", __assign({ htmlFor: column.header }, { children: column.header })) }), column.header),
-                                ] })] }) }), column.header));
-            }) })) })));
-    return { openColumnModal: openColumnModal, columnModal: columnModal, managedColumns: managedColumns };
-}
-exports.useColumnModal = useColumnModal;

package/cjs/PageDashboard/PageChartContainer.js

@@ -1,69 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageChartContainer = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var resize_observer_1 = __importDefault(require("@react-hook/resize-observer"));
-var react_1 = require("react");
-function PageChartContainer(props) {
-    var _a, _b, _c, _d;
-    var ref = (0, react_1.useRef)(null);
-    var _e = __read((0, react_1.useState)({
-        width: (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0,
-        height: (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : 0,
-    }), 2), containerSize = _e[0], setContainerSize = _e[1];
-    var updateSize = (0, react_1.useCallback)(function () {
-        return setContainerSize(function (containerSize) {
-            var _a, _b, _c, _d;
-            var newContainerSize = {
-                width: (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0,
-                height: (_d = (_c = ref.current) === null || _c === void 0 ? void 0 : _c.clientHeight) !== null && _d !== void 0 ? _d : 0,
-            };
-            if (newContainerSize.width !== containerSize.width ||
-                newContainerSize.height !== containerSize.height) {
-                return newContainerSize;
-            }
-            return containerSize;
-        });
-    }, []);
-    (0, react_1.useEffect)(function () { return updateSize(); }, [ref, updateSize]);
-    (0, resize_observer_1.default)(ref, function () { return updateSize(); });
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ ref: ref, style: {
-            width: '100%',
-            height: '100%',
-            flexGrow: 1,
-            alignSelf: 'stretch',
-            justifySelf: 'stretch',
-            position: 'relative',
-        } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { position: 'absolute' } }, { children: props.children(containerSize) })) })));
-}
-exports.PageChartContainer = PageChartContainer;

package/cjs/PageDashboard/PageDashboardCard.js

@@ -1,22 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDashboardCard = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var usePageNavigate_1 = require("../components/usePageNavigate");
-function PageDashboardCard(props) {
-    var history = (0, usePageNavigate_1.usePageNavigate)();
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Card, __assign({ isFlat: true, isSelectable: !!props.to, isRounded: true, style: __assign({ transition: 'box-shadow 0.25s' }, props.style), onClick: function () { return props.to && history(props.to); } }, { children: props.children })));
-}
-exports.PageDashboardCard = PageDashboardCard;

package/cjs/PageDashboard/PageDashboardChart.js

@@ -1,54 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDashboardChart = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_charts_1 = require("@patternfly/react-charts");
-var PageChartContainer_1 = require("./PageChartContainer");
-function PageDashboardChart(props) {
-    var groups = props.groups;
-    groups = groups.filter(function (group) {
-        var e_1, _a;
-        try {
-            for (var _b = __values(group.values), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var value = _c.value;
-                if (value.value !== 0)
-                    return true;
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return false;
-    });
-    return ((0, jsx_runtime_1.jsx)(PageChartContainer_1.PageChartContainer, { children: function (size) { return ((0, jsx_runtime_1.jsxs)(react_charts_1.Chart, __assign({ padding: { bottom: 27, left: 40, right: 20, top: 10 }, colorScale: groups.map(function (group) { return group.color; }), width: size.width, height: size.height, containerComponent: (0, jsx_runtime_1.jsx)(react_charts_1.ChartVoronoiContainer, { labels: function (point) {
-                    var datum = point.datum;
-                    return "".concat(datum.x, ": ").concat(datum.y);
-                } }) }, { children: [(0, jsx_runtime_1.jsx)(react_charts_1.ChartAxis, { fixLabelOverlap: true }), (0, jsx_runtime_1.jsx)(react_charts_1.ChartAxis, { dependentAxis: true, showGrid: true }), (0, jsx_runtime_1.jsx)(react_charts_1.ChartStack, { children: groups.map(function (group, index) { return ((0, jsx_runtime_1.jsx)(react_charts_1.ChartArea, { data: group.values.map(function (value) { return ({ x: value.label, y: value.value }); }), interpolation: "monotoneX" }, index)); }) })] }))); } }));
-}
-exports.PageDashboardChart = PageDashboardChart;

package/cjs/PageDashboard/PageDonutChart.js

@@ -1,53 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageDashboardDonutCard = exports.PageDonutChart = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_charts_1 = require("@patternfly/react-charts");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var usePageNavigate_1 = require("../components/usePageNavigate");
-var PageChartContainer_1 = require("./PageChartContainer");
-function PageDonutChart(props) {
-    return ((0, jsx_runtime_1.jsx)(PageChartContainer_1.PageChartContainer, { children: function (size) { return ((0, jsx_runtime_1.jsx)(react_charts_1.ChartDonut
-        //   ariaDesc="Average number of pets"
-        //   ariaTitle="Donut chart example"
-        //   constrainToVisibleArea
-        //   data={items.map((item) => ({ x: item.label, y: item.count }))}
-        //   title={total.toString()}
-        //   colorScale={items.map((item) => item.color)}
-        //   padding={{ top: 0, left: 0, right: 0, bottom: 0 }}
-        , __assign({}, props, { width: size.width, height: size.height }))); } }));
-}
-exports.PageDonutChart = PageDonutChart;
-function PageDashboardDonutCard(props) {
-    var title = props.title, items = props.items, loading = props.loading;
-    var total = items.reduce(function (total, item) { return total + item.count; }, 0);
-    var history = (0, usePageNavigate_1.usePageNavigate)();
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Card, __assign({ isFlat: true, isSelectable: true, isRounded: true, style: { transition: 'box-shadow 0.25s' }, onClick: function () { return history(props.to); } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.CardHeader, { children: (0, jsx_runtime_1.jsx)(react_core_1.CardTitle, { children: title }) }), (0, jsx_runtime_1.jsx)(react_core_1.CardBody, { children: loading === true ? ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { shape: "circle", width: "100px" }) }), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ style: { marginTop: 'auto', marginBottom: 'auto' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Flex, __assign({ direction: { default: 'column' }, spaceItems: { default: 'spaceItemsMd' } }, { children: items.map(function (item) { return ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ spaceItems: { default: 'spaceItemsSm' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { width: 12, height: 12 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { shape: "square", width: "12", height: "12" }) })) }), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ grow: { default: 'grow' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Skeleton, { shape: "square", width: "70px", height: "14px" }) }))] })) }, item.label)); }) })) }))] }))) : ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { width: '100px', height: '100px' } }, { children: (0, jsx_runtime_1.jsx)(PageDonutChart, { ariaDesc: "Average number of pets", ariaTitle: "Donut chart example", constrainToVisibleArea: true, data: items.map(function (item) { return ({ x: item.label, y: item.count }); }), title: total.toString(), colorScale: items.map(function (item) { return item.color; }), padding: { top: 0, left: 0, right: 0, bottom: 0 } }) })) }), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ style: { marginTop: 'auto', marginBottom: 'auto' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Flex, __assign({ direction: { default: 'column' }, spaceItems: { default: 'spaceItemsSm' } }, { children: items.map(function (item) {
-                                    if (item.count === 0)
-                                        return (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, item.label);
-                                    return ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ spaceItems: { default: 'spaceItemsSm' } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsx)("div", { style: {
-                                                            width: 12,
-                                                            height: 12,
-                                                            backgroundColor: item.color,
-                                                            borderRadius: 2,
-                                                        } }) }), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, __assign({ style: {
-                                                        paddingLeft: 4,
-                                                        paddingRight: 2,
-                                                        textAlign: 'right',
-                                                        minWidth: 16,
-                                                    } }, { children: item.count })), (0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: item.label })] })) }, item.label));
-                                }) })) }))] }))) })] })));
-}
-exports.PageDashboardDonutCard = PageDashboardDonutCard;