@ansible/ansible-ui-framework 0.0.401 → 0.0.403

package/cjs/PageActions/PageActions.d.ts

@@ -18,7 +18,7 @@ export declare function PageActions<T extends object>(props: {
      */
     wrapper?: ComponentClass | FunctionComponent;
     /** When to collapse the primary and secondary items into the dropdown menu */
-    collapse?: WindowSize | 'always';
+    collapse?: WindowSize | 'always' | 'never';
     /** The position for the dropdown */
     position?: DropdownPosition;
     /** Indicates if only to show the icon when not collapsed */

package/cjs/PageActions/PageActions.js

@@ -26,8 +26,8 @@ var PagePinnedActions_1 = require("./PagePinnedActions");
 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 !== 'always' ? (_a = props.collapse) !== null && _a !== void 0 ? _a : 'lg' : 'lg');
-    var collapseButtons = props.collapse === 'always' || !collapseBreakpoint;
+    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 */

package/cjs/PageActions/PageButtonAction.d.ts

@@ -5,4 +5,5 @@ export declare function PageButtonAction(props: {
     /** Turn primary buttons to secondary if there are items selected */
     isSecondary?: boolean;
     wrapper?: ComponentClass | FunctionComponent;
+    iconOnly?: boolean;
 }): JSX.Element;

package/cjs/PageActions/PageButtonAction.js

@@ -16,19 +16,22 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 var react_1 = require("react");
 function PageButtonAction(props) {
-    var _a;
+    var _a, _b;
     var action = props.action, isSecondary = props.isSecondary, wrapper = props.wrapper;
     var Wrapper = wrapper !== null && wrapper !== void 0 ? wrapper : react_1.Fragment;
     var Icon = action.icon;
-    var tooltip = action.tooltip;
+    var tooltip = ((_a = action.tooltip) !== null && _a !== void 0 ? _a : props.iconOnly) ? props.action.label : undefined;
     var isDisabled = false;
-    var variant = (_a = action.variant) !== null && _a !== void 0 ? _a : react_core_1.ButtonVariant.secondary;
+    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;
     }
     if (variant === react_core_1.ButtonVariant.primary && action.isDanger) {
         variant = react_core_1.ButtonVariant.danger;
     }
-    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, 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 }, { children: action.shortLabel ? action.shortLabel : action.label })) })) }));
+    if (props.iconOnly) {
+        variant = react_core_1.ButtonVariant.plain;
+    }
+    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, 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 }, { children: props.iconOnly && Icon ? (0, jsx_runtime_1.jsx)(Icon, {}) : action.shortLabel ? action.shortLabel : action.label })) })) }));
 }
 exports.PageButtonAction = PageButtonAction;

package/cjs/PageActions/PagePinnedActions.js

@@ -42,9 +42,7 @@ function PagePinnedAction(props) {
         }
         case PageActionType_1.PageActionType.button: {
             return ((0, jsx_runtime_1.jsx)(PageButtonAction_1.PageButtonAction, { action: action, isSecondary: (selectedItems !== undefined && selectedItems.length !== 0) ||
-                    selectedItem !== undefined, 
-                // iconOnly={props.iconOnly}
-                wrapper: wrapper }));
+                    selectedItem !== undefined, iconOnly: props.iconOnly, wrapper: wrapper }));
         }
         case PageActionType_1.PageActionType.dropdown: {
             var tooltip = action.label;

package/cjs/PageLayout.d.ts

@@ -13,5 +13,5 @@ import { ReactNode } from 'react';
  * <Page>
  */
 export declare function PageLayout(props: {
-    children: ReactNode;
+    children?: ReactNode;
 }): JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "0.0.401",
+  "version": "0.0.403",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {