@ansible/ansible-ui-framework 0.0.614 → 0.0.615

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.614",
+  "version": "0.0.615",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/ansible/ansible-ui.git"
   },
   "homepage": "https://github.com/ansible/ansible-ui/tree/main/framework#readme",
-  "main": "cjs/index.js",
-  "types": "cjs/index.d.ts",
+  "main": "./index.umd.cjs",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.umd.cjs"
+    },
+    "./style.css": {
+      "import": "./style.css",
+      "require": "./style.css"
+    }
+  },
   "keywords": [
     "ansible",
     "react",
@@ -17,22 +28,12 @@
     "framework"
   ],
   "peerDependencies": {
-    "@hookform/resolvers": "^2",
     "@patternfly/patternfly": "^4",
     "@patternfly/react-core": "^4",
     "@patternfly/react-icons": "^4",
     "@patternfly/react-table": "^4",
-    "@react-hook/resize-observer": "^1",
-    "@types/json-schema": "^7",
-    "@types/react": "^17 || ^18",
-    "@types/react-dom": "^17 || ^18",
-    "@types/styled-components": "^5",
-    "debounce": "^1",
-    "get-value": "^3",
-    "luxon": "^3",
-    "p-limit": "^4",
     "react": "^17 || ^18",
-    "react-hook-form": "^7",
-    "styled-components": "^5"
+    "react-dom": "^17 || ^18",
+    "monaco-editor": "^0.36.1"
   }
 }

package/style.css

@@ -0,0 +1 @@
+.pf-c-toolbar__content-section{row-gap:16px!important}.pf-c-toolbar__expandable-content.pf-m-expanded{z-index:400}.collapsed{max-height:0;transition:max-height .15s ease-out,opacity .15s ease-out;overflow:hidden;opacity:0}.expanded{max-height:500px;transition:max-height .25s ease-in,opacity .25s ease-in;opacity:1}.border-top{border-top:thin solid var(--pf-global--BorderColor--100)}.border-bottom{border-bottom:thin solid var(--pf-global--BorderColor--100)}.light{background-color:var(--pf-global--BackgroundColor--100)}:root:where(.pf-theme-dark) .dark-0{background-color:var(--pf-global--BackgroundColor--200)}:root:where(.pf-theme-dark) .dark-1{background-color:var(--pf-global--BackgroundColor--100)}:root:where(.pf-theme-dark) .dark-2{background-color:var(--pf-global--BackgroundColor--300)}:root:where(.pf-theme-dark) .dark-3{background-color:var(--pf-global--BackgroundColor--400)}

package/cjs/BulkActionDialog.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { ITableColumn } from './PageTable/PageTable';
-export interface BulkActionDialogProps<T extends object> {
-    /** The title of the model.
-     * @link https://www.patternfly.org/v4/components/modal/design-guidelines#confirmation-dialogs
-     */
-    title: string;
-    /** The items to confirm for the bulk action. */
-    items: T[];
-    /** A function that gets a unique key for each item. */
-    keyFn: (item: T) => string | number;
-    /** The columns to display when processing the actions. */
-    actionColumns: ITableColumn<T>[];
-    /** The action function to perform on each item. */
-    actionFn: (item: T, signal: AbortSignal) => Promise<unknown>;
-    /** Callback when all the actions are complete. Returns the successful items. */
-    onComplete?: (successfulItems: T[]) => void;
-    /** Callback called when the dialog closes. */
-    onClose?: () => void;
-    /** The text to show for each item when the action is happening.
-     * @example Deleting jobs...
-     */
-    processingText?: string;
-    /** Indicates if this is a destructive operation */
-    isDanger?: boolean;
-}
-/**
- * useBulkActionDialog - react hook to open a BulkActionDialog
- *
- * @example
- * const openBulkActionDialog = useBulkActionDialog()
- * openBulkActionDialog(...) // Pass BulkActionDialogProps
- */
-export declare function useBulkActionDialog<T extends object>(): import("react").Dispatch<import("react").SetStateAction<BulkActionDialogProps<T> | undefined>>;

package/cjs/BulkActionDialog.js

