@useblu/ocean-react 1.116.0 → 1.117.0

package/index.js

@@ -47467,11 +47467,12 @@ var InternalListActions = e.forwardRef(function (_a, forwardedRef) {
 });
 InternalListActions.displayName = 'InternalListActions';
 
-var CardListAction = e.forwardRef(function (_a, ref) {
-    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _b = _a.inverted, inverted = _b === void 0 ? false : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, icon = _a.icon, indicator = _a.indicator, _f = _a.actionType, actionType = _f === void 0 ? 'chevron' : _f, menuActions = _a.menuActions, _g = _a.menuPosition, menuPosition = _g === void 0 ? 'bottom-right' : _g, onClick = _a.onClick, className = _a.className, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className"]);
+var ListAction = e.forwardRef(function (_a, ref) {
+    var _b;
+    var title = _a.title, description = _a.description, strikethroughDescription = _a.strikethroughDescription, caption = _a.caption, _c = _a.inverted, inverted = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? 'card' : _d, _e = _a.status, status = _e === void 0 ? 'default' : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.loading, loading = _g === void 0 ? false : _g, icon = _a.icon, indicator = _a.indicator, _h = _a.actionType, actionType = _h === void 0 ? 'chevron' : _h, menuActions = _a.menuActions, _j = _a.menuPosition, menuPosition = _j === void 0 ? 'bottom-right' : _j, onClick = _a.onClick, className = _a.className, _k = _a.showDivider, showDivider = _k === void 0 ? false : _k, rest = __rest$1(_a, ["title", "description", "strikethroughDescription", "caption", "inverted", "type", "status", "disabled", "loading", "icon", "indicator", "actionType", "menuActions", "menuPosition", "onClick", "className", "showDivider"]);
     var renderActionIcon = function () {
         if (actionType === 'chevron') {
-            return (e.createElement("div", { className: "ods-card-list-action__action" },
+            return (e.createElement("div", { className: 'ods-list-action__action' },
                 e.createElement(re, { size: 20 })));
         }
         if (actionType === 'menu' || actionType === 'swipe') {
@@ -47479,25 +47480,29 @@ var CardListAction = e.forwardRef(function (_a, ref) {
         }
         return null;
     };
-    if (loading) {
-        return (e.createElement("button", __assign$1({ ref: ref, type: "button", "data-testid": "card-list-action", className: classNames('ods-card-list-action', 'ods-card-list-action--loading', className) }, rest),
-            e.createElement("div", { className: "ods-card-list-action__skeleton" },
-                e.createElement(SkeletonBar, { width: "40%", height: "16px" }),
-                e.createElement(SkeletonBar, { width: "100%", height: "16px" }))));
-    }
-    return (e.createElement("button", __assign$1({ ref: ref, type: "button", "data-testid": "card-list-action", className: classNames('ods-card-list-action', className, {
-            'ods-card-list-action--disabled': disabled,
-            'ods-card-list-action--swipe-mode': actionType === 'swipe',
-        }), onClick: onClick, disabled: disabled }, rest),
-        icon && (e.createElement("div", { className: classNames('ods-card-list-action__icon', {
-                'ods-card-list-action__icon--inactive': type === 'inactive',
+    var renderLoadingContent = function () { return (e.createElement("div", { className: 'ods-list-action__skeleton' },
+        e.createElement(SkeletonBar, { width: '40%', height: '16px' }),
+        e.createElement(SkeletonBar, { width: '100%', height: '16px' }))); };
+    var renderContent = function () { return (e.createElement(e.Fragment, null,
+        icon && (e.createElement("div", { className: classNames('ods-list-action__icon', {
+                'ods-list-action__icon--inactive': status === 'inactive',
             }) }, icon)),
-        e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: type }),
-        e.createElement("div", { className: "ods-card-list-action__trailing" },
-            indicator && (e.createElement("div", { className: "ods-card-list-action__indicator" }, indicator)),
-            renderActionIcon())));
+        e.createElement(ContentList, { title: title, description: description, strikethroughDescription: strikethroughDescription, caption: caption, inverted: inverted, type: status }),
+        e.createElement("div", { className: 'ods-list-action__trailing' },
+            indicator && (e.createElement("div", { className: 'ods-list-action__indicator' }, indicator)),
+            renderActionIcon()))); };
+    var buttonClassName = classNames('ods-list-action', className, (_b = {
+            'ods-list-action--loading': loading,
+            'ods-list-action--disabled': disabled,
+            'ods-list-action--swipe-mode': actionType === 'swipe'
+        },
+        _b["ods-list-action--".concat(type)] = type,
+        _b));
+    return (e.createElement("div", { className: 'ods-list-action__container' },
+        e.createElement("button", __assign$1({ ref: ref, type: 'button', "data-testid": 'list-action', className: buttonClassName, onClick: loading ? undefined : onClick, disabled: disabled || loading }, rest), loading ? renderLoadingContent() : renderContent()),
+        showDivider && type === 'text' && (e.createElement("div", { className: 'ods-list-action__divider' }))));
 });
-CardListAction.displayName = 'CardListAction';
+ListAction.displayName = 'ListAction';
 
 exports.Accordion = Accordion;
 exports.Alert = Alert;
@@ -47505,7 +47510,6 @@ exports.Badge = Badge;
 exports.Breadcrumb = Breadcrumb;
 exports.Button = Button$1;
 exports.CardGroup = CardGroup;
-exports.CardListAction = CardListAction;
 exports.CardListItem = CardListItem;
 exports.Carousel = Carousel;
 exports.Chart = DoughnutChart;
@@ -47524,6 +47528,7 @@ exports.IconButton = IconButton;
 exports.Input = Input;
 exports.Link = Link;
 exports.List = List;
+exports.ListAction = ListAction;
 exports.ListSelectable = ListSelectable;
 exports.Modal = Modal;
 exports.Progress = Progress;