@useblu/ocean-react 1.63.0 → 1.65.0

package/index.js

@@ -334,7 +334,7 @@ var Accordion = function (_a) {
     return (e__default["default"].createElement("div", { className: classNames('ods-accordion', className) },
         e__default["default"].createElement("button", { onClick: onHandleAccordion, type: "button", className: classNames('ods-accordion__header', {
                 'ods-accordion__header--collapsed': isCollapsed
-            }), "aria-expanded": !isCollapsed },
+            }), "aria-expanded": !isCollapsed, "data-testid": "accordion-header" },
             title,
             e__default["default"].createElement(J, { className: classNames('ods-accordion__icon', {
                     'ods-accordion__icon--rotated': isCollapsed
@@ -407,8 +407,12 @@ var LinkIcons = e__default["default"].memo(function (_a) {
 LinkIcons.displayName = 'LinkIcons';
 
 var Link = e.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, rest = __rest$2(_a, ["children", "className", "variant", "size", "icon"]);
-    return (e__default["default"].createElement("a", __assign$2({ ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className) }, rest),
+    var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, icon = _a.icon, disabled = _a.disabled, rest = __rest$2(_a, ["children", "className", "variant", "size", "icon", "disabled"]);
+    return (e__default["default"].createElement("a", __assign$2({ "aria-disabled": disabled, ref: ref, className: classNames('ods-link', "ods-link--".concat(size), "ods-link--".concat(variant), icon ? 'ods-link--with-icon' : '', className, {
+            'ods-link--disabled': disabled,
+            'ods-link--chevron': icon === 'linkChevron',
+            'ods-link--external': icon === 'externalLink'
+        }) }, rest),
         e__default["default"].createElement("span", { className: "ods-link__content" }, children),
         e__default["default"].createElement(LinkIcons, { icon: icon })));
 });
@@ -47887,19 +47891,27 @@ var Shortcut = function (_a) {
         size === 'medium' && description && (e__default["default"].createElement("span", { className: classNames('ods-shortcut__description', 'ods-typography', 'ods-typography__description') }, description))));
 };
 
-var CardListItem = function (_a) {
-    var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick;
-    return (e__default["default"].createElement("div", { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
+var CardListItem = e.forwardRef(function (_a, ref) {
+    var title = _a.title, description = _a.description, caption = _a.caption, leadingIcon = _a.leadingIcon, actionIcon = _a.actionIcon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, onClick = _a.onClick, loading = _a.loading, rest = __rest$2(_a, ["title", "description", "caption", "leadingIcon", "actionIcon", "size", "disabled", "fullWidth", "onClick", "loading"]);
+    return loading ? (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--full-width': fullWidth }, {
+            'ods-card-list-item--loading': loading
+        }) }),
+        e__default["default"].createElement("div", { className: "ods-card-list-item__circle" }),
+        e__default["default"].createElement("div", { className: "ods-card-list-item__lines" },
+            e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line1" }),
+            e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line2" }),
+            size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__lines__line3" }))))) : (e__default["default"].createElement("div", __assign$2({ ref: ref }, rest, { "data-testid": "card-list-item", className: classNames('ods-card-list-item', "ods-card-list-item--size-".concat(size), { 'ods-card-list-item--disabled': disabled }, { 'ods-card-list-item--full-width': fullWidth }), onClick: function () {
             if (!disabled && onClick)
                 onClick();
-        } },
+        } }),
         leadingIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__leading-icon" }, leadingIcon)),
         e__default["default"].createElement("div", { className: "ods-card-list-item__content" },
             e__default["default"].createElement("div", { className: "ods-card-list-item__content__title" }, title),
             description && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__description" }, description)),
             caption && size === 'medium' && (e__default["default"].createElement("div", { className: "ods-card-list-item__content__caption" }, caption))),
         actionIcon && (e__default["default"].createElement("div", { className: "ods-card-list-item__action" }, actionIcon))));
-};
+});
+CardListItem.displayName = 'CardListItem';
 
 var Options = function (_a) {
     var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, filterOptions = _a.filterOptions, clearOptions = _a.clearOptions;