@@ -1,300 +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 __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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-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));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBulkActionDialog = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var p_limit_1 = __importDefault(require("p-limit"));
-var react_1 = require("react");
-var pfcolors_1 = require("./components/pfcolors");
-var PageDialog_1 = require("./PageDialog");
-var PageTable_1 = require("./PageTable/PageTable");
-var useTableItems_1 = require("./PageTable/useTableItems");
-var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-/**
- * BulkActionDialog is a generic dialog for process bulk actions.
- *
- * It processes the actions in parallel up to 5 concurrently.
- * The easiest way to use the BulkActionDialog is then useBulkActionDialog hook.
- *
- * @param {string} title - The title of the model.
- * @param {T[]} items - The items to confirm for the bulk action.
- * @param {function} keyFn - A function that gets a unique key for each item.
- * @param {Array(ITableColumn<T>)} actionColumns - The columns to display when processing the actions.
- * @param {function} actionFn - The action function to perform on each item
- * @param {function=} onComplete - Callback when all the actions are complete. Returns the successful items.
- * @param {function=} onClose - Callback called when the dialog closes.
- * @param {string=} processingText - The text to show for each item when the action is happening.
- * @param {boolean=} isDanger - Indicates if this is a destructive operation.
- */
-function BulkActionDialog(props) {
-    var title = props.title, items = props.items, keyFn = props.keyFn, actionColumns = props.actionColumns, actionFn = props.actionFn, onComplete = props.onComplete, onClose = props.onClose, processingText = props.processingText, isDanger = props.isDanger;
-    var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
-    var _b = __read((0, react_1.useState)(true), 2), isProcessing = _b[0], setProcessing = _b[1];
-    var _c = __read((0, react_1.useState)(false), 2), isCanceled = _c[0], setCanceled = _c[1];
-    var _d = __read((0, react_1.useState)(0), 2), progress = _d[0], setProgress = _d[1];
-    var _e = __read((0, react_1.useState)(''), 2), error = _e[0], setError = _e[1];
-    var _f = __read((0, react_1.useState)(), 2), statuses = _f[0], setStatuses = _f[1];
-    var _g = __read((0, react_1.useState)(function () { return new AbortController(); }), 1), abortController = _g[0];
-    var _h = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _h[0], setDialog = _h[1];
-    var onCancelClicked = (0, react_1.useCallback)(function () {
-        setCanceled(true);
-        abortController.abort();
-        setProcessing(false);
-        setStatuses(function (statuses) {
-            var e_1, _a;
-            var newStatuses = __assign({}, statuses);
-            try {
-                for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
-                    var item = items_1_1.value;
-                    var key = keyFn(item);
-                    if (newStatuses[key] === undefined) {
-                        newStatuses[key] = 'Cancelled';
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return newStatuses;
-        });
-    }, [abortController, items, keyFn]);
-    var onCloseClicked = (0, react_1.useCallback)(function () {
-        setDialog(undefined);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose, setDialog]);
-    (0, react_1.useEffect)(function () {
-        function process() {
-            return __awaiter(this, void 0, void 0, function () {
-                var limit, progress, successfulItems;
-                var _this = this;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            limit = (0, p_limit_1.default)(5);
-                            progress = 0;
-                            successfulItems = [];
-                            return [4 /*yield*/, Promise.all(items.map(function (item) {
-                                    return limit(function () { return __awaiter(_this, void 0, void 0, function () {
-                                        var key, err_1, message_1;
-                                        return __generator(this, function (_a) {
-                                            switch (_a.label) {
-                                                case 0:
-                                                    if (abortController.signal.aborted)
-                                                        return [2 /*return*/];
-                                                    key = keyFn(item);
-                                                    _a.label = 1;
-                                                case 1:
-                                                    _a.trys.push([1, 3, 4, 5]);
-                                                    return [4 /*yield*/, actionFn(item, abortController.signal)];
-                                                case 2:
-                                                    _a.sent();
-                                                    if (!abortController.signal.aborted) {
-                                                        setStatuses(function (statuses) {
-                                                            var _a;
-                                                            return (__assign(__assign({}, (statuses !== null && statuses !== void 0 ? statuses : {})), (_a = {}, _a[key] = null, _a)));
-                                                        });
-                                                    }
-                                                    successfulItems.push(item);
-                                                    return [3 /*break*/, 5];
-                                                case 3:
-                                                    err_1 = _a.sent();
-                                                    if (!abortController.signal.aborted) {
-                                                        if (err_1 instanceof Error) {
-                                                            message_1 = err_1.message;
-                                                            setStatuses(function (statuses) {
-                                                                var _a;
-                                                                return (__assign(__assign({}, (statuses !== null && statuses !== void 0 ? statuses : {})), (_a = {}, _a[key] = message_1, _a)));
-                                                            });
-                                                        }
-                                                        else {
-                                                            setStatuses(function (statuses) {
-                                                                var _a;
-                                                                return (__assign(__assign({}, (statuses !== null && statuses !== void 0 ? statuses : {})), (_a = {}, _a[key] = "Unknown error", _a)));
-                                                            });
-                                                        }
-                                                        setError(translations.errorText);
-                                                    }
-                                                    return [3 /*break*/, 5];
-                                                case 4:
-                                                    if (!abortController.signal.aborted) {
-                                                        setProgress(++progress);
-                                                    }
-                                                    return [7 /*endfinally*/];
-                                                case 5: return [2 /*return*/];
-                                            }
-                                        });
-                                    }); });
-                                }))];
-                        case 1:
-                            _a.sent();
-                            if (!abortController.signal.aborted) {
-                                setProcessing(false);
-                            }
-                            onComplete === null || onComplete === void 0 ? void 0 : onComplete(successfulItems);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        void process();
-    }, [abortController, actionFn, items, keyFn, onComplete, translations.errorText]);
-    var _j = (0, useTableItems_1.usePaged)(items), paged = _j.paged, page = _j.page, perPage = _j.perPage, setPage = _j.setPage, setPerPage = _j.setPerPage;
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Modal, __assign({ titleIconVariant: isDanger ? 'warning' : undefined, title: title, variant: react_core_1.ModalVariant.medium, isOpen: true, onClose: function () {
-            onCancelClicked();
-            onCloseClicked();
-        }, actions: isProcessing
-            ? [
-                (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", onClick: onCancelClicked }, { children: translations.cancelText }), "cancel"),
-            ]
-            : [
-                (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "secondary", onClick: onCloseClicked }, { children: translations.closeText }), "close"),
-            ], hasNoBodyWrapper: true }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.ModalBoxBody, __assign({ style: { paddingBottom: 0, paddingLeft: 0, paddingRight: 0 } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        maxHeight: 560,
-                        overflow: 'hidden',
-                        borderTop: 'thin solid var(--pf-global--BorderColor--100)',
-                    } }, { children: (0, jsx_runtime_1.jsx)(PageTable_1.PageTable, { pageItems: __spreadArray([], __read(paged), false), itemCount: items.length, tableColumns: __spreadArray(__spreadArray([], __read(actionColumns), false), [
-                            {
-                                header: 'Status',
-                                cell: function (item) {
-                                    var key = keyFn(item);
-                                    var status = statuses === null || statuses === void 0 ? void 0 : statuses[key];
-                                    if (status === undefined) {
-                                        return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { color: pfcolors_1.pfInfo } }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.PendingIcon, {}), "\u00A0 ", translations.pendingText] })));
-                                    }
-                                    if (status === null) {
-                                        return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { color: pfcolors_1.pfSuccess } }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.CheckCircleIcon, {}), "\u00A0 ", translations.successText] })));
-                                    }
-                                    return ((0, jsx_runtime_1.jsxs)("span", __assign({ style: { color: pfcolors_1.pfDanger } }, { children: [(0, jsx_runtime_1.jsx)(react_icons_1.ExclamationCircleIcon, {}), "\u00A0 ", statuses === null || statuses === void 0 ? void 0 : statuses[key]] })));
-                                },
-                            },
-                        ], false), keyFn: keyFn, page: page, perPage: perPage, setPage: setPage, setPerPage: setPerPage, compact: true, errorStateTitle: "", emptyStateTitle: "No items", autoHidePagination: true, disableBodyPadding: true }, "status") })) })), (0, jsx_runtime_1.jsx)(react_core_1.ModalBoxBody, __assign({ style: { paddingTop: 0 } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Progress, { value: (progress / items.length) * 100, title: abortController.signal.aborted
-                        ? translations.canceledText
-                        : error
-                            ? translations.errorText
-                            : !isProcessing
-                                ? translations.successText
-                                : processingText !== null && processingText !== void 0 ? processingText : translations.processingText, size: react_core_1.ProgressSize.lg, variant: error || isCanceled
-                        ? react_core_1.ProgressVariant.danger
-                        : progress === items.length
-                            ? react_core_1.ProgressVariant.success
-                            : undefined }) }))] })));
-}
-/**
- * useBulkActionDialog - react hook to open a BulkActionDialog
- *
- * @example
- * const openBulkActionDialog = useBulkActionDialog()
- * openBulkActionDialog(...) // Pass BulkActionDialogProps
- */
-function useBulkActionDialog() {
-    var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
-    var _b = __read((0, react_1.useState)(), 2), props = _b[0], setProps = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (props) {
-            var onCloseHandler = function () {
-                var _a;
-                setProps(undefined);
-                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-            };
-            setDialog((0, jsx_runtime_1.jsx)(BulkActionDialog, __assign({}, props, { onClose: onCloseHandler })));
-        }
-        else {
-            setDialog(undefined);
-        }
-    }, [props, setDialog]);
-    return setProps;
-}
-exports.useBulkActionDialog = useBulkActionDialog;

package/cjs/BulkConfirmationDialog.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-import { BulkActionDialogProps } from './BulkActionDialog';
-import { ITableColumn } from './PageTable/PageTable';
-export interface BulkConfirmationDialog<T extends object> {
-    /** The title of the model.
-     * @link https://www.patternfly.org/v4/components/modal/design-guidelines#confirmation-dialogs
-     */
-    title: string;
-    /** The prompt/description that shows up under the confirmation title. */
-    prompt?: string;
-    /** Alert prompts that shows up under the confirmation title. */
-    alertPrompts?: string[];
-    /** The items to confirm for the bulk action. */
-    items: T[];
-    /** A function that determines that whether an action cannot be performed on a selected item
-     * (so that this item can be identified in the confirmation dialog) and returns a tooltip
-     * that can be displayed with the non-actionable row */
-    isItemNonActionable?: (item: T) => string | undefined;
-    /** A function that gets a unique key for each item. */
-    keyFn: (item: T) => string | number;
-    /** The columns to display for confirmation. */
-    confirmationColumns: ITableColumn<T>[];
-    /** Callback called when the user confirms. */
-    onConfirm: () => void;
-    /** Callback called when the dialog closes. */
-    onClose?: () => void;
-    /** The prompt to show for the user to confirm the bulk action. */
-    confirmText: string;
-    /** The button text to perform the action. */
-    actionButtonText: string;
-    /** Indicates if this is a destructive operation */
-    isDanger?: boolean;
-}
-declare function BulkConfirmationDialog<T extends object>(props: BulkConfirmationDialog<T>): JSX.Element;
-export declare function useBulkConfirmation<T extends object>(): (options: Omit<BulkConfirmationDialog<T>, 'onConfirm' | 'onClose'> & Omit<BulkActionDialogProps<T>, 'onClose'>) => void;
-export {};

package/cjs/BulkConfirmationDialog.js

@@ -1,135 +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 __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.useBulkConfirmation = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_icons_1 = require("@patternfly/react-icons");
-var react_1 = require("react");
-var BulkActionDialog_1 = require("./BulkActionDialog");
-var PageDialog_1 = require("./PageDialog");
-var PageTable_1 = require("./PageTable/PageTable");
-var useTableItems_1 = require("./PageTable/useTableItems");
-var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
-var compare_1 = require("./utils/compare");
-function BulkConfirmationDialog(props) {
-    var title = props.title, items = props.items, keyFn = props.keyFn, prompt = props.prompt, alertPrompts = props.alertPrompts, confirmationColumns = props.confirmationColumns, isItemNonActionable = props.isItemNonActionable, onConfirm = props.onConfirm, onClose = props.onClose, confirmText = props.confirmText, actionButtonText = props.actionButtonText, isDanger = props.isDanger;
-    var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
-    var _b = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _b[0];
-    var onCloseClicked = (0, react_1.useCallback)(function () {
-        setDialog(undefined);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    }, [onClose, setDialog]);
-    // Non-actionable rows appear first
-    var sortedItems = (0, react_1.useMemo)(function () {
-        if (isItemNonActionable && items.some(isItemNonActionable)) {
-            return items.sort(function (l, r) { return (0, compare_1.compareStrings)(isItemNonActionable(l), isItemNonActionable(r)); });
-        }
-        return items;
-    }, [items, isItemNonActionable]);
-    var _c = (0, useTableItems_1.usePaged)(sortedItems), paged = _c.paged, page = _c.page, perPage = _c.perPage, setPage = _c.setPage, setPerPage = _c.setPerPage;
-    var _d = __read((0, react_1.useState)(!confirmText), 2), confirmed = _d[0], setConfirmed = _d[1];
-    /**
-     * If there are non-actionable rows, the first column will contain exclamation icons
-     * to identify the non-actionable rows.
-     */
-    var columnsForConfirmation = (0, react_1.useMemo)(function () {
-        if (isItemNonActionable && items.some(isItemNonActionable)) {
-            return __spreadArray([
-                {
-                    header: '',
-                    cell: function (item) {
-                        return isItemNonActionable(item) ? ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: isItemNonActionable(item), trigger: isItemNonActionable(item) ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, __assign({ status: "warning" }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ExclamationTriangleIcon, {}) })) }))) : null;
-                    },
-                }
-            ], __read(confirmationColumns), false);
-        }
-        return confirmationColumns;
-    }, [confirmationColumns, isItemNonActionable, items]);
-    var actionableItems = (0, react_1.useMemo)(function () {
-        if (isItemNonActionable) {
-            return items.filter(function (item) { return !isItemNonActionable(item); });
-        }
-        return items;
-    }, [isItemNonActionable, items]);
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Modal, __assign({ titleIconVariant: isDanger ? 'warning' : undefined, title: title, "aria-label": title, description: prompt, variant: react_core_1.ModalVariant.medium, isOpen: true, onClose: onCloseClicked, actions: [
-            (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: isDanger ? 'danger' : 'primary', onClick: function () {
-                    onCloseClicked();
-                    onConfirm();
-                }, isAriaDisabled: !confirmed }, { children: actionButtonText }), "submit"),
-            (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "link", onClick: onClose }, { children: translations.cancelText }), "cancel"),
-        ], hasNoBodyWrapper: true }, { children: items.length > 0 && ((0, jsx_runtime_1.jsxs)(react_core_1.ModalBoxBody, __assign({ style: { paddingLeft: 0, paddingRight: 0 } }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        maxHeight: 560,
-                        overflow: 'hidden',
-                        borderTop: 'thin solid var(--pf-global--BorderColor--100)',
-                    } }, { children: [alertPrompts &&
-                            alertPrompts.length > 0 &&
-                            alertPrompts.map(function (alertPrompt, i) { return ((0, jsx_runtime_1.jsx)(react_core_1.Alert, { isInline: true, title: alertPrompt, variant: "warning" }, i)); }), (0, jsx_runtime_1.jsx)(PageTable_1.PageTable, { pageItems: paged, itemCount: items.length, tableColumns: columnsForConfirmation, keyFn: keyFn, page: page, perPage: perPage, setPage: setPage, setPerPage: setPerPage, compact: true, errorStateTitle: "Error", emptyStateTitle: "No items", autoHidePagination: true, disableBodyPadding: true }, "items")] })), confirmText && actionableItems.length > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { marginLeft: 32, height: 64, display: 'flex', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Checkbox, { id: "confirm", label: confirmText, isChecked: confirmed, onChange: setConfirmed }) })))] }))) })));
-}
-function useBulkConfirmationDialog() {
-    var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
-    var _b = __read((0, react_1.useState)(), 2), props = _b[0], setProps = _b[1];
-    (0, react_1.useEffect)(function () {
-        if (props) {
-            var onCloseHandler = function () {
-                var _a;
-                setProps(undefined);
-                (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
-            };
-            setDialog((0, jsx_runtime_1.jsx)(BulkConfirmationDialog, __assign({}, props, { onClose: onCloseHandler })));
-        }
-        else {
-            setDialog(undefined);
-        }
-    }, [props, setDialog]);
-    return setProps;
-}
-function useBulkConfirmation() {
-    var bulkConfirmationDialog = useBulkConfirmationDialog();
-    var bulkActionDialog = (0, BulkActionDialog_1.useBulkActionDialog)();
-    return (0, react_1.useCallback)(function (options) {
-        var bulkActionOptions = Object.assign({}, options);
-        if (options.isItemNonActionable && options.isItemNonActionable !== undefined) {
-            bulkActionOptions.items = options.items.filter(function (item) { return options.isItemNonActionable !== undefined && !options.isItemNonActionable(item); });
-        }
-        return bulkConfirmationDialog(__assign(__assign({}, options), { onConfirm: function () { return bulkActionDialog(bulkActionOptions); } }));
-    }, [bulkActionDialog, bulkConfirmationDialog]);
-}
-exports.useBulkConfirmation = useBulkConfirmation;

package/cjs/PageActions/PageAction.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/PageActions/PageActionType.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageActionType = void 0;
-var PageActionType;
-(function (PageActionType) {
-    PageActionType["seperator"] = "seperator";
-    PageActionType["button"] = "button";
-    PageActionType["single"] = "single";
-    PageActionType["singleLink"] = "singleLink";
-    PageActionType["bulk"] = "bulk";
-    PageActionType["dropdown"] = "dropdown";
-})(PageActionType = exports.PageActionType || (exports.PageActionType = {}));

package/cjs/PageActions/PageActions.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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHiddenAction = exports.PageActions = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_core_1 = require("@patternfly/react-core");
-var react_1 = require("react");
-var useBreakPoint_1 = require("../components/useBreakPoint");
-var PageActionType_1 = require("./PageActionType");
-var PageDropdownAction_1 = require("./PageDropdownAction");
-var PagePinnedActions_1 = require("./PagePinnedActions");
-/**
- * Page actions represent actions used in table rows, toolbars, and page headers.
- * The PageActions component controls the collapsing of the actions at given breakpoints.
- */
-function PageActions(props) {
-    var _a;
-    var actions = props.actions, selectedItem = props.selectedItem, selectedItems = props.selectedItems, iconOnly = props.iconOnly;
-    var collapseBreakpoint = (0, useBreakPoint_1.useBreakpoint)(props.collapse !== 'never' && props.collapse !== 'always' ? (_a = props.collapse) !== null && _a !== void 0 ? _a : 'lg' : 'lg');
-    var collapseButtons = props.collapse !== 'never' && (props.collapse === 'always' || !collapseBreakpoint);
-    /** Actions that are visible */
-    var visibleActions = (0, react_1.useMemo)(function () { return actions.filter(function (action) { return !isHiddenAction(action, selectedItem); }); }, [actions, selectedItem]);
-    /** Actions that show up outside the dropdown */
-    var pinnedActions = (0, react_1.useMemo)(function () {
-        if (collapseButtons)
-            return [];
-        return visibleActions === null || visibleActions === void 0 ? void 0 : visibleActions.filter(isPinnedAction);
-    }, [collapseButtons, visibleActions]);
-    /** Actions that are not pinned and show up inside the dropdown */
-    var dropdownActions = (0, react_1.useMemo)(function () {
-        var _a;
-        if (collapseButtons)
-            return visibleActions;
-        return (_a = visibleActions === null || visibleActions === void 0 ? void 0 : visibleActions.filter(function (action) { return !isPinnedAction(action); })) !== null && _a !== void 0 ? _a : [];
-    }, [collapseButtons, visibleActions]);
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: (!iconOnly && selectedItem !== undefined) || (selectedItems && selectedItems.length > 0) }, { children: [pinnedActions !== undefined && pinnedActions.length > 0 && ((0, jsx_runtime_1.jsx)(PagePinnedActions_1.PagePinnedActions, __assign({}, props, { actions: pinnedActions }))), dropdownActions.length > 0 && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ isFilled: true, style: { display: 'flex', justifyContent: 'flex-end' } }, { children: (0, jsx_runtime_1.jsx)(PageDropdownAction_1.PageDropdownAction, __assign({}, props, { actions: dropdownActions, onOpen: props.onOpen })) })))] })));
-}
-exports.PageActions = PageActions;
-function isPinnedAction(action) {
-    var actionVariants = [
-        react_core_1.ButtonVariant.primary,
-        react_core_1.ButtonVariant.secondary,
-        react_core_1.ButtonVariant.danger,
-    ];
-    return action.type !== PageActionType_1.PageActionType.seperator && actionVariants.includes(action.variant);
-}
-function isHiddenAction(action, selectedItem) {
-    switch (action.type) {
-        case PageActionType_1.PageActionType.single:
-        case PageActionType_1.PageActionType.singleLink:
-        case PageActionType_1.PageActionType.dropdown:
-            return action.isHidden !== undefined && selectedItem ? action.isHidden(selectedItem) : false;
-        case PageActionType_1.PageActionType.bulk:
-        case PageActionType_1.PageActionType.seperator:
-        case PageActionType_1.PageActionType.button:
-            return false;
-    }
-}
-exports.isHiddenAction = isHiddenAction;