@ansible/ansible-ui-framework 0.0.248 → 0.0.250

package/cjs/PageTableDetails.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableDetails = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/no-empty-function */
+var react_core_1 = require("@patternfly/react-core");
+var Details_1 = require("./components/Details");
+function TableDetails(props) {
+    var item = props.item, columns = props.columns;
+    if (!item)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    return ((0, jsx_runtime_1.jsx)(react_core_1.DescriptionList, __assign({ isCompact: true }, { children: columns.map(function (column) { return ((0, jsx_runtime_1.jsx)(Details_1.Detail, __assign({ label: column.hideLabel ? undefined : column.header }, { children: column.cell(item) }), column.id)); }) })));
+}
+exports.TableDetails = TableDetails;

package/mjs/PageTableDetails.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ITableColumn } from './PageTable';
+export declare function TableDetails<T extends object>(props: {
+    item: T | undefined;
+    columns: ITableColumn<T>[];
+}): JSX.Element;

package/mjs/PageTableDetails.js

@@ -0,0 +1,11 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { DescriptionList } from '@patternfly/react-core';
+import { Detail } from './components/Details';
+export function TableDetails(props) {
+    const { item, columns } = props;
+    if (!item)
+        return _jsx(_Fragment, {});
+    return (_jsx(DescriptionList, { isCompact: true, children: columns.map((column) => (_jsx(Detail, { label: column.hideLabel ? undefined : column.header, children: column.cell(item) }, column.id))) }));
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.248",
+  "version": "0.0.250",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {