@ansible/ansible-ui-framework 0.0.368 → 0.0.370

package/cjs/PageTable.d.ts

@@ -49,7 +49,7 @@ export type PageTableProps<T extends object> = {
     disableCardView?: boolean;
     defaultTableView?: PageTableViewType;
     disableBodyPadding?: boolean;
-    defaultCardSubtitle?: ReactNode;
+    defaultSubtitle?: ReactNode;
 };
 /**
  * The PageTable component is used for adding a table to a page.

package/cjs/PageTable.js

@@ -232,31 +232,18 @@ function TableRow(props) {
 }
 function TableCells(props) {
     var columns = props.columns, item = props.item, rowActions = props.rowActions, rowIndex = props.rowIndex;
-    var actions = (0, TypedActions_1.useTypedActionsToTableActions)({
-        actions: rowActions !== null && rowActions !== void 0 ? rowActions : [],
-        item: item,
-        collapse: 'xxl',
-    });
     return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [columns
                 .filter(function (column) { return column.enabled !== false; })
                 .map(function (column) {
                 return ((0, jsx_runtime_1.jsx)(react_table_1.Td, __assign({ dataLabel: column.header, modifier: "nowrap" }, { children: (0, jsx_runtime_1.jsx)(TableColumnCell, { item: item, column: column }) }), column.header));
-            }), actions !== undefined && actions.length > 0 && ((0, jsx_runtime_1.jsx)(react_table_1.Th
-            // isActionCell
-            , __assign({ 
-                // isActionCell
-                style: {
+            }), rowActions !== undefined && rowActions.length > 0 && ((0, jsx_runtime_1.jsx)(react_table_1.Th, __assign({ style: {
                     zIndex: 100 - rowIndex,
                     paddingRight: 8,
                     paddingLeft: 8,
                     width: '0%',
                     right: 0,
                     // display: 'flex',
-                }, isStickyColumn: true, stickyMinWidth: "0px", className: props.scrollRight ? 'pf-m-border-left' : undefined }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex' } }, { children: (0, jsx_runtime_1.jsx)(react_table_1.ActionsColumn
-                    // dropdownDirection="up" // TODO handle....
-                    , { 
-                        // dropdownDirection="up" // TODO handle....
-                        items: actions }) })) })))] }));
+                }, isStickyColumn: true, stickyMinWidth: "0px", className: props.scrollRight ? 'pf-m-border-left' : undefined }, { children: (0, jsx_runtime_1.jsx)(TypedActions_1.TypedActions, { actions: rowActions, selectedItem: item, position: react_core_1.DropdownPosition.right, iconOnly: true }) })))] }));
 }
 var TableColumnSomething;
 (function (TableColumnSomething) {

package/cjs/PageTableCards.js

@@ -18,7 +18,7 @@ var react_1 = require("react");
 var Grid_1 = require("./components/Grid");
 var PageTableCard_1 = require("./PageTableCard");
 function PageTableCards(props) {
-    var keyFn = props.keyFn, items = props.pageItems, tableColumns = props.tableColumns, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, rowActions = props.rowActions, showSelect = props.showSelect, defaultCardSubtitle = props.defaultCardSubtitle;
+    var keyFn = props.keyFn, items = props.pageItems, tableColumns = props.tableColumns, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, rowActions = props.rowActions, showSelect = props.showSelect, defaultCardSubtitle = props.defaultSubtitle;
     var itemToCardFn = (0, PageTableCard_1.useColumnsToTableCardFn)(tableColumns, keyFn);
     var catalogCards = (0, react_1.useMemo)(function () {
         return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, __assign({ size: 400 }, { children: items === null || items === void 0 ? void 0 : items.map(function (item) { return ((0, jsx_runtime_1.jsx)(PageTableCard_1.PageTableCard, { item: item, itemToCardFn: itemToCardFn, isSelected: isSelected, selectItem: selectItem, unselectItem: unselectItem, itemActions: rowActions, showSelect: showSelect, defaultCardSubtitle: defaultCardSubtitle }, keyFn(item))); }) })));

package/cjs/PageTableList.js

@@ -30,7 +30,7 @@ var IconWrapper_1 = require("./components/IconWrapper");
 var PageTable_1 = require("./PageTable");
 var TypedActions_1 = require("./TypedActions");
 function PageTableList(props) {
-    var keyFn = props.keyFn, pageItems = props.pageItems, tableColumns = props.tableColumns, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, rowActions = props.rowActions, defaultCardSubtitle = props.defaultCardSubtitle, showSelect = props.showSelect;
+    var keyFn = props.keyFn, pageItems = props.pageItems, tableColumns = props.tableColumns, isSelected = props.isSelected, selectItem = props.selectItem, unselectItem = props.unselectItem, rowActions = props.rowActions, defaultCardSubtitle = props.defaultSubtitle, showSelect = props.showSelect;
     var columnsToDataList = useColumnsToDataList(tableColumns, keyFn, isSelected, selectItem, unselectItem, rowActions, defaultCardSubtitle, showSelect);
     return ((0, jsx_runtime_1.jsx)(react_core_1.DataList, __assign({ "aria-label": "TODO", style: { marginTop: -1, maxWidth: '100%', overflow: 'hidden' } }, { children: pageItems === null || pageItems === void 0 ? void 0 : pageItems.map(columnsToDataList) })));
 }

package/cjs/TypedActions/TypedActions.d.ts

@@ -1,5 +1,4 @@
 import { ButtonVariant, DropdownPosition } from '@patternfly/react-core';
-import { IAction } from '@patternfly/react-table';
 import { ComponentClass, FunctionComponent } from 'react';
 import { WindowSize } from '../components/useBreakPoint';
 export declare enum TypedActionType {
@@ -66,12 +65,4 @@ export declare function TypedActions<T extends object>(props: {
     position?: DropdownPosition;
     iconOnly?: boolean;
 }): JSX.Element;
-export declare function useTypedActionsToTableActions<T extends object>(props: {
-    actions: ITypedAction<T>[];
-    item: T;
-    wrapper?: ComponentClass | FunctionComponent;
-    collapse?: WindowSize;
-    noPrimary?: boolean;
-    position?: DropdownPosition;
-}): IAction[];
 export {};

package/cjs/TypedActions/TypedActions.js

@@ -26,23 +26,12 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTypedActionsToTableActions = exports.TypedActions = exports.DropdownActionItem = exports.TypedActionsDropdown = exports.TypedActionType = void 0;
+exports.TypedActions = exports.DropdownActionItem = exports.TypedActionsDropdown = exports.TypedActionType = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_core_1 = require("@patternfly/react-core");
 var react_icons_1 = require("@patternfly/react-icons");
 var react_1 = require("react");
-var IconWrapper_1 = require("../components/IconWrapper");
-var pfcolors_1 = require("../components/pfcolors");
 var useBreakPoint_1 = require("../components/useBreakPoint");
 var TypedActionsButtons_1 = require("./TypedActionsButtons");
 var TypedActionType;
@@ -145,105 +134,3 @@ function TypedActions(props) {
 }
 exports.TypedActions = TypedActions;
 var TransparentIcon = function () { return (0, jsx_runtime_1.jsx)(react_icons_1.CircleIcon, { style: { opacity: 0 } }); };
-function useTypedActionsToTableActions(props) {
-    var _a;
-    var actions = props.actions;
-    var collapseButtons = !(0, useBreakPoint_1.useBreakpoint)((_a = props.collapse) !== null && _a !== void 0 ? _a : 'lg');
-    var buttonActions = (0, react_1.useMemo)(function () {
-        if (collapseButtons) {
-            return [];
-        }
-        else {
-            var buttonActions_1 = actions === null || actions === void 0 ? void 0 : actions.filter(function (action) {
-                return (action.type === TypedActionType.button ||
-                    action.type === TypedActionType.bulk ||
-                    action.type === TypedActionType.single) &&
-                    (action.variant === react_core_1.ButtonVariant.primary ||
-                        action.variant === react_core_1.ButtonVariant.secondary ||
-                        action.variant === react_core_1.ButtonVariant.danger);
-            });
-            return buttonActions_1 !== null && buttonActions_1 !== void 0 ? buttonActions_1 : [];
-        }
-    }, [collapseButtons, actions]);
-    var dropdownActions = (0, react_1.useMemo)(function () {
-        if (collapseButtons) {
-            return actions !== null && actions !== void 0 ? actions : [];
-        }
-        else {
-            var dropdownActions_1 = actions === null || actions === void 0 ? void 0 : actions.filter(function (action) {
-                return !((action.type === TypedActionType.button ||
-                    action.type === TypedActionType.bulk ||
-                    action.type === TypedActionType.single) &&
-                    (action.variant === react_core_1.ButtonVariant.primary ||
-                        action.variant === react_core_1.ButtonVariant.secondary ||
-                        action.variant === react_core_1.ButtonVariant.danger));
-            });
-            dropdownActions_1 = dropdownActions_1 !== null && dropdownActions_1 !== void 0 ? dropdownActions_1 : [];
-            while (dropdownActions_1.length && dropdownActions_1[0].type === TypedActionType.seperator)
-                dropdownActions_1.shift();
-            while (dropdownActions_1.length &&
-                dropdownActions_1[dropdownActions_1.length - 1].type === TypedActionType.seperator)
-                dropdownActions_1.pop();
-            return dropdownActions_1;
-        }
-    }, [collapseButtons, actions]);
-    return __spreadArray(__spreadArray([], __read(buttonActions.map(function (buttonAction) {
-        switch (buttonAction.type) {
-            case TypedActionType.button:
-                return {
-                    title: (0, jsx_runtime_1.jsx)(TypedActionsButtons_1.TypedActionButton, { action: buttonAction }),
-                    isOutsideDropdown: true,
-                };
-            case TypedActionType.single:
-                return {
-                    title: ((0, jsx_runtime_1.jsx)(TypedActionsButtons_1.TypedActionButton, { action: __assign(__assign({}, buttonAction), { tooltip: buttonAction.label }), selectedItem: props.item, iconOnly: true })),
-                    isOutsideDropdown: true,
-                };
-            case TypedActionType.bulk:
-                return {
-                    title: ((0, jsx_runtime_1.jsx)(TypedActionsButtons_1.TypedActionButton, { action: buttonAction, selectedItems: props.item ? [props.item] : [] })),
-                    isOutsideDropdown: true,
-                };
-            default:
-                return null;
-        }
-    })), false), __read(dropdownActions.map(function (buttonAction) {
-        switch (buttonAction.type) {
-            case TypedActionType.button: {
-                var Icon = buttonAction.icon;
-                return {
-                    title: ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [Icon && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: buttonAction.label })] }))),
-                    onClick: function () {
-                        buttonAction.onClick();
-                    },
-                };
-            }
-            case TypedActionType.single: {
-                var Icon = buttonAction.icon;
-                var tooltip = buttonAction.tooltip;
-                var isDisabled_1 = buttonAction.isDisabled !== undefined && props.item
-                    ? buttonAction.isDisabled(props.item)
-                    : false;
-                tooltip = isDisabled_1 ? isDisabled_1 : tooltip;
-                return {
-                    title: ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, __assign({ content: tooltip, trigger: tooltip ? undefined : 'manual' }, { children: (0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true, style: { cursor: isDisabled_1 ? 'default' : 'pointer' } }, { children: [Icon && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(IconWrapper_1.IconWrapper, __assign({ color: isDisabled_1 ? pfcolors_1.PFColorE.Disabled : undefined }, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })) })), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, __assign({ style: { color: isDisabled_1 ? pfcolors_1.pfDisabled : undefined } }, { children: buttonAction.label }))] })) }), buttonAction.label)),
-                    onClick: function (event) {
-                        isDisabled_1 ? event.stopPropagation() : buttonAction.onClick(props.item);
-                    },
-                };
-            }
-            case TypedActionType.bulk: {
-                var Icon = buttonAction.icon;
-                return {
-                    title: ((0, jsx_runtime_1.jsxs)(react_core_1.Split, __assign({ hasGutter: true }, { children: [Icon && ((0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: (0, jsx_runtime_1.jsx)(Icon, {}) })), (0, jsx_runtime_1.jsx)(react_core_1.SplitItem, { children: buttonAction.label })] }))),
-                    onClick: function () {
-                        buttonAction.onClick([props.item]);
-                    },
-                };
-            }
-            default:
-                return { isSeparator: true };
-        }
-    })), false).filter(function (i) { return i !== null; });
-}
-exports.useTypedActionsToTableActions = useTypedActionsToTableActions;

package/package.json

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