@ansible/ansible-ui-framework 0.0.613 → 0.0.615
Sign up to get free protection for your applications and to get access to all the features.
- package/framework/BulkActionDialog.d.ts +14 -0
- package/framework/BulkConfirmationDialog.d.ts +20 -0
- package/{cjs → framework}/PageActions/PageActions.d.ts +0 -13
- package/{cjs → framework}/PageActions/PageButtonAction.d.ts +0 -1
- package/{cjs → framework}/PageActions/PagePinnedActions.d.ts +0 -4
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupSelectOption.d.ts +0 -5
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/FormGroupTypeAheadMultiSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCheckbox.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormCreatableSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormFileUpload.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormGroup.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelect.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormSelectOption.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextArea.d.ts +0 -1
- package/{cjs → framework}/PageForm/Inputs/PageFormTextInput.d.ts +0 -1
- package/{cjs → framework}/PageForm/PageFormSchema.d.ts +0 -2
- package/framework/PageFramework.d.ts +6 -0
- package/framework/PageHeader.d.ts +22 -0
- package/framework/PageLayout.d.ts +4 -0
- package/{cjs → framework}/PageTable/PageTable.d.ts +0 -15
- package/{cjs → framework}/components/useBreakPoint.d.ts +0 -1
- package/{cjs → framework}/index.d.ts +1 -0
- package/{cjs → framework}/utils/compare.d.ts +3 -3
- package/index.js +16475 -0
- package/index.umd.cjs +165 -0
- package/package.json +16 -15
- package/style.css +1 -0
- package/cjs/BulkActionDialog.d.ts +0 -34
- package/cjs/BulkActionDialog.js +0 -300
- package/cjs/BulkConfirmationDialog.d.ts +0 -36
- package/cjs/BulkConfirmationDialog.js +0 -135
- package/cjs/PageActions/PageAction.js +0 -2
- package/cjs/PageActions/PageActionType.js +0 -12
- package/cjs/PageActions/PageActions.js +0 -69
- package/cjs/PageActions/PageBulkAction.js +0 -35
- package/cjs/PageActions/PageButtonAction.js +0 -41
- package/cjs/PageActions/PageDropdownAction.js +0 -132
- package/cjs/PageActions/PagePinnedActions.js +0 -55
- package/cjs/PageActions/PageSingleAction.js +0 -38
- package/cjs/PageAlertToaster.js +0 -102
- package/cjs/PageAlerts.js +0 -98
- package/cjs/PageBody.js +0 -52
- package/cjs/PageCells/BytesCell.js +0 -16
- package/cjs/PageCells/CapacityCell.js +0 -67
- package/cjs/PageCells/CopyCell.js +0 -25
- package/cjs/PageCells/DateTimeCell.js +0 -66
- package/cjs/PageCells/ElapsedTimeCell.js +0 -48
- package/cjs/PageCells/LabelsCell.js +0 -20
- package/cjs/PageCells/TextCell.js +0 -39
- package/cjs/PageColumnModal.js +0 -131
- package/cjs/PageDashboard/PageChartContainer.js +0 -69
- package/cjs/PageDashboard/PageDashboardCard.js +0 -22
- package/cjs/PageDashboard/PageDashboardChart.js +0 -54
- package/cjs/PageDashboard/PageDonutChart.js +0 -53
- package/cjs/PageDashboard/PageScatterChart.js +0 -5564
- package/cjs/PageDetails/PageDetail.js +0 -28
- package/cjs/PageDetails/PageDetails.js +0 -41
- package/cjs/PageDetails/PageDetailsFromColumns.js +0 -27
- package/cjs/PageDialog.js +0 -28
- package/cjs/PageForm/Inputs/FormGroupSelect.js +0 -60
- package/cjs/PageForm/Inputs/FormGroupSelectOption.js +0 -61
- package/cjs/PageForm/Inputs/FormGroupTextArea.js +0 -53
- package/cjs/PageForm/Inputs/FormGroupTextInput.js +0 -58
- package/cjs/PageForm/Inputs/FormGroupTypeAheadMultiSelect.js +0 -67
- package/cjs/PageForm/Inputs/PageFormCheckbox.js +0 -39
- package/cjs/PageForm/Inputs/PageFormCodeEditor.js +0 -154
- package/cjs/PageForm/Inputs/PageFormCreatableSelect.js +0 -82
- package/cjs/PageForm/Inputs/PageFormFileUpload.js +0 -72
- package/cjs/PageForm/Inputs/PageFormGroup.js +0 -24
- package/cjs/PageForm/Inputs/PageFormMultiInput.js +0 -102
- package/cjs/PageForm/Inputs/PageFormSelect.js +0 -26
- package/cjs/PageForm/Inputs/PageFormSelectOption.js +0 -42
- package/cjs/PageForm/Inputs/PageFormSlider.js +0 -36
- package/cjs/PageForm/Inputs/PageFormSwitch.js +0 -38
- package/cjs/PageForm/Inputs/PageFormTextArea.js +0 -50
- package/cjs/PageForm/Inputs/PageFormTextInput.js +0 -72
- package/cjs/PageForm/Inputs/PageFormTextSelect.js +0 -40
- package/cjs/PageForm/PageForm.js +0 -146
- package/cjs/PageForm/PageFormAlerts.js +0 -32
- package/cjs/PageForm/PageFormButtons.js +0 -28
- package/cjs/PageForm/PageFormInputPopover.js +0 -2
- package/cjs/PageForm/PageFormSchema.js +0 -138
- package/cjs/PageForm/Utils/PageFormHidden.js +0 -13
- package/cjs/PageForm/Utils/PageFormSection.js +0 -20
- package/cjs/PageForm/Utils/PageFormWatch.js +0 -10
- package/cjs/PageFramework.css +0 -27
- package/cjs/PageFramework.d.ts +0 -12
- package/cjs/PageFramework.js +0 -31
- package/cjs/PageHeader.d.ts +0 -45
- package/cjs/PageHeader.js +0 -111
- package/cjs/PageLayout.d.ts +0 -17
- package/cjs/PageLayout.js +0 -60
- package/cjs/PageTable/PagePagination.js +0 -28
- package/cjs/PageTable/PageTable.js +0 -266
- package/cjs/PageTable/PageTableCard.js +0 -161
- package/cjs/PageTable/PageTableCards.js +0 -38
- package/cjs/PageTable/PageTableList.js +0 -153
- package/cjs/PageTable/PageTableViewType.js +0 -9
- package/cjs/PageTable/PageToolbar.css +0 -7
- package/cjs/PageTable/PageToolbar.js +0 -228
- package/cjs/PageTable/useTableItems.js +0 -507
- package/cjs/PageTabs.js +0 -86
- package/cjs/Settings.js +0 -125
- package/cjs/components/BulkSelector.js +0 -91
- package/cjs/components/Collapse.css +0 -12
- package/cjs/components/Collapse.js +0 -23
- package/cjs/components/DetailInfo.js +0 -21
- package/cjs/components/Dotted.js +0 -19
- package/cjs/components/DropdownControlled.js +0 -28
- package/cjs/components/EmptyStateCustom.js +0 -21
- package/cjs/components/EmptyStateFilter.js +0 -26
- package/cjs/components/EmptyStateNoData.js +0 -11
- package/cjs/components/EmptyStateUnauthorized.js +0 -13
- package/cjs/components/ErrorBoundary.js +0 -45
- package/cjs/components/Help.js +0 -24
- package/cjs/components/IconWrapper.js +0 -53
- package/cjs/components/LoadingPage.js +0 -25
- package/cjs/components/LoadingState.js +0 -20
- package/cjs/components/Masonry.js +0 -113
- package/cjs/components/PageGrid.js +0 -61
- package/cjs/components/Scrollable.js +0 -87
- package/cjs/components/StandardPopover.js +0 -64
- package/cjs/components/icons/RunningIcon.js +0 -36
- package/cjs/components/pfcolors.js +0 -54
- package/cjs/components/useBreakPoint.js +0 -145
- package/cjs/components/useIsMounted.js +0 -28
- package/cjs/components/useOpen.js +0 -36
- package/cjs/components/usePageNavigate.js +0 -37
- package/cjs/components/useSearchParams.js +0 -20
- package/cjs/components/useWindowLocation.js +0 -49
- package/cjs/index.js +0 -67
- package/cjs/useFrameworkTranslations.js +0 -52
- package/cjs/useInMemoryView.js +0 -102
- package/cjs/useSelectDialog.js +0 -96
- package/cjs/useSelectMultipleDialog.js +0 -62
- package/cjs/useView.js +0 -155
- package/cjs/utils/capitalize.js +0 -7
- package/cjs/utils/compare.js +0 -59
- package/cjs/utils/download-file.js +0 -23
- package/cjs/utils/formatDateString.js +0 -11
- package/cjs/utils/random-string.js +0 -17
- /package/{cjs → framework}/PageActions/PageAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageActionType.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageBulkAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageDropdownAction.d.ts +0 -0
- /package/{cjs → framework}/PageActions/PageSingleAction.d.ts +0 -0
- /package/{cjs → framework}/PageAlertToaster.d.ts +0 -0
- /package/{cjs → framework}/PageAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageBody.d.ts +0 -0
- /package/{cjs → framework}/PageCells/BytesCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CapacityCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/CopyCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/DateTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/ElapsedTimeCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/LabelsCell.d.ts +0 -0
- /package/{cjs → framework}/PageCells/TextCell.d.ts +0 -0
- /package/{cjs → framework}/PageColumnModal.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageChartContainer.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardCard.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDashboardChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageDonutChart.d.ts +0 -0
- /package/{cjs → framework}/PageDashboard/PageScatterChart.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetail.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetails.d.ts +0 -0
- /package/{cjs → framework}/PageDetails/PageDetailsFromColumns.d.ts +0 -0
- /package/{cjs → framework}/PageDialog.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormCodeEditor.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormMultiInput.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSlider.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormSwitch.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Inputs/PageFormTextSelect.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageForm.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormAlerts.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormButtons.d.ts +0 -0
- /package/{cjs → framework}/PageForm/PageFormInputPopover.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormHidden.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormSection.d.ts +0 -0
- /package/{cjs → framework}/PageForm/Utils/PageFormWatch.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PagePagination.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCard.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableCards.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableList.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageTableViewType.d.ts +0 -0
- /package/{cjs → framework}/PageTable/PageToolbar.d.ts +0 -0
- /package/{cjs → framework}/PageTable/useTableItems.d.ts +0 -0
- /package/{cjs → framework}/PageTabs.d.ts +0 -0
- /package/{cjs → framework}/Settings.d.ts +0 -0
- /package/{cjs → framework}/components/BulkSelector.d.ts +0 -0
- /package/{cjs → framework}/components/Collapse.d.ts +0 -0
- /package/{cjs → framework}/components/DetailInfo.d.ts +0 -0
- /package/{cjs → framework}/components/Dotted.d.ts +0 -0
- /package/{cjs → framework}/components/DropdownControlled.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateCustom.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateFilter.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateNoData.d.ts +0 -0
- /package/{cjs → framework}/components/EmptyStateUnauthorized.d.ts +0 -0
- /package/{cjs → framework}/components/ErrorBoundary.d.ts +0 -0
- /package/{cjs → framework}/components/Help.d.ts +0 -0
- /package/{cjs → framework}/components/IconWrapper.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingPage.d.ts +0 -0
- /package/{cjs → framework}/components/LoadingState.d.ts +0 -0
- /package/{cjs → framework}/components/Masonry.d.ts +0 -0
- /package/{cjs → framework}/components/PageGrid.d.ts +0 -0
- /package/{cjs → framework}/components/Scrollable.d.ts +0 -0
- /package/{cjs → framework}/components/StandardPopover.d.ts +0 -0
- /package/{cjs → framework}/components/icons/RunningIcon.d.ts +0 -0
- /package/{cjs → framework}/components/pfcolors.d.ts +0 -0
- /package/{cjs → framework}/components/useIsMounted.d.ts +0 -0
- /package/{cjs → framework}/components/useOpen.d.ts +0 -0
- /package/{cjs → framework}/components/usePageNavigate.d.ts +0 -0
- /package/{cjs → framework}/components/useSearchParams.d.ts +0 -0
- /package/{cjs → framework}/components/useWindowLocation.d.ts +0 -0
- /package/{cjs → framework}/useFrameworkTranslations.d.ts +0 -0
- /package/{cjs → framework}/useInMemoryView.d.ts +0 -0
- /package/{cjs → framework}/useSelectDialog.d.ts +0 -0
- /package/{cjs → framework}/useSelectMultipleDialog.d.ts +0 -0
- /package/{cjs → framework}/useView.d.ts +0 -0
- /package/{cjs → framework}/utils/capitalize.d.ts +0 -0
- /package/{cjs → framework}/utils/download-file.d.ts +0 -0
- /package/{cjs → framework}/utils/formatDateString.d.ts +0 -0
- /package/{cjs → framework}/utils/random-string.d.ts +0 -0
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.PageBulkAction = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_1 = require("react");
|
18
|
-
function PageBulkAction(props) {
|
19
|
-
var _a;
|
20
|
-
var action = props.action, selectedItems = props.selectedItems, wrapper = props.wrapper;
|
21
|
-
var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
|
22
|
-
var Icon = action.icon;
|
23
|
-
var tooltip = action.tooltip;
|
24
|
-
var isDisabled = false;
|
25
|
-
var variant = (_a = action.variant) !== null && _a !== void 0 ? _a : react_core_1.ButtonVariant.secondary;
|
26
|
-
if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
|
27
|
-
variant = react_core_1.ButtonVariant.danger;
|
28
|
-
}
|
29
|
-
if (!selectedItems || !selectedItems.length) {
|
30
|
-
tooltip = 'No selections';
|
31
|
-
isDisabled = true;
|
32
|
-
}
|
33
|
-
return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: variant, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: isDisabled, onClick: function () { return action.onClick(selectedItems !== null && selectedItems !== void 0 ? selectedItems : []); }, isDanger: action.isDanger }, { children: action.shortLabel ? action.shortLabel : action.label })) })) }));
|
34
|
-
}
|
35
|
-
exports.PageBulkAction = PageBulkAction;
|
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.PageButtonAction = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_1 = require("react");
|
18
|
-
var react_router_dom_1 = require("react-router-dom");
|
19
|
-
function PageButtonAction(props) {
|
20
|
-
var _a, _b;
|
21
|
-
var action = props.action, isSecondary = props.isSecondary, wrapper = props.wrapper;
|
22
|
-
var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
|
23
|
-
var Icon = action.icon;
|
24
|
-
var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
|
25
|
-
var isDisabled = action.isDisabled !== undefined ? action.isDisabled : false;
|
26
|
-
tooltip = isDisabled ? isDisabled : tooltip;
|
27
|
-
var variant = (_b = action.variant) !== null && _b !== void 0 ? _b : react_core_1.ButtonVariant.secondary;
|
28
|
-
if (isSecondary && [react_core_1.ButtonVariant.primary, react_core_1.ButtonVariant.danger].includes(variant)) {
|
29
|
-
variant = react_core_1.ButtonVariant.secondary;
|
30
|
-
}
|
31
|
-
if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
|
32
|
-
variant = react_core_1.ButtonVariant.danger;
|
33
|
-
}
|
34
|
-
if (props.iconOnly) {
|
35
|
-
variant = react_core_1.ButtonVariant.plain;
|
36
|
-
}
|
37
|
-
var id = props.action.label.toLowerCase().split(' ').join('-');
|
38
|
-
var content = props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label;
|
39
|
-
return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ id: id, variant: variant, isDanger: action.isDanger, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: Boolean(isDisabled), onClick: action.onClick ? action.onClick : undefined, component: action.href ? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); } : undefined }, { children: content })) })) }));
|
40
|
-
}
|
41
|
-
exports.PageButtonAction = PageButtonAction;
|
@@ -1,132 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
30
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
31
|
-
if (ar || !(i in from)) {
|
32
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
33
|
-
ar[i] = from[i];
|
34
|
-
}
|
35
|
-
}
|
36
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
37
|
-
};
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
39
|
-
exports.filterActionSeperators = exports.PageDropdownAction = void 0;
|
40
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
41
|
-
var react_core_1 = require("@patternfly/react-core");
|
42
|
-
var react_icons_1 = require("@patternfly/react-icons");
|
43
|
-
var react_1 = require("react");
|
44
|
-
var react_router_dom_1 = require("react-router-dom");
|
45
|
-
var PageActions_1 = require("./PageActions");
|
46
|
-
var PageActionType_1 = require("./PageActionType");
|
47
|
-
function PageDropdownAction(props) {
|
48
|
-
var label = props.label, icon = props.icon, selectedItems = props.selectedItems, selectedItem = props.selectedItem, iconOnly = props.iconOnly, isDisabled = props.isDisabled, tooltip = props.tooltip, variant = props.variant;
|
49
|
-
var actions = props.actions;
|
50
|
-
actions = actions.filter(function (action) { return !(0, PageActions_1.isHiddenAction)(action, selectedItem); });
|
51
|
-
actions = filterActionSeperators(actions);
|
52
|
-
var _a = __read((0, react_1.useState)(false), 2), dropdownOpen = _a[0], setDropdownOpen = _a[1];
|
53
|
-
var hasBulkActions = (0, react_1.useMemo)(function () { return !actions.every(function (action) { return action.type !== PageActionType_1.PageActionType.bulk; }); }, [actions]);
|
54
|
-
var hasIcons = (0, react_1.useMemo)(function () {
|
55
|
-
return actions.find(function (action) { return action.type !== PageActionType_1.PageActionType.seperator && action.icon !== undefined; }) !== undefined;
|
56
|
-
}, [actions]);
|
57
|
-
(0, react_1.useEffect)(function () {
|
58
|
-
var _a;
|
59
|
-
(_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, dropdownOpen);
|
60
|
-
}, [dropdownOpen, props]);
|
61
|
-
if (actions.length === 0)
|
62
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
63
|
-
var Icon = icon;
|
64
|
-
var toggleIcon = Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : label;
|
65
|
-
var isPrimary = variant === react_core_1.ButtonVariant.primary || (hasBulkActions && !!(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length));
|
66
|
-
/** Turn primary button to secondary if there are items selected */
|
67
|
-
var isSecondary = variant === react_core_1.ButtonVariant.primary && !hasBulkActions && !!(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length);
|
68
|
-
var Toggle = label || Icon ? ((0, jsx_runtime_1.jsx)(react_core_1.DropdownToggle, __assign({ id: "toggle-dropdown", isDisabled: isDisabled, onToggle: function () { return setDropdownOpen(!dropdownOpen); }, toggleVariant: isSecondary ? 'secondary' : isPrimary ? 'primary' : undefined, toggleIndicator: Icon && iconOnly ? null : undefined, style: isPrimary && !label ? { color: 'var(--pf-global--Color--light-100)' } : {}, icon: Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : undefined }, { children: iconOnly ? undefined : label }))) : ((0, jsx_runtime_1.jsx)(react_core_1.KebabToggle, __assign({ id: "toggle-kebab", isDisabled: isDisabled, onToggle: function () { return setDropdownOpen(!dropdownOpen); }, toggleVariant: isPrimary ? 'primary' : undefined, style: isPrimary && !label ? { color: 'var(--pf-global--Color--light-100)' } : {} }, { children: toggleIcon })));
|
69
|
-
var dropdown = ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, { onSelect: function () { return setDropdownOpen(false); }, toggle: Toggle, isOpen: dropdownOpen, isPlain: !label || iconOnly, dropdownItems: actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(PageDropdownActionItem, { action: action, selectedItems: selectedItems !== null && selectedItems !== void 0 ? selectedItems : [], selectedItem: selectedItem, hasIcons: hasIcons, index: index }, 'label' in action ? action.label : "action-".concat(index))); }), position: props.position, style: { zIndex: dropdownOpen ? 201 : undefined } }));
|
70
|
-
return tooltip && (iconOnly || isDisabled) ? ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: dropdown }))) : (__assign({}, dropdown));
|
71
|
-
}
|
72
|
-
exports.PageDropdownAction = PageDropdownAction;
|
73
|
-
function PageDropdownActionItem(props) {
|
74
|
-
var action = props.action, selectedItems = props.selectedItems, selectedItem = props.selectedItem, hasIcons = props.hasIcons, index = props.index;
|
75
|
-
switch (action.type) {
|
76
|
-
case PageActionType_1.PageActionType.single:
|
77
|
-
case PageActionType_1.PageActionType.singleLink: {
|
78
|
-
var Icon = action.icon;
|
79
|
-
if (!Icon && hasIcons)
|
80
|
-
Icon = TransparentIcon;
|
81
|
-
var tooltip = action.tooltip;
|
82
|
-
var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : false;
|
83
|
-
tooltip = isDisabled ? isDisabled : tooltip;
|
84
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: (action.href
|
85
|
-
? function (props) { return ((0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: selectedItem ? action.href(selectedItem) : '' }))); }
|
86
|
-
: undefined), isAriaDisabled: Boolean(isDisabled), icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
|
87
|
-
color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
|
88
|
-
} }, { children: action.label })) }), action.label));
|
89
|
-
}
|
90
|
-
case PageActionType_1.PageActionType.button:
|
91
|
-
case PageActionType_1.PageActionType.bulk: {
|
92
|
-
var Icon = action.icon;
|
93
|
-
if (!Icon && hasIcons)
|
94
|
-
Icon = TransparentIcon;
|
95
|
-
var tooltip = action.tooltip;
|
96
|
-
var isDisabled = false;
|
97
|
-
if (action.type === PageActionType_1.PageActionType.bulk && !selectedItems.length) {
|
98
|
-
tooltip = 'No selections';
|
99
|
-
isDisabled = true;
|
100
|
-
}
|
101
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.DropdownItem, __assign({ onClick: action.onClick ? function () { return action.onClick(selectedItems); } : undefined, component: (!action.onClick
|
102
|
-
? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: action.href })); }
|
103
|
-
: undefined), isAriaDisabled: isDisabled, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, style: {
|
104
|
-
color: action.isDanger && !isDisabled ? 'var(--pf-global--danger-color--100)' : undefined,
|
105
|
-
} }, { children: action.label })) }), action.label));
|
106
|
-
}
|
107
|
-
case PageActionType_1.PageActionType.dropdown: {
|
108
|
-
var tooltip = action.label;
|
109
|
-
var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : '';
|
110
|
-
tooltip = isDisabled ? isDisabled : tooltip;
|
111
|
-
return ((0, jsx_runtime_1.jsx)(PageDropdownAction, { label: action.label, actions: action.options, selectedItem: selectedItem, isDisabled: Boolean(isDisabled), tooltip: tooltip, variant: action.variant }, action.label));
|
112
|
-
}
|
113
|
-
case PageActionType_1.PageActionType.seperator:
|
114
|
-
return (0, jsx_runtime_1.jsx)(react_core_1.DropdownSeparator, {}, "separator-".concat(index));
|
115
|
-
}
|
116
|
-
}
|
117
|
-
var TransparentIcon = function () { return (0, jsx_runtime_1.jsx)(react_icons_1.CircleIcon, { style: { opacity: 0 } }); };
|
118
|
-
function filterActionSeperators(actions) {
|
119
|
-
var filteredActions = __spreadArray([], __read(actions), false);
|
120
|
-
// Remove seperators at beginning of actions
|
121
|
-
while (filteredActions.length > 0 && filteredActions[0].type === PageActionType_1.PageActionType.seperator) {
|
122
|
-
filteredActions.shift();
|
123
|
-
}
|
124
|
-
// Remove seperators at end of actions
|
125
|
-
while (filteredActions.length > 0 &&
|
126
|
-
filteredActions[filteredActions.length - 1].type === PageActionType_1.PageActionType.seperator) {
|
127
|
-
filteredActions.pop();
|
128
|
-
}
|
129
|
-
// TODO remove two seperators in a row
|
130
|
-
return filteredActions;
|
131
|
-
}
|
132
|
-
exports.filterActionSeperators = filterActionSeperators;
|
@@ -1,55 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.PagePinnedAction = exports.PagePinnedActions = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var PageActionType_1 = require("./PageActionType");
|
18
|
-
var PageBulkAction_1 = require("./PageBulkAction");
|
19
|
-
var PageButtonAction_1 = require("./PageButtonAction");
|
20
|
-
var PageDropdownAction_1 = require("./PageDropdownAction");
|
21
|
-
var PageSingleAction_1 = require("./PageSingleAction");
|
22
|
-
function PagePinnedActions(props) {
|
23
|
-
var actions = props.actions, selectedItems = props.selectedItems, selectedItem = props.selectedItem, wrapper = props.wrapper, iconOnly = props.iconOnly;
|
24
|
-
if (actions.length === 0)
|
25
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
26
|
-
return ((0, jsx_runtime_1.jsx)(react_core_1.Split, __assign({ hasGutter: true }, { children: actions.map(function (action, index) { return ((0, jsx_runtime_1.jsx)(PagePinnedAction, { action: action, selectedItem: selectedItem, selectedItems: selectedItems, wrapper: wrapper, iconOnly: iconOnly }, index)); }) })));
|
27
|
-
}
|
28
|
-
exports.PagePinnedActions = PagePinnedActions;
|
29
|
-
function PagePinnedAction(props) {
|
30
|
-
var action = props.action, selectedItems = props.selectedItems, selectedItem = props.selectedItem, wrapper = props.wrapper;
|
31
|
-
switch (action.type) {
|
32
|
-
case PageActionType_1.PageActionType.seperator: {
|
33
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
34
|
-
}
|
35
|
-
case PageActionType_1.PageActionType.single:
|
36
|
-
case PageActionType_1.PageActionType.singleLink: {
|
37
|
-
return ((0, jsx_runtime_1.jsx)(PageSingleAction_1.PageSingleAction, { action: action, selectedItem: selectedItem, iconOnly: props.iconOnly, wrapper: wrapper }));
|
38
|
-
}
|
39
|
-
case PageActionType_1.PageActionType.bulk: {
|
40
|
-
return ((0, jsx_runtime_1.jsx)(PageBulkAction_1.PageBulkAction, { action: action, selectedItems: selectedItems,
|
41
|
-
// iconOnly={props.iconOnly}
|
42
|
-
wrapper: wrapper }));
|
43
|
-
}
|
44
|
-
case PageActionType_1.PageActionType.button: {
|
45
|
-
return ((0, jsx_runtime_1.jsx)(PageButtonAction_1.PageButtonAction, { action: action, isSecondary: selectedItems !== undefined && selectedItems.length !== 0, iconOnly: props.iconOnly, wrapper: wrapper }));
|
46
|
-
}
|
47
|
-
case PageActionType_1.PageActionType.dropdown: {
|
48
|
-
var tooltip = action.label;
|
49
|
-
var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : '';
|
50
|
-
tooltip = isDisabled ? isDisabled : tooltip;
|
51
|
-
return ((0, jsx_runtime_1.jsx)(PageDropdownAction_1.PageDropdownAction, { icon: action.icon, label: action.label, actions: action.options, selectedItem: selectedItem, selectedItems: selectedItems, iconOnly: props.iconOnly, position: react_core_1.DropdownPosition.right, isDisabled: Boolean(isDisabled), tooltip: props.iconOnly || isDisabled ? tooltip : undefined, variant: action.variant }));
|
52
|
-
}
|
53
|
-
}
|
54
|
-
}
|
55
|
-
exports.PagePinnedAction = PagePinnedAction;
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
14
|
-
exports.PageSingleAction = void 0;
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
16
|
-
var react_core_1 = require("@patternfly/react-core");
|
17
|
-
var react_1 = require("react");
|
18
|
-
var react_router_dom_1 = require("react-router-dom");
|
19
|
-
function PageSingleAction(props) {
|
20
|
-
var _a, _b;
|
21
|
-
var action = props.action, selectedItem = props.selectedItem, wrapper = props.wrapper;
|
22
|
-
var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
|
23
|
-
var Icon = action.icon;
|
24
|
-
var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
|
25
|
-
var isDisabled = action.isDisabled !== undefined && selectedItem ? action.isDisabled(selectedItem) : false;
|
26
|
-
tooltip = isDisabled ? isDisabled : tooltip;
|
27
|
-
var variant = (_b = action.variant) !== null && _b !== void 0 ? _b : react_core_1.ButtonVariant.secondary;
|
28
|
-
if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
|
29
|
-
variant = react_core_1.ButtonVariant.danger;
|
30
|
-
}
|
31
|
-
if (props.iconOnly) {
|
32
|
-
variant = react_core_1.ButtonVariant.plain;
|
33
|
-
}
|
34
|
-
return ((0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ id: props.action.label.toLowerCase().split(' ').join('-'), variant: variant, icon: Icon ? ((0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: -4, paddingRight: 4 } }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) }))) : undefined, isAriaDisabled: Boolean(isDisabled), onClick: action.onClick ? function () { return selectedItem && action.onClick(selectedItem); } : undefined, component: action.href
|
35
|
-
? function (props) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, __assign({}, props, { to: selectedItem && action.href(selectedItem) })); }
|
36
|
-
: undefined, isDanger: action.isDanger }, { children: props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label })) })) }));
|
37
|
-
}
|
38
|
-
exports.PageSingleAction = PageSingleAction;
|
package/cjs/PageAlertToaster.js
DELETED
@@ -1,102 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
30
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
31
|
-
if (ar || !(i in from)) {
|
32
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
33
|
-
ar[i] = from[i];
|
34
|
-
}
|
35
|
-
}
|
36
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
37
|
-
};
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
39
|
-
exports.PageAlertToasterProvider = exports.usePageAlertToaster = exports.PageAlertToasterContext = void 0;
|
40
|
-
var react_1 = require("react");
|
41
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
42
|
-
var react_core_1 = require("@patternfly/react-core");
|
43
|
-
var react_2 = require("react");
|
44
|
-
exports.PageAlertToasterContext = (0, react_2.createContext)({
|
45
|
-
addAlert: function () { return null; },
|
46
|
-
removeAlert: function () { return null; },
|
47
|
-
replaceAlert: function () { return null; },
|
48
|
-
removeAlerts: function () { return null; },
|
49
|
-
});
|
50
|
-
function usePageAlertToaster() {
|
51
|
-
return (0, react_2.useContext)(exports.PageAlertToasterContext);
|
52
|
-
}
|
53
|
-
exports.usePageAlertToaster = usePageAlertToaster;
|
54
|
-
function PageAlertToasterProvider(props) {
|
55
|
-
var _a = __read((0, react_2.useState)([]), 2), toasterAlerts = _a[0], setToasterAlerts = _a[1];
|
56
|
-
var _b = __read((0, react_2.useState)(function () {
|
57
|
-
function removeAlerts(filter) {
|
58
|
-
setToasterAlerts(function (alerts) { return (filter ? alerts.filter(filter) : []); });
|
59
|
-
}
|
60
|
-
function removeAlert(alert) {
|
61
|
-
setToasterAlerts(function (alerts) { return alerts.filter(function (a) { return a !== alert; }); });
|
62
|
-
}
|
63
|
-
function addAlert(alert) {
|
64
|
-
if (Number.isInteger(alert.timeout)) {
|
65
|
-
setTimeout(function () { return removeAlert(alert); }, alert.timeout);
|
66
|
-
delete alert.timeout;
|
67
|
-
}
|
68
|
-
setToasterAlerts(function (alerts) {
|
69
|
-
var alertIndex = alerts.findIndex(function (a) { return a === alert; });
|
70
|
-
if (alertIndex !== -1) {
|
71
|
-
var newAlerts = __spreadArray([], __read(alerts), false);
|
72
|
-
newAlerts[alertIndex] = alert;
|
73
|
-
return newAlerts;
|
74
|
-
}
|
75
|
-
else {
|
76
|
-
return __spreadArray(__spreadArray([], __read(alerts), false), [alert], false);
|
77
|
-
}
|
78
|
-
});
|
79
|
-
}
|
80
|
-
function replaceAlert(oldAlert, alert) {
|
81
|
-
setToasterAlerts(function (alerts) {
|
82
|
-
var oldAlertIndex = alerts.findIndex(function (a) { return a === oldAlert; });
|
83
|
-
if (oldAlertIndex !== -1) {
|
84
|
-
if (Number.isInteger(alert.timeout)) {
|
85
|
-
setTimeout(function () { return removeAlert(alert); }, alert.timeout);
|
86
|
-
delete alert.timeout;
|
87
|
-
}
|
88
|
-
var newAlerts = __spreadArray([], __read(alerts), false);
|
89
|
-
newAlerts[oldAlertIndex] = alert;
|
90
|
-
return newAlerts;
|
91
|
-
}
|
92
|
-
return alerts;
|
93
|
-
});
|
94
|
-
}
|
95
|
-
return { addAlert: addAlert, removeAlert: removeAlert, removeAlerts: removeAlerts, replaceAlert: replaceAlert };
|
96
|
-
}), 1), pageAlertToaster = _b[0];
|
97
|
-
return ((0, jsx_runtime_1.jsxs)(exports.PageAlertToasterContext.Provider, __assign({ value: pageAlertToaster }, { children: [(0, jsx_runtime_1.jsx)(react_core_1.AlertGroup, __assign({ isToast: true, isLiveRegion: true }, { children: toasterAlerts.map(function (alertProps, index) {
|
98
|
-
var _a, _b;
|
99
|
-
return ((0, react_1.createElement)(react_core_1.Alert, __assign({}, alertProps, { key: (_b = (_a = alertProps.key) !== null && _a !== void 0 ? _a : alertProps.id) !== null && _b !== void 0 ? _b : index, actionClose: (0, jsx_runtime_1.jsx)(react_core_1.AlertActionCloseButton, { onClose: function () { return pageAlertToaster.removeAlert(alertProps); } }) })));
|
100
|
-
}) })), props.children] })));
|
101
|
-
}
|
102
|
-
exports.PageAlertToasterProvider = PageAlertToasterProvider;
|
package/cjs/PageAlerts.js
DELETED
@@ -1,98 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
30
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
31
|
-
if (ar || !(i in from)) {
|
32
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
33
|
-
ar[i] = from[i];
|
34
|
-
}
|
35
|
-
}
|
36
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
37
|
-
};
|
38
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
39
|
-
exports.PageAlertsProvider = exports.usePageAlerts = exports.PageAlertsArrayContext = exports.PageAlertsContext = void 0;
|
40
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
41
|
-
var react_1 = require("react");
|
42
|
-
exports.PageAlertsContext = (0, react_1.createContext)({
|
43
|
-
addAlert: function () { return null; },
|
44
|
-
removeAlert: function () { return null; },
|
45
|
-
replaceAlert: function () { return null; },
|
46
|
-
removeAlerts: function () { return null; },
|
47
|
-
});
|
48
|
-
exports.PageAlertsArrayContext = (0, react_1.createContext)([]);
|
49
|
-
function usePageAlerts() {
|
50
|
-
return (0, react_1.useContext)(exports.PageAlertsContext);
|
51
|
-
}
|
52
|
-
exports.usePageAlerts = usePageAlerts;
|
53
|
-
function PageAlertsProvider(props) {
|
54
|
-
var _a = __read((0, react_1.useState)([]), 2), toasterAlerts = _a[0], setToasterAlerts = _a[1];
|
55
|
-
var _b = __read((0, react_1.useState)(function () {
|
56
|
-
function removeAlerts(filter) {
|
57
|
-
setToasterAlerts(function (alerts) { return (filter ? alerts.filter(filter) : []); });
|
58
|
-
}
|
59
|
-
function removeAlert(alert) {
|
60
|
-
setToasterAlerts(function (alerts) { return alerts.filter(function (a) { return a !== alert; }); });
|
61
|
-
}
|
62
|
-
function addAlert(alert) {
|
63
|
-
if (Number.isInteger(alert.timeout)) {
|
64
|
-
setTimeout(function () { return removeAlert(alert); }, alert.timeout);
|
65
|
-
delete alert.timeout;
|
66
|
-
}
|
67
|
-
setToasterAlerts(function (alerts) {
|
68
|
-
var alertIndex = alerts.findIndex(function (a) { return a === alert; });
|
69
|
-
if (alertIndex !== -1) {
|
70
|
-
var newAlerts = __spreadArray([], __read(alerts), false);
|
71
|
-
newAlerts[alertIndex] = alert;
|
72
|
-
return newAlerts;
|
73
|
-
}
|
74
|
-
else {
|
75
|
-
return __spreadArray(__spreadArray([], __read(alerts), false), [alert], false);
|
76
|
-
}
|
77
|
-
});
|
78
|
-
}
|
79
|
-
function replaceAlert(oldAlert, alert) {
|
80
|
-
setToasterAlerts(function (alerts) {
|
81
|
-
var oldAlertIndex = alerts.findIndex(function (a) { return a === oldAlert; });
|
82
|
-
if (oldAlertIndex !== -1) {
|
83
|
-
if (Number.isInteger(alert.timeout)) {
|
84
|
-
setTimeout(function () { return removeAlert(alert); }, alert.timeout);
|
85
|
-
delete alert.timeout;
|
86
|
-
}
|
87
|
-
var newAlerts = __spreadArray([], __read(alerts), false);
|
88
|
-
newAlerts[oldAlertIndex] = alert;
|
89
|
-
return newAlerts;
|
90
|
-
}
|
91
|
-
return alerts;
|
92
|
-
});
|
93
|
-
}
|
94
|
-
return { addAlert: addAlert, removeAlert: removeAlert, removeAlerts: removeAlerts, replaceAlert: replaceAlert };
|
95
|
-
}), 1), pageAlerts = _b[0];
|
96
|
-
return ((0, jsx_runtime_1.jsx)(exports.PageAlertsContext.Provider, __assign({ value: pageAlerts }, { children: (0, jsx_runtime_1.jsx)(exports.PageAlertsArrayContext.Provider, __assign({ value: toasterAlerts }, { children: props.children })) })));
|
97
|
-
}
|
98
|
-
exports.PageAlertsProvider = PageAlertsProvider;
|
package/cjs/PageBody.js
DELETED
@@ -1,52 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
30
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
31
|
-
};
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
33
|
-
exports.PageBody = void 0;
|
34
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
35
|
-
var ErrorBoundary_1 = __importDefault(require("./components/ErrorBoundary"));
|
36
|
-
var useBreakPoint_1 = require("./components/useBreakPoint");
|
37
|
-
var useFrameworkTranslations_1 = require("./useFrameworkTranslations");
|
38
|
-
function PageBody(props) {
|
39
|
-
var usePadding = (0, useBreakPoint_1.useBreakpoint)('xxl') && props.disablePadding !== true;
|
40
|
-
var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
|
41
|
-
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.default, __assign({ message: translations.errorText }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: __assign({ display: 'flex', flexDirection: 'column', height: '100%', maxHeight: '100%', overflow: 'hidden', backgroundColor: 'var(--pf-c-page__main-section--BackgroundColor)' }, props.style) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
42
|
-
display: 'flex',
|
43
|
-
flexDirection: 'column',
|
44
|
-
height: '100%',
|
45
|
-
maxHeight: '100%',
|
46
|
-
margin: usePadding ? 24 : 0,
|
47
|
-
overflow: 'hidden',
|
48
|
-
border: usePadding ? 'thin solid var(--pf-global--BorderColor--100)' : undefined,
|
49
|
-
backgroundColor: 'var(--pf-global--BackgroundColor--100)',
|
50
|
-
} }, { children: props.children })) })) })));
|
51
|
-
}
|
52
|
-
exports.PageBody = PageBody;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.BytesCell = void 0;
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
-
function BytesCell(props) {
|
6
|
-
var bytes = props.bytes;
|
7
|
-
if (!+bytes)
|
8
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
9
|
-
var k = 1024;
|
10
|
-
var decimals = props.decimals ? props.decimals : 0;
|
11
|
-
var dm = decimals < 0 ? 0 : decimals;
|
12
|
-
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
|
13
|
-
var i = Math.floor(Math.log(bytes) / Math.log(k));
|
14
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(dm)), " ").concat(sizes[i]) });
|
15
|
-
}
|
16
|
-
exports.BytesCell = BytesCell;
|
@@ -1,67 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
15
|
-
if (!m) return o;
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
17
|
-
try {
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
19
|
-
}
|
20
|
-
catch (error) { e = { error: error }; }
|
21
|
-
finally {
|
22
|
-
try {
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
24
|
-
}
|
25
|
-
finally { if (e) throw e.error; }
|
26
|
-
}
|
27
|
-
return ar;
|
28
|
-
};
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
30
|
-
exports.CapacityCell = void 0;
|
31
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
32
|
-
/* eslint-disable i18next/no-literal-string */
|
33
|
-
var react_core_1 = require("@patternfly/react-core");
|
34
|
-
var Settings_1 = require("../Settings");
|
35
|
-
var useFrameworkTranslations_1 = require("../useFrameworkTranslations");
|
36
|
-
function CapacityCell(props) {
|
37
|
-
var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];
|
38
|
-
var settings = (0, Settings_1.useSettings)();
|
39
|
-
var ratio = props.used / props.capacity;
|
40
|
-
if (props.capacity === 0)
|
41
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
42
|
-
var base = ratio >= 0.8
|
43
|
-
? 'var(--pf-global--palette--red'
|
44
|
-
: ratio >= 0.5
|
45
|
-
? 'var(--pf-global--palette--gold'
|
46
|
-
: 'var(--pf-global--palette--green';
|
47
|
-
var color1 = settings.activeTheme === 'light' ? "".concat(base, "-100)") : "".concat(base, "-600)");
|
48
|
-
var color2 = settings.activeTheme === 'light' ? "".concat(base, "-400)") : "".concat(base, "-200)");
|
49
|
-
var borderColor = settings.activeTheme === 'light' ? "#0002" : "#fff2";
|
50
|
-
return ((0, jsx_runtime_1.jsxs)(react_core_1.Flex, __assign({ alignItems: { default: 'alignItemsBaseline' }, spaceItems: { default: 'spaceItemsSm' } }, { children: [props.capacity > 0 && ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: {
|
51
|
-
width: 18,
|
52
|
-
height: 25,
|
53
|
-
background: color1,
|
54
|
-
marginBottom: -9,
|
55
|
-
paddingTop: Math.max(0, Math.min(25, (25 * (props.capacity - props.used)) / props.capacity)),
|
56
|
-
borderRadius: 2,
|
57
|
-
border: "thin solid ".concat(borderColor),
|
58
|
-
} }, { children: (0, jsx_runtime_1.jsx)("div", { style: {
|
59
|
-
width: '100%',
|
60
|
-
height: '100%',
|
61
|
-
background: color2,
|
62
|
-
borderRadius: 2,
|
63
|
-
} }) })) })), props.format ? ((0, jsx_runtime_1.jsx)(react_core_1.FlexItem, { children: props.format
|
64
|
-
.replace('{used}', props.used.toString())
|
65
|
-
.replace('{capacity}', props.capacity.toString()) })) : ((0, jsx_runtime_1.jsxs)(react_core_1.FlexItem, { children: [props.used, " ".concat(translations.ofText, " "), props.capacity] }))] })));
|
66
|
-
}
|
67
|
-
exports.CapacityCell = CapacityCell;
|