@ansible/ansible-ui-framework 0.0.587 → 0.0.589

package/cjs/PageTable/PageToolbar.js

@@ -200,10 +200,10 @@ function ToolbarTextFilter(props) {
                             }
                         }, placeholder: props.placeholder }), value !== '' && ((0, jsx_runtime_1.jsx)(react_core_1.TextInputGroupUtilities, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: "plain", "aria-label": "clear filter", onClick: function () { return setValue(''); }, style: { opacity: value ? undefined : 0 }, 
                             // tabIndex={value ? undefined : -1}
-                            tabIndex: -1 }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.TimesIcon, {}) })) }))] })), !value ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: value ? 'primary' : 'control', "aria-label": "apply filter", onClick: function () {
+                            tabIndex: -1 }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.TimesIcon, {}) })) }))] })), (0, jsx_runtime_1.jsx)(react_core_1.Button, __assign({ variant: value ? 'primary' : 'control', "aria-label": "apply filter", onClick: function () {
                     props.addFilter(value);
                     setValue('');
-                }, tabIndex: -1 }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ArrowRightIcon, {}) })))] }));
+                }, tabIndex: -1, isDisabled: !value }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.ArrowRightIcon, {}) }))] }));
 }
 function ToolbarSelectFilter(props) {
     var _a = __read((0, useFrameworkTranslations_1.useFrameworkTranslations)(), 1), translations = _a[0];

package/cjs/components/DetailInfo.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
+/// <reference types="react" />
 export declare function DetailInfo(props: {
-    children: ReactNode;
-    disablePaddingTop?: boolean;
+    title: string;
+    description?: string;
 }): JSX.Element;

package/cjs/components/DetailInfo.js

@@ -15,9 +15,7 @@ exports.DetailInfo = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 function DetailInfo(props) {
-    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ className: "pf-c-alert pf-m-inline pf-m-info", style: {
-            border: 0,
-            paddingTop: props.disablePaddingTop ? 0 : undefined,
-        } }, { children: props.children })));
+    var title = props.title, description = props.description;
+    return ((0, jsx_runtime_1.jsx)(react_core_1.PageSection, __assign({ variant: "light" }, { children: (0, jsx_runtime_1.jsx)(react_core_1.Alert, __assign({ isInline: true, isPlain: true, variant: "info", title: title }, { children: description && (0, jsx_runtime_1.jsx)("p", { children: description }) })) })));
 }
 exports.DetailInfo = DetailInfo;

package/package.json

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