@ansible/ansible-ui-framework 0.0.580 → 0.0.582
Sign up to get free protection for your applications and to get access to all the features.
package/cjs/BulkActionDialog.js
CHANGED
@@ -260,7 +260,7 @@ function BulkActionDialog(props) {
|
|
260
260
|
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]] })));
|
261
261
|
},
|
262
262
|
},
|
263
|
-
], false), keyFn: keyFn, page: page, perPage: perPage, setPage: setPage, setPerPage: setPerPage, compact: true, errorStateTitle: "", emptyStateTitle: "No items", autoHidePagination: 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
|
263
|
+
], 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
|
264
264
|
? translations.canceledText
|
265
265
|
: error
|
266
266
|
? translations.errorText
|
@@ -101,7 +101,7 @@ function BulkConfirmationDialog(props) {
|
|
101
101
|
borderTop: 'thin solid var(--pf-global--BorderColor--100)',
|
102
102
|
} }, { children: [alertPrompts &&
|
103
103
|
alertPrompts.length > 0 &&
|
104
|
-
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 }, "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 }) })))] }))) })));
|
104
|
+
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 }) })))] }))) })));
|
105
105
|
}
|
106
106
|
function useBulkConfirmationDialog() {
|
107
107
|
var _a = __read((0, PageDialog_1.usePageDialog)(), 2), _ = _a[0], setDialog = _a[1];
|
@@ -69,7 +69,6 @@ var PageToolbar_1 = require("./PageToolbar");
|
|
69
69
|
*/
|
70
70
|
function PageTable(props) {
|
71
71
|
var _a, _b;
|
72
|
-
// const { disableBodyPadding } = props
|
73
72
|
var toolbarActions = props.toolbarActions, filters = props.filters, error = props.error, itemCount = props.itemCount;
|
74
73
|
var _c = (0, PageColumnModal_1.useColumnModal)(props.tableColumns), openColumnModal = _c.openColumnModal, columnModal = _c.columnModal, managedColumns = _c.managedColumns;
|
75
74
|
var showSelect = props.showSelect ||
|
@@ -187,7 +187,12 @@ function ToolbarTextFilter(props) {
|
|
187
187
|
var _a = __read((0, react_1.useState)(''), 2), value = _a[0], setValue = _a[1];
|
188
188
|
return ((0, jsx_runtime_1.jsxs)(react_core_1.InputGroup, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.TextInputGroup, __assign({ style: { minWidth: 220 } }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.TextInputGroupMain, { id: props.id,
|
189
189
|
// ref={ref}
|
190
|
-
value: value, onChange: function (
|
190
|
+
value: value, onChange: function (e, v) {
|
191
|
+
if (typeof e === 'string')
|
192
|
+
setValue(e);
|
193
|
+
else
|
194
|
+
setValue(v);
|
195
|
+
}, onKeyUp: function (event) {
|
191
196
|
if (value && event.key === 'Enter') {
|
192
197
|
props.addFilter(value);
|
193
198
|
setValue('');
|