@ansible/ansible-ui-framework 0.0.413 → 0.0.415

package/cjs/components/Details.d.ts

@@ -31,5 +31,6 @@ export declare function DetailsList(props: {
 export declare function Detail(props: {
     label?: string;
     children?: ReactNode;
+    isEmpty?: boolean;
 }): JSX.Element;
 export declare function DetailsSkeleton(): JSX.Element;

package/cjs/components/Details.js

@@ -48,9 +48,13 @@ function DetailsList(props) {
 exports.DetailsList = DetailsList;
 function Detail(props) {
     var _a;
-    if (!props.children)
+    if (props.children === null || typeof props.children === 'undefined' || props.children === '') {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [props.label && ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionListTerm, { children: props.label })), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, __assign({ id: (_a = props.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().split(' ').join('-') }, { children: props.children }))] }));
+    }
+    if (props.isEmpty) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(react_core_1.DescriptionListGroup, { children: [props.label && (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListTerm, { children: props.label }), (0, jsx_runtime_1.jsx)(react_core_1.DescriptionListDescription, __assign({ id: (_a = props.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().split(' ').join('-') }, { children: props.children }))] }));
 }
 exports.Detail = Detail;
 function DetailsSkeleton() {

package/package.json

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