@ansible/ansible-ui-framework 0.0.508 → 0.0.510

package/cjs/PageActions/PageAction.d.ts

@@ -15,12 +15,14 @@ export interface IPageActionSeperator {
 type IPageActionWithLink = IPageActionCommon & {
     type: PageActionType.button;
     variant?: ButtonVariant;
+    isDisabled?: string | undefined;
     href: string;
     onClick?: never;
 };
 type IPageActionWithOnClick = IPageActionCommon & {
     type: PageActionType.button;
     variant?: ButtonVariant;
+    isDisabled?: string | undefined;
     onClick: () => void;
     href?: never;
 };

package/cjs/PageActions/PageButtonAction.js

@@ -22,7 +22,8 @@ function PageButtonAction(props) {
     var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
     var Icon = action.icon;
     var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
-    var isDisabled = false;
+    var isDisabled = action.isDisabled !== undefined ? action.isDisabled : false;
+    tooltip = isDisabled ? isDisabled : tooltip;
     var variant = (_b = action.variant) !== null && _b !== void 0 ? _b : react_core_1.ButtonVariant.secondary;
     if (isSecondary && [react_core_1.ButtonVariant.primary, react_core_1.ButtonVariant.danger].includes(variant)) {
         variant = react_core_1.ButtonVariant.secondary;
@@ -35,6 +36,6 @@ function PageButtonAction(props) {
     }
     var id = props.action.label.toLowerCase().split(' ').join('-');
     var content = props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label;
-    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: 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 })) })) }));
+    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 })) })) }));
 }
 exports.PageButtonAction = PageButtonAction;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.508",
+  "version": "0.0.510",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